adminium 1.0.6 → 1.0.8

package/dist/index.cjs

@@ -68,10 +68,25 @@ function Spinner({ className, ...props }) {
 }
 var buttonVariantConfig = {
   variant: {
+    // Primary
     primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90",
-    mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90",
+    "dark-primary": "bg-foreground/50 text-white border border-white/20 hover:bg-foreground/70 data-[state=open]:bg-background data-[state=open]:text-primary data-[state=open]:border-primary/30 data-[state=open]:hover:bg-background/90",
+    "outline-primary": "bg-background text-primary border border-primary/30 hover:bg-background/90",
+    // Destructive
     destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
+    "destructive-soft": "bg-red-100 text-red-600 border border-red-500 hover:bg-red-200 data-[state=open]:bg-red-200 dark:bg-red-950 dark:text-red-400 dark:border-red-500 dark:hover:bg-red-900 dark:data-[state=open]:bg-red-900",
+    "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90",
+    // Success
     success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600",
+    "success-soft": "bg-green-100 text-green-600 border border-green-500 hover:bg-green-200 data-[state=open]:bg-green-200 dark:bg-green-950 dark:text-green-400 dark:border-green-500 dark:hover:bg-green-900 dark:data-[state=open]:bg-green-900",
+    // Info
+    info: "bg-violet-600 text-white hover:bg-violet-700 data-[state=open]:bg-violet-700",
+    "info-soft": "bg-violet-100 text-violet-600 border border-violet-500 hover:bg-violet-200 data-[state=open]:bg-violet-200 dark:bg-violet-950 dark:text-violet-400 dark:border-violet-500 dark:hover:bg-violet-900 dark:data-[state=open]:bg-violet-900",
+    // Warning
+    warning: "bg-yellow-500 text-white hover:bg-yellow-600 data-[state=open]:bg-yellow-600",
+    "warning-soft": "bg-yellow-100 text-yellow-800 border border-yellow-500 hover:bg-yellow-200 data-[state=open]:bg-yellow-200 dark:bg-yellow-950 dark:text-yellow-400 dark:border-yellow-500 dark:hover:bg-yellow-900 dark:data-[state=open]:bg-yellow-900",
+    // Neutral
+    mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90",
     secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90",
     outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent",
     dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground",
@@ -177,76 +192,50 @@ var buttonVariants = classVarianceAuthority.cva(
         autoHeight: true,
         className: "h-auto min-h-10"
       },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
+      // Shadow support (default mode)
       {
-        variant: "destructive",
+        variant: [
+          "primary",
+          "mono",
+          "secondary",
+          "outline",
+          "dashed",
+          "destructive",
+          "destructive-soft",
+          "dark-primary",
+          "outline-primary",
+          "outline-destructive",
+          "success",
+          "success-soft",
+          "info",
+          "info-soft",
+          "warning",
+          "warning-soft"
+        ],
         mode: "default",
         appearance: "default",
         className: "shadow-xs shadow-black/5"
       },
-      // Shadow support
-      {
-        variant: "primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "mono",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "secondary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
+      // Shadow support (icon mode)
       {
-        variant: "destructive",
+        variant: [
+          "primary",
+          "mono",
+          "secondary",
+          "outline",
+          "dashed",
+          "destructive",
+          "destructive-soft",
+          "dark-primary",
+          "outline-primary",
+          "outline-destructive",
+          "success",
+          "success-soft",
+          "info",
+          "info-soft",
+          "warning",
+          "warning-soft"
+        ],
         mode: "icon",
         appearance: "default",
         className: "shadow-xs shadow-black/5"
@@ -335,11 +324,56 @@ var buttonVariants = classVarianceAuthority.cva(
         appearance: "ghost",
         className: "bg-transparent text-destructive/90 hover:bg-destructive/5 data-[state=open]:bg-destructive/5"
       },
+      {
+        variant: "dark-primary",
+        appearance: "ghost",
+        className: "bg-transparent text-foreground/60 hover:text-foreground hover:bg-foreground/5 data-[state=open]:text-primary/90 data-[state=open]:bg-primary/5"
+      },
+      {
+        variant: "outline-primary",
+        appearance: "ghost",
+        className: "bg-transparent text-primary/90 border-transparent hover:bg-primary/5 data-[state=open]:bg-primary/5"
+      },
+      {
+        variant: "outline-destructive",
+        appearance: "ghost",
+        className: "bg-transparent text-destructive/90 border-transparent hover:bg-destructive/5 data-[state=open]:bg-destructive/5"
+      },
       {
         variant: "success",
         appearance: "ghost",
         className: "bg-transparent text-emerald-500 hover:bg-emerald-500/5 data-[state=open]:bg-emerald-500/5"
       },
+      {
+        variant: "success-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-green-600 border-transparent hover:bg-green-100/50 data-[state=open]:bg-green-100/50 dark:text-green-400 dark:hover:bg-green-950/50 dark:data-[state=open]:bg-green-950/50"
+      },
+      {
+        variant: "destructive-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-red-600 border-transparent hover:bg-red-100/50 data-[state=open]:bg-red-100/50 dark:text-red-400 dark:hover:bg-red-950/50 dark:data-[state=open]:bg-red-950/50"
+      },
+      {
+        variant: "info",
+        appearance: "ghost",
+        className: "bg-transparent text-violet-500 hover:bg-violet-500/5 data-[state=open]:bg-violet-500/5"
+      },
+      {
+        variant: "info-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-violet-600 border-transparent hover:bg-violet-100/50 data-[state=open]:bg-violet-100/50 dark:text-violet-400 dark:hover:bg-violet-950/50 dark:data-[state=open]:bg-violet-950/50"
+      },
+      {
+        variant: "warning",
+        appearance: "ghost",
+        className: "bg-transparent text-yellow-500 hover:bg-yellow-500/5 data-[state=open]:bg-yellow-500/5"
+      },
+      {
+        variant: "warning-soft",
+        appearance: "ghost",
+        className: "bg-transparent text-yellow-800 border-transparent hover:bg-yellow-100/50 data-[state=open]:bg-yellow-100/50 dark:text-yellow-400 dark:hover:bg-yellow-950/50 dark:data-[state=open]:bg-yellow-950/50"
+      },
       {
         variant: "ghost",
         mode: "icon",
@@ -1232,6 +1266,66 @@ function SheetDescription({ className, ...props }) {
     }
   );
 }
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+var tooltipVariants = classVarianceAuthority.cva(
+  [
+    "z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs",
+    "animate-in fade-in-0 zoom-in-95",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  ],
+  {
+    variants: {
+      variant: {
+        light: "border border-border bg-background text-foreground shadow-md shadow-black/5",
+        // Adaptive: dark bg in light mode, light bg in dark mode
+        dark: "border border-border bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black shadow-md shadow-black/5"
+      }
+    },
+    defaultVariants: {
+      variant: "dark"
+    }
+  }
+);
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Tooltip.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(tooltipVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 function Command({
   className,
   ...props
@@ -3769,6 +3863,125 @@ function KanbanOverlay({ children, className }) {
     }
   ) });
 }
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "table-wrapper", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn(
+        "w-full caption-bottom text-sm border-collapse",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pe-0 *:[[role=checkbox]]:translate-y-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "px-4 py-3 align-middle [&:has([role=checkbox])]:pe-0 *:[[role=checkbox]]:translate-y-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
   {
@@ -7465,6 +7678,14 @@ exports.Spinner = Spinner;
 exports.Switch = Switch;
 exports.SwitchIndicator = SwitchIndicator;
 exports.SwitchWrapper = SwitchWrapper;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
@@ -7477,6 +7698,10 @@ exports.ToolbarActions = ToolbarActions;
 exports.ToolbarDescription = ToolbarDescription;
 exports.ToolbarHeading = ToolbarHeading;
 exports.ToolbarTitle = ToolbarTitle;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
 exports.avatarStatusVariants = avatarStatusVariants;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariantConfig = buttonVariantConfig;