adminium 1.0.1-patch.3 → 1.0.2

package/dist/index.js

@@ -2,10 +2,10 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { ChevronDown, X, Check, Minus, ChevronRight, Circle, ChevronUp, ChevronLeftIcon, ChevronRightIcon, ArrowDown, ArrowUp, ChevronsUpDown, ArrowLeftToLine, ArrowRightToLine, ArrowLeft, ArrowRight, Settings2, PinOff } from 'lucide-react';
+import { Loader2Icon, ChevronDown, X, Check, Minus, ChevronRight, Circle, ChevronUp, ChevronLeftIcon, ChevronRightIcon, MoreHorizontal, ArrowDown, ArrowUp, ChevronsUpDown, ArrowLeftToLine, ArrowRightToLine, ArrowLeft, ArrowRight, Settings2, PinOff } from 'lucide-react';
 import * as SlotPrimitive2 from '@radix-ui/react-slot';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Select as Select$1, Label, ScrollArea as ScrollArea$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Select as Select$1, Slot, Tabs as Tabs$1, Label, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1 } from 'radix-ui';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as React from 'react';
@@ -20,67 +20,79 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var buttonVariants = cva(
-  "cursor-pointer group whitespace-nowrap focus-visible:outline-hidden inline-flex items-center justify-center has-data-[arrow=true]:justify-between whitespace-nowrap text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        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",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
-        success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600",
-        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: ""
-      },
-      appearance: {
-        default: "",
-        ghost: ""
-      },
-      underline: {
-        solid: "",
-        dashed: ""
-      },
-      underlined: {
-        solid: "",
-        dashed: ""
-      },
-      size: {
-        lg: "h-10 rounded-md px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
-        md: "h-8.5 rounded-md px-3 gap-1.5 text-[0.8125rem] leading-[var(--text-sm--line-height)] [&_svg:not([class*=size-])]:size-4",
-        sm: "h-7 rounded-md px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5",
-        icon: "size-8.5 rounded-md [&_svg:not([class*=size-])]:size-4 shrink-0"
-      },
-      autoHeight: {
-        true: "",
-        false: ""
-      },
-      shape: {
-        default: "",
-        circle: "rounded-full"
-      },
-      mode: {
-        default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shrink-0",
-        link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent",
-        input: `
-            justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background 
-            focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30 
-            [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px] 
-            [[data-state=open]>&]:ring-ring/30 
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+var buttonVariantConfig = {
+  variant: {
+    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",
+    destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
+    success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600",
+    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: ""
+  },
+  appearance: {
+    default: "",
+    ghost: ""
+  },
+  underline: {
+    solid: "",
+    dashed: ""
+  },
+  underlined: {
+    solid: "",
+    dashed: ""
+  },
+  size: {
+    lg: "h-10 rounded-md px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
+    md: "h-8.5 rounded-md px-3 gap-1.5 text-[0.8125rem] leading-[var(--text-sm--line-height)] [&_svg:not([class*=size-])]:size-4",
+    sm: "h-7 rounded-md px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5",
+    icon: "size-8.5 rounded-md [&_svg:not([class*=size-])]:size-4 shrink-0"
+  },
+  autoHeight: {
+    true: "",
+    false: ""
+  },
+  shape: {
+    default: "",
+    circle: "rounded-full"
+  },
+  mode: {
+    default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shrink-0",
+    link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent",
+    input: `
+            justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background
+            focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30
+            [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px]
+            [[data-state=open]>&]:ring-ring/30
             aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
             in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10  dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20
           `
-      },
-      placeholder: {
-        true: "text-muted-foreground",
-        false: ""
-      }
-    },
+  },
+  placeholder: {
+    true: "text-muted-foreground",
+    false: ""
+  }
+};
+var buttonVariants = cva(
+  "cursor-pointer group whitespace-nowrap focus-visible:outline-hidden inline-flex items-center justify-center has-data-[arrow=true]:justify-between whitespace-nowrap text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
+  {
+    variants: buttonVariantConfig,
     compoundVariants: [
       // Icons opacity for default mode
       {
@@ -366,6 +378,10 @@ function Button({
   underline,
   asChild = false,
   placeholder = false,
+  loading = false,
+  children,
+  disabled,
+  onClick,
   ...props
 }) {
   const Comp = asChild ? SlotPrimitive2.Slot : "button";
@@ -386,10 +402,19 @@ function Button({
           underline,
           className
         }),
-        asChild && props.disabled && "pointer-events-none opacity-50"
+        asChild && (disabled || loading) && "pointer-events-none opacity-50",
+        loading && !asChild && !disabled && "pointer-events-none"
       ),
+      disabled: asChild ? void 0 : disabled,
+      "aria-busy": loading || void 0,
+      "aria-disabled": loading || void 0,
       ...selected && { "data-state": "open" },
-      ...props
+      onClick: loading ? void 0 : onClick,
+      ...props,
+      children: asChild ? children : loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, {}),
+        /* @__PURE__ */ jsx("span", { className: "contents [&>svg]:hidden", children })
+      ] }) : children
     }
   );
 }
@@ -3079,6 +3104,271 @@ function BadgeDot({ className, ...props }) {
     }
   );
 }
+function Breadcrumb({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(ChevronRight, { className: "rtl:rotate-180" })
+  }
+);
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+var tabsListVariantConfig = {
+  variant: {
+    default: "bg-accent p-1",
+    button: "",
+    line: "border-b border-border"
+  },
+  shape: {
+    default: "",
+    pill: ""
+  },
+  size: {
+    lg: "gap-2.5",
+    md: "gap-2",
+    sm: "gap-1.5",
+    xs: "gap-1"
+  }
+};
+var tabsListVariants = cva("flex items-center shrink-0", {
+  variants: tabsListVariantConfig,
+  compoundVariants: [
+    { variant: "default", size: "lg", className: "p-1.5 gap-2.5" },
+    { variant: "default", size: "md", className: "p-1 gap-2" },
+    { variant: "default", size: "sm", className: "p-1 gap-1.5" },
+    { variant: "default", size: "xs", className: "p-1 gap-1" },
+    {
+      variant: "default",
+      shape: "default",
+      size: "lg",
+      className: "rounded-lg"
+    },
+    {
+      variant: "default",
+      shape: "default",
+      size: "md",
+      className: "rounded-lg"
+    },
+    {
+      variant: "default",
+      shape: "default",
+      size: "sm",
+      className: "rounded-md"
+    },
+    {
+      variant: "default",
+      shape: "default",
+      size: "xs",
+      className: "rounded-md"
+    },
+    { variant: "line", size: "lg", className: "gap-9" },
+    { variant: "line", size: "md", className: "gap-8" },
+    { variant: "line", size: "sm", className: "gap-4" },
+    { variant: "line", size: "xs", className: "gap-4" },
+    {
+      variant: "default",
+      shape: "pill",
+      className: "rounded-full [&_[role=tab]]:rounded-full"
+    },
+    {
+      variant: "button",
+      shape: "pill",
+      className: "rounded-full [&_[role=tab]]:rounded-full"
+    }
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var tabsTriggerVariants = cva(
+  "shrink-0 cursor-pointer whitespace-nowrap inline-flex justify-center items-center font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:shrink-0 [&_svg]:text-muted-foreground [&:hover_svg]:text-primary [&[data-state=active]_svg]:text-primary",
+  {
+    variants: {
+      variant: {
+        default: "text-muted-foreground data-[state=active]:bg-background hover:text-foreground data-[state=active]:text-foreground data-[state=active]:shadow-xs data-[state=active]:shadow-black/5",
+        button: "rounded-lg text-accent-foreground hover:text-foreground data-[state=active]:bg-accent data-[state=active]:text-foreground",
+        line: "border-b-2 text-muted-foreground border-transparent data-[state=active]:border-primary hover:text-primary data-[state=active]:text-primary"
+      },
+      size: {
+        lg: "gap-2.5 [&_svg]:size-5 text-sm",
+        md: "gap-2 [&_svg]:size-4 text-sm",
+        sm: "gap-1.5 [&_svg]:size-3.5 text-xs",
+        xs: "gap-1 [&_svg]:size-3.5 text-xs"
+      }
+    },
+    compoundVariants: [
+      { variant: "default", size: "lg", className: "py-2.5 px-4 rounded-md" },
+      { variant: "default", size: "md", className: "py-1.5 px-3 rounded-md" },
+      { variant: "default", size: "sm", className: "py-1.5 px-2.5 rounded-sm" },
+      { variant: "default", size: "xs", className: "py-1 px-2 rounded-sm" },
+      { variant: "button", size: "lg", className: "py-3 px-4 rounded-lg" },
+      { variant: "button", size: "md", className: "py-2.5 px-3 rounded-lg" },
+      { variant: "button", size: "sm", className: "py-2 px-2.5 rounded-md" },
+      { variant: "button", size: "xs", className: "py-1.5 px-2 rounded-md" },
+      { variant: "line", size: "lg", className: "py-3" },
+      { variant: "line", size: "md", className: "py-2.5" },
+      { variant: "line", size: "sm", className: "py-2" },
+      { variant: "line", size: "xs", className: "py-1.5" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var tabsContentVariants = cva(
+  "mt-2.5 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var TabsContext = React.createContext({
+  variant: "default",
+  size: "md"
+});
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tabs$1.Root, { "data-slot": "tabs", className, ...props });
+}
+function TabsList({
+  className,
+  variant = "default",
+  shape = "default",
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsContext.Provider,
+    {
+      value: { variant: variant || "default", size: size || "md" },
+      children: /* @__PURE__ */ jsx(
+        Tabs$1.List,
+        {
+          "data-slot": "tabs-list",
+          className: cn(tabsListVariants({ variant, shape, size }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  const { variant, size } = React.useContext(TabsContext);
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(tabsTriggerVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn(tabsContentVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 var CardContext = React.createContext({
   variant: "default"
   // Default value
@@ -3838,9 +4128,11 @@ function FieldContent({ className, ...props }) {
 }
 function FieldLabel({
   className,
+  required = false,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Label2,
     {
       "data-slot": "field-label",
@@ -3850,7 +4142,11 @@ function FieldLabel({
         "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+      ]
     }
   );
 }
@@ -3945,6 +4241,177 @@ function FieldError({
     }
   );
 }
+var SwitchContext = React.createContext({
+  permanent: false
+});
+var useSwitchContext = () => {
+  const context = React.useContext(SwitchContext);
+  if (!context) {
+    throw new Error("SwitchIndicator must be used within a Switch component");
+  }
+  return context;
+};
+var switchShapes = {
+  pill: "rounded-full",
+  square: "rounded-md"
+};
+var switchSizes = {
+  xs: "h-4 w-7",
+  sm: "h-5 w-8",
+  md: "h-6 w-10",
+  lg: "h-8 w-14",
+  xl: "h-9 w-16"
+};
+var switchVariants = cva(
+  `
+    relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors 
+    focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background 
+    disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-input
+    aria-invalid:border aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
+    [[data-invalid=true]_&]:border [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10  dark:[[data-invalid=true]_&]:border-destructive dark:[[data-invalid=true]_&]:ring-destructive/20
+  `,
+  {
+    variants: {
+      shape: switchShapes,
+      size: switchSizes,
+      permanent: {
+        true: "bg-input",
+        false: "data-[state=checked]:bg-primary"
+      }
+    },
+    defaultVariants: {
+      shape: "pill",
+      permanent: false,
+      size: "md"
+    }
+  }
+);
+var switchThumbVariants = cva(
+  "pointer-events-none block bg-white w-1/2 h-[calc(100%-4px)] shadow-lg ring-0 transition-transform start-0 data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[calc(100%-2px)] rtl:data-[state=unchecked]:-translate-x-[2px] rtl:data-[state=checked]:-translate-x-[calc(100%-2px)]",
+  {
+    variants: {
+      shape: {
+        pill: "rounded-full",
+        square: "rounded-md"
+      },
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      }
+    },
+    compoundVariants: [
+      {
+        shape: "square",
+        size: "xs",
+        className: "rounded-sm"
+      }
+    ],
+    defaultVariants: {
+      shape: "pill",
+      size: "md"
+    }
+  }
+);
+var switchIndicatorVariants = cva(
+  "text-sm font-medium absolute mx-[2px] top-1/2 w-1/2 -translate-y-1/2 flex pointer-events-none items-center justify-center text-center transition-transform duration-300 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+  {
+    variants: {
+      state: {
+        on: "start-0",
+        off: "end-0"
+      },
+      permanent: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        state: "on",
+        permanent: false,
+        className: "text-primary-foreground peer-data-[state=unchecked]:invisible peer-data-[state=unchecked]:translate-x-full rtl:peer-data-[state=unchecked]:-translate-x-full"
+      },
+      {
+        state: "off",
+        permanent: false,
+        className: "peer-data-[state=checked]:invisible -translate-x-full rtl:translate-x-full peer-data-[state=unchecked]:translate-x-0"
+      },
+      {
+        state: "on",
+        permanent: true,
+        className: "start-0"
+      },
+      {
+        state: "off",
+        permanent: true,
+        className: "end-0"
+      }
+    ],
+    defaultVariants: {
+      state: "off",
+      permanent: false
+    }
+  }
+);
+function SwitchWrapper({
+  className,
+  children,
+  permanent = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SwitchContext.Provider, { value: { permanent }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "switch-wrapper",
+      className: cn("relative inline-flex items-center", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Switch({
+  className,
+  thumbClassName = "",
+  shape,
+  size,
+  ...props
+}) {
+  const context = useSwitchContext();
+  const permanent = context?.permanent ?? false;
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    {
+      "data-slot": "switch",
+      className: cn(switchVariants({ shape, size, permanent }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
+        {
+          className: cn(switchThumbVariants({ shape, size }), thumbClassName)
+        }
+      )
+    }
+  );
+}
+function SwitchIndicator({
+  className,
+  state,
+  ...props
+}) {
+  const context = useSwitchContext();
+  const permanent = context?.permanent ?? false;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "switch-indicator",
+      className: cn(switchIndicatorVariants({ state, permanent }), className),
+      ...props
+    }
+  );
+}
 function ScrollArea({
   className,
   viewportClassName,
@@ -4135,6 +4602,92 @@ function Scrollspy({
   ]);
   return /* @__PURE__ */ jsx("div", { "data-slot": "scrollspy", className, ref: selfRef, children });
 }
+function AspectRatio(props) {
+  return /* @__PURE__ */ jsx(AspectRatio$1.Root, { "data-slot": "aspect-ratio", ...props });
+}
+var headings = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6"
+};
+function Toolbar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toolbar",
+      className: cn(
+        "flex items-center justify-between grow gap-2.5 pb-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToolbarHeading({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toolbar-heading",
+      className: cn("flex flex-col flex-wrap gap-px", className),
+      ...props
+    }
+  );
+}
+function ToolbarTitle({
+  className,
+  as: Component = "h1",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      "data-slot": "toolbar-title",
+      className: cn("font-semibold text-foreground text-lg", className),
+      ...props
+    }
+  );
+}
+function ToolbarDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toolbar-description",
+      className: cn(
+        "flex items-center gap-2 text-sm font-normal text-secondary-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToolbarActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toolbar-actions",
+      className: cn(
+        "flex items-center flex-wrap gap-1.5 lg:gap-3.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
 var MOBILE_BREAKPOINT = 992;
 function useIsMobile() {
   const [isMobile, setIsMobile] = React.useState(
@@ -4181,6 +4734,6 @@ function useMounted() {
   return mounted;
 }
 
-export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label2 as Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, avatarStatusVariants, badgeVariants, buttonVariants, cn, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
+export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label2 as Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, headings, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map