adminium 1.0.7 → 1.0.8

package/dist/index.cjs

@@ -68,20 +68,32 @@ 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",
     ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
     dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground",
     foreground: "",
-    inverse: "",
-    "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",
-    "outline-destructive": "bg-background text-destructive border border-destructive/30 hover:bg-background/90"
+    inverse: ""
   },
   appearance: {
     default: "",
@@ -180,112 +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"
-      },
+      // Shadow support (default mode)
       {
-        variant: "outline",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "destructive",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "dark-primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-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"
-      },
-      {
-        variant: "destructive",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
+      // Shadow support (icon mode)
       {
-        variant: "dark-primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs shadow-black/5"
-      },
-      {
-        variant: "outline-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"
@@ -394,6 +344,36 @@ var buttonVariants = classVarianceAuthority.cva(
         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",
@@ -3883,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",
   {
@@ -7579,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;