+
@@ -70,7 +100,7 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
[role=checkbox]]:translate-y-[2px]",
+ "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5",
className,
)}
{...props}
@@ -83,7 +113,7 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
| [role=checkbox]]:translate-y-[2px]",
+ "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5",
className,
)}
{...props}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
index d597ede5..7274957a 100644
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -1,30 +1,52 @@
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React from "react";
+"use client";
+
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { cva } from "class-variance-authority";
+import type { VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils";
function Tabs({
className,
+ orientation = "horizontal",
...props
-}: React.ComponentProps) {
+}: TabsPrimitive.Root.Props) {
return (
);
}
+const tabsListVariants = cva(
+ "rounded-lg p-0.75 group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col",
+ {
+ variants: {
+ variant: {
+ default: "bg-muted",
+ line: "gap-1 bg-transparent",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ },
+);
+
function TabsList({
className,
+ variant = "default",
...props
-}: React.ComponentProps) {
+}: TabsPrimitive.List.Props & VariantProps) {
return (
) {
+function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {
return (
- ) {
+function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {
return (
- ) {
|