adminium 1.0.1-patch.3 → 1.0.2

package/dist/index.cjs

@@ -46,67 +46,79 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var buttonVariants = classVarianceAuthority.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__ */ jsxRuntime.jsx(
+    lucideReact.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 = classVarianceAuthority.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
       {
@@ -392,6 +404,10 @@ function Button({
   underline,
   asChild = false,
   placeholder = false,
+  loading = false,
+  children,
+  disabled,
+  onClick,
   ...props
 }) {
   const Comp = asChild ? SlotPrimitive2__namespace.Slot : "button";
@@ -412,10 +428,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "contents [&>svg]:hidden", children })
+      ] }) : children
     }
   );
 }
@@ -3105,6 +3130,271 @@ function BadgeDot({ className, ...props }) {
     }
   );
 }
+function Breadcrumb({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 ? radixUi.Slot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "rtl:rotate-180" })
+  }
+);
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.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 = classVarianceAuthority.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 = classVarianceAuthority.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 = classVarianceAuthority.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__namespace.createContext({
+  variant: "default",
+  size: "md"
+});
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tabs.Root, { "data-slot": "tabs", className, ...props });
+}
+function TabsList({
+  className,
+  variant = "default",
+  shape = "default",
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsContext.Provider,
+    {
+      value: { variant: variant || "default", size: size || "md" },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Tabs.List,
+        {
+          "data-slot": "tabs-list",
+          className: cn(tabsListVariants({ variant, shape, size }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  const { variant, size } = React__namespace.useContext(TabsContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Tabs.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(tabsTriggerVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Tabs.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn(tabsContentVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 var CardContext = React__namespace.createContext({
   variant: "default"
   // Default value
@@ -3864,9 +4154,11 @@ function FieldContent({ className, ...props }) {
 }
 function FieldLabel({
   className,
+  required = false,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Label2,
     {
       "data-slot": "field-label",
@@ -3876,7 +4168,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__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
+      ]
     }
   );
 }
@@ -3971,6 +4267,177 @@ function FieldError({
     }
   );
 }
+var SwitchContext = React__namespace.createContext({
+  permanent: false
+});
+var useSwitchContext = () => {
+  const context = React__namespace.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 = classVarianceAuthority.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 = classVarianceAuthority.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 = classVarianceAuthority.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__ */ jsxRuntime.jsx(SwitchContext.Provider, { value: { permanent }, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    radixUi.Switch.Root,
+    {
+      "data-slot": "switch",
+      className: cn(switchVariants({ shape, size, permanent }), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Switch.Thumb,
+        {
+          className: cn(switchThumbVariants({ shape, size }), thumbClassName)
+        }
+      )
+    }
+  );
+}
+function SwitchIndicator({
+  className,
+  state,
+  ...props
+}) {
+  const context = useSwitchContext();
+  const permanent = context?.permanent ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "switch-indicator",
+      className: cn(switchIndicatorVariants({ state, permanent }), className),
+      ...props
+    }
+  );
+}
 function ScrollArea({
   className,
   viewportClassName,
@@ -4161,6 +4628,92 @@ function Scrollspy({
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "scrollspy", className, ref: selfRef, children });
 }
+function AspectRatio(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AspectRatio.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    Component,
+    {
+      "data-slot": "toolbar-title",
+      className: cn("font-semibold text-foreground text-lg", className),
+      ...props
+    }
+  );
+}
+function ToolbarDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.useState(
@@ -4224,6 +4777,7 @@ exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertIcon = AlertIcon;
 exports.AlertTitle = AlertTitle;
 exports.AlertToolbar = AlertToolbar;
+exports.AspectRatio = AspectRatio;
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarGroup = AvatarGroup;
@@ -4235,6 +4789,13 @@ exports.AvatarStatus = AvatarStatus;
 exports.Badge = Badge;
 exports.BadgeButton = BadgeButton;
 exports.BadgeDot = BadgeDot;
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
 exports.ButtonArrow = ButtonArrow;
 exports.Card = Card;
@@ -4355,14 +4916,32 @@ exports.SheetPortal = SheetPortal;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.SwitchIndicator = SwitchIndicator;
+exports.SwitchWrapper = SwitchWrapper;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Toolbar = Toolbar;
+exports.ToolbarActions = ToolbarActions;
+exports.ToolbarDescription = ToolbarDescription;
+exports.ToolbarHeading = ToolbarHeading;
+exports.ToolbarTitle = ToolbarTitle;
 exports.avatarStatusVariants = avatarStatusVariants;
 exports.badgeVariants = badgeVariants;
+exports.buttonVariantConfig = buttonVariantConfig;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.headings = headings;
 exports.inputAddonVariants = inputAddonVariants;
 exports.inputVariants = inputVariants;
 exports.labelVariants = labelVariants;
 exports.selectTriggerVariants = selectTriggerVariants;
+exports.switchShapes = switchShapes;
+exports.switchSizes = switchSizes;
+exports.tabsListVariantConfig = tabsListVariantConfig;
 exports.useCopyToClipboard = useCopyToClipboard;
 exports.useDataGrid = useDataGrid;
 exports.useIsMobile = useIsMobile;