adminium 1.0.5 → 1.0.7

package/dist/index.cjs

@@ -78,7 +78,10 @@ var buttonVariantConfig = {
     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: ""
+    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"
   },
   appearance: {
     default: "",
@@ -214,6 +217,24 @@ var buttonVariants = classVarianceAuthority.cva(
         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",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
       // Shadow support
       {
         variant: "primary",
@@ -251,6 +272,24 @@ var buttonVariants = classVarianceAuthority.cva(
         appearance: "default",
         className: "shadow-xs shadow-black/5"
       },
+      {
+        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",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
       // Link
       {
         variant: "primary",
@@ -335,6 +374,21 @@ 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",
@@ -1232,6 +1286,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
@@ -4266,7 +4380,7 @@ function AccordionMenuSeparator({
   );
 }
 var itemVariants = classVarianceAuthority.cva(
-  "relative cursor-pointer select-none flex w-full text-start items-center text-foreground rounded-lg gap-2 px-2 py-1.5 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground disabled:opacity-50 disabled:bg-transparent focus-visible:bg-accent focus-visible:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_a]:flex [&>a]:w-full [&>a]:items-center [&>a]:gap-2",
+  "relative cursor-pointer select-none flex w-full text-start items-center text-foreground rounded-lg gap-2 px-2 py-1.5 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground disabled:opacity-50 disabled:bg-transparent focus-visible:bg-accent focus-visible:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -7477,6 +7591,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;