@hai3/uikit 0.3.0-alpha.0 → 0.4.0-alpha.0

package/dist/index.js

@@ -3,11 +3,11 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import * as React26 from 'react';
-import React26__default, { useMemo } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Slot } from '@radix-ui/react-slot';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React6 from 'react';
+import { useMemo } from 'react';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -17,7 +17,7 @@ import { FormProvider, Controller, useFormContext, useFormState } from 'react-ho
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { useReactTable, getFilteredRowModel, getSortedRowModel, getPaginationRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 export { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
-import { Loader2, X, ArrowLeft, ArrowRight, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, Settings2, XOctagon, AlertTriangle, Info, CheckCircle2, MoreHorizontal, GripVertical, SearchIcon, User, Bot, Paperclip, Send, Plus, Search } from 'lucide-react';
+import { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, Settings2, Loader2, XOctagon, AlertTriangle, Info, CheckCircle2, MoreHorizontal, X, GripVertical, ArrowLeft, ArrowRight, SearchIcon, User, Bot, Paperclip, Send, Plus, Search } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { trim, toUpper } from 'lodash';
@@ -203,7 +203,11 @@ function EmptyContent({ className, ...props }) {
     }
   );
 }
-var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -213,18 +217,26 @@ var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   }
-));
+);
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
     className: cn("aspect-square h-full w-full", className),
     ...props
   }
-));
+);
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -234,7 +246,7 @@ var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__
     ),
     ...props
   }
-));
+);
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/types.ts
@@ -317,19 +329,24 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React26.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+var Button = ({
+  ref,
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(buttonVariants({ variant, size, className })),
+      ref,
+      ...props
+    }
+  );
+};
 Button.displayName = "Button";
 function Separator({
   className,
@@ -649,8 +666,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React26.useRef(null);
-  React26.useEffect(() => {
+  const ref = React6.useRef(null);
+  React6.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -870,7 +887,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React26.useContext(OTPInputContext);
+  const inputOTPContext = React6.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -892,22 +909,25 @@ function InputOTPSlot({
 function InputOTPSeparator({ ...props }) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
 }
-var Input = React26.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+var Input = ({
+  ref,
+  className,
+  type,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      className: cn(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+};
 Input.displayName = "Input";
 function Label({
   className,
@@ -1137,7 +1157,7 @@ function FieldError({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React26.createContext(
+var FormFieldContext = React6.createContext(
   {}
 );
 var FormField = ({
@@ -1145,12 +1165,12 @@ var FormField = ({
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
-var FormItemContext = React26.createContext(
+var FormItemContext = React6.createContext(
   {}
 );
 var useFormField = () => {
-  const fieldContext = React26.useContext(FormFieldContext);
-  const itemContext = React26.useContext(FormItemContext);
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1168,7 +1188,7 @@ var useFormField = () => {
   };
 };
 function FormItem({ className, ...props }) {
-  const id = React26.useId();
+  const id = React6.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -1236,62 +1256,73 @@ function FormMessage({ className, ...props }) {
     }
   );
 }
-var Textarea = React26.forwardRef(
-  ({ className, autoResize = false, minHeight = 50, maxHeight = 350, size = "default", onChange, ...props }, ref) => {
-    const internalRef = React26.useRef(null);
-    React26.useImperativeHandle(ref, () => internalRef.current);
-    const sizeClasses = {
-      sm: "min-h-11 h-11",
-      // 44px / 2.75rem - exact height
-      default: "min-h-[60px]",
-      // 60px / 3.75rem
-      lg: "min-h-20"
-      // 80px / 5rem
-    };
-    const paddingClasses = {
-      sm: "py-3",
-      // 12px top + 12px bottom + 20px line-height = 44px
-      default: "py-2",
-      // 8px top + 8px bottom (default)
-      lg: "py-2"
-      // 8px top + 8px bottom (default)
-    };
-    const handleResize = React26.useCallback(() => {
-      if (autoResize && size !== "sm" && internalRef.current) {
-        const textarea = internalRef.current;
-        textarea.style.height = "auto";
-        const scrollHeight = textarea.scrollHeight;
-        textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`;
-      }
-    }, [autoResize, size, minHeight, maxHeight]);
-    React26.useEffect(() => {
+var Textarea = ({
+  ref,
+  className,
+  autoResize = false,
+  minHeight = 50,
+  maxHeight = 350,
+  size = "default",
+  onChange,
+  ...props
+}) => {
+  const internalRef = React6.useRef(null);
+  React6.useImperativeHandle(ref, () => internalRef.current);
+  const sizeClasses = {
+    sm: "min-h-11 h-11",
+    // 44px / 2.75rem - exact height
+    default: "min-h-[60px]",
+    // 60px / 3.75rem
+    lg: "min-h-20"
+    // 80px / 5rem
+  };
+  const paddingClasses = {
+    sm: "py-3",
+    // 12px top + 12px bottom + 20px line-height = 44px
+    default: "py-2",
+    // 8px top + 8px bottom (default)
+    lg: "py-2"
+    // 8px top + 8px bottom (default)
+  };
+  const handleResize = React6.useCallback(() => {
+    if (autoResize && size !== "sm" && internalRef.current) {
+      const textarea = internalRef.current;
+      textarea.style.height = "auto";
+      const scrollHeight = textarea.scrollHeight;
+      textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`;
+    }
+  }, [autoResize, size, minHeight, maxHeight]);
+  React6.useEffect(() => {
+    handleResize();
+  }, [handleResize, props.value]);
+  const handleChange = React6.useCallback(
+    (e) => {
       handleResize();
-    }, [handleResize, props.value]);
-    const handleChange = React26.useCallback(
-      (e) => {
-        handleResize();
-        onChange?.(e);
-      },
-      [onChange, handleResize]
-    );
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          "flex w-full rounded-md border border-input bg-transparent px-3 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          sizeClasses[size],
-          paddingClasses[size],
-          className
-        ),
-        ref: internalRef,
-        onChange: handleChange,
-        ...props
-      }
-    );
-  }
-);
+      onChange?.(e);
+    },
+    [onChange, handleResize]
+  );
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: cn(
+        "flex w-full rounded-md border border-input bg-transparent px-3 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        sizeClasses[size],
+        paddingClasses[size],
+        className
+      ),
+      ref: internalRef,
+      onChange: handleChange,
+      ...props
+    }
+  );
+};
 Textarea.displayName = "Textarea";
-var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1311,7 +1342,7 @@ var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
       }
     )
   }
-));
+);
 Switch.displayName = SwitchPrimitives.Root.displayName;
 function Table({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -1439,7 +1470,12 @@ var ChevronUpIcon = ({
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1454,9 +1490,13 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
       /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
-));
+);
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1467,9 +1507,13 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
     ...props,
     children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-4 w-4" })
   }
-));
+);
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1480,9 +1524,15 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
     ...props,
     children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" })
   }
-));
+);
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = ({
+  ref,
+  className,
+  children,
+  position = "popper",
+  ...props
+}) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -1508,18 +1558,27 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
       /* @__PURE__ */ jsx(SelectScrollDownButton, {})
     ]
   }
-) }));
+) });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
     className: cn("px-2 py-1.5 text-sm font-semibold", className),
     ...props
   }
-));
+);
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -1533,16 +1592,20 @@ var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) =>
       /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
     ]
   }
-));
+);
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
-));
+);
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 function DataTablePagination({
   table,
@@ -1651,10 +1714,10 @@ function DataTable({
   pageSize = 10,
   noResultsMessage = "No results."
 }) {
-  const [sorting, setSorting] = React26.useState([]);
-  const [columnFilters, setColumnFilters] = React26.useState([]);
-  const [columnVisibility, setColumnVisibility] = React26.useState({});
-  const [rowSelection, setRowSelection] = React26.useState({});
+  const [sorting, setSorting] = React6.useState([]);
+  const [columnFilters, setColumnFilters] = React6.useState([]);
+  const [columnVisibility, setColumnVisibility] = React6.useState({});
+  const [rowSelection, setRowSelection] = React6.useState({});
   const internalTable = useReactTable({
     data,
     columns,
@@ -1727,7 +1790,13 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React26.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = ({
+  ref,
+  className,
+  inset,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1742,9 +1811,14 @@ var DropdownMenuSubTrigger = React26.forwardRef(({ className, inset, children, .
       /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ms-auto rtl:rotate-180" })
     ]
   }
-));
+);
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React26.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = ({
+  ref,
+  className,
+  container,
+  ...props
+}) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1754,9 +1828,15 @@ var DropdownMenuSubContent = React26.forwardRef(({ className, container, ...prop
     ),
     ...props
   }
-) }));
+) });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React26.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = ({
+  ref,
+  className,
+  sideOffset = 4,
+  container,
+  ...props
+}) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1768,9 +1848,14 @@ var DropdownMenuContent = React26.forwardRef(({ className, sideOffset = 4, conta
     ),
     ...props
   }
-) }));
+) });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = ({
+  ref,
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1781,9 +1866,15 @@ var DropdownMenuItem = React26.forwardRef(({ className, inset, ...props }, ref)
     ),
     ...props
   }
-));
+);
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React26.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = ({
+  ref,
+  className,
+  children,
+  checked,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1798,9 +1889,14 @@ var DropdownMenuCheckboxItem = React26.forwardRef(({ className, children, checke
       children
     ]
   }
-));
+);
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1814,9 +1910,14 @@ var DropdownMenuRadioItem = React26.forwardRef(({ className, children, ...props
       children
     ]
   }
-));
+);
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = ({
+  ref,
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1827,16 +1928,20 @@ var DropdownMenuLabel = React26.forwardRef(({ className, inset, ...props }, ref)
     ),
     ...props
   }
-));
+);
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
-));
+);
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
@@ -1944,23 +2049,31 @@ function Skeleton({
     }
   );
 }
-var Spinner = React26.forwardRef(
-  ({ className, icon: Icon2 = Loader2, size = "size-4", ...props }, ref) => {
-    const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
-    const wrapperClasses = trim(className?.replace(/\btext-\S+/g, "") || "");
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("inline-flex items-center justify-center", wrapperClasses),
-        ...props,
-        children: /* @__PURE__ */ jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
-      }
-    );
-  }
-);
+var Spinner = ({
+  ref,
+  className,
+  icon: Icon2 = Loader2,
+  size = "size-4",
+  ...props
+}) => {
+  const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
+  const wrapperClasses = trim(className?.replace(/\btext-\S+/g, "") || "");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("inline-flex items-center justify-center", wrapperClasses),
+      ...props,
+      children: /* @__PURE__ */ jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
+    }
+  );
+};
 Spinner.displayName = "Spinner";
-var Slider = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Slider = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SliderPrimitive.Root,
   {
     ref,
@@ -1970,9 +2083,13 @@ var Slider = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   }
-));
+);
 Slider.displayName = SliderPrimitive.Root.displayName;
-var SliderTrack = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SliderTrack = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SliderPrimitive.Track,
   {
     ref,
@@ -1982,18 +2099,26 @@ var SliderTrack = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ),
     ...props
   }
-));
+);
 SliderTrack.displayName = SliderPrimitive.Track.displayName;
-var SliderRange = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SliderRange = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SliderPrimitive.Range,
   {
     ref,
     className: cn("absolute h-full bg-primary", className),
     ...props
   }
-));
+);
 SliderRange.displayName = SliderPrimitive.Range.displayName;
-var SliderThumb = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SliderThumb = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SliderPrimitive.Thumb,
   {
     ref,
@@ -2003,9 +2128,14 @@ var SliderThumb = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ),
     ...props
   }
-));
+);
 SliderThumb.displayName = SliderPrimitive.Thumb.displayName;
-var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var Progress = ({
+  ref,
+  className,
+  value,
+  ...props
+}) => /* @__PURE__ */ jsx(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2022,7 +2152,7 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
       }
     )
   }
-));
+);
 Progress.displayName = ProgressPrimitive.Root.displayName;
 var Toaster = ({ ...props }) => {
   return /* @__PURE__ */ jsx(
@@ -2075,9 +2205,17 @@ var Tooltip = ({
   ...props
 }) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props }) });
 Tooltip.displayName = TooltipPrimitive.Root.displayName;
-var TooltipTrigger = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ref, ...props }));
+var TooltipTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ref, ...props });
 TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
-var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = ({
+  ref,
+  className,
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2088,20 +2226,29 @@ var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }
     ),
     ...props
   }
-) }));
+) });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 var Popover = PopoverPrimitive.Root;
 Popover.displayName = "Popover";
-var PopoverTrigger = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var PopoverTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   PopoverPrimitive.Trigger,
   {
     ref,
     "data-slot": "popover-trigger",
     ...props
   }
-));
+);
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2114,29 +2261,41 @@ var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffs
     ),
     ...props
   }
-) }));
+) });
 PopoverContent.displayName = "PopoverContent";
-var PopoverAnchor = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var PopoverAnchor = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   PopoverPrimitive.Anchor,
   {
     ref,
     "data-slot": "popover-anchor",
     ...props
   }
-));
+);
 PopoverAnchor.displayName = "PopoverAnchor";
 var HoverCard = HoverCardPrimitive.Root;
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Trigger,
   {
     ref,
     "data-slot": "hover-card-trigger",
     ...props
   }
-));
+);
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+var HoverCardContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -2149,9 +2308,13 @@ var HoverCardContent = React26.forwardRef(({ className, align = "center", sideOf
     ),
     ...props
   }
-) }));
+) });
 HoverCardContent.displayName = "HoverCardContent";
-var Card = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -2161,63 +2324,90 @@ var Card = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props
   }
-));
+);
 Card.displayName = "Card";
-var CardHeader = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     className: cn("flex flex-col space-y-1.5 p-6", className),
     ...props
   }
-));
+);
 CardHeader.displayName = "CardHeader";
-var CardTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     className: cn("font-semibold leading-none tracking-tight", className),
     ...props
   }
-));
+);
 CardTitle.displayName = "CardTitle";
-var CardDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 CardDescription.displayName = "CardDescription";
-var CardContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props });
 CardContent.displayName = "CardContent";
-var CardFooter = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     className: cn("flex items-center p-6 pt-0", className),
     ...props
   }
-));
-CardFooter.displayName = "CardFooter";
-var Header = React26__default.forwardRef(
-  ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "header",
-      {
-        ref,
-        className: cn(
-          "flex items-center justify-end px-6 py-4 bg-background border-b border-border h-16 w-full",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children })
-      }
-    );
-  }
 );
+CardFooter.displayName = "CardFooter";
+var Header = ({
+  ref,
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      ref,
+      className: cn(
+        "flex items-center justify-end px-6 py-4 bg-background border-b border-border h-16 w-full",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children })
+    }
+  );
+};
 Header.displayName = "Header";
-var NavigationMenu = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenu = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2231,9 +2421,13 @@ var NavigationMenu = React26.forwardRef(({ className, children, ...props }, ref)
       /* @__PURE__ */ jsx(NavigationMenuViewport, {})
     ]
   }
-));
+);
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2243,13 +2437,18 @@ var NavigationMenuList = React26.forwardRef(({ className, ...props }, ref) => /*
     ),
     ...props
   }
-));
+);
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2267,9 +2466,13 @@ var NavigationMenuTrigger = React26.forwardRef(({ className, children, ...props
       )
     ]
   }
-));
+);
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2279,10 +2482,14 @@ var NavigationMenuContent = React26.forwardRef(({ className, ...props }, ref) =>
     ),
     ...props
   }
-));
+);
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -2292,9 +2499,13 @@ var NavigationMenuViewport = React26.forwardRef(({ className, ...props }, ref) =
     ref,
     ...props
   }
-) }));
+) });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2305,7 +2516,7 @@ var NavigationMenuIndicator = React26.forwardRef(({ className, ...props }, ref)
     ...props,
     children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
-));
+);
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -2818,7 +3029,11 @@ var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2828,7 +3043,7 @@ var SheetOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props,
     ref
   }
-));
+);
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = cva(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -2846,7 +3061,13 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React26.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = ({
+  ref,
+  side = "right",
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
@@ -2863,7 +3084,7 @@ var SheetContent = React26.forwardRef(({ side = "right", className, children, ..
       ]
     }
   )
-] }));
+] });
 SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
@@ -2893,29 +3114,41 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
-));
+);
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 var Dialog = SheetPrimitive.Root;
 var DialogTrigger = SheetPrimitive.Trigger;
 var DialogPortal = SheetPrimitive.Portal;
 var DialogClose = SheetPrimitive.Close;
-var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Overlay,
   {
     ref,
@@ -2925,9 +3158,14 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
     ),
     ...props
   }
-));
+);
 DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var DialogContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
@@ -2947,7 +3185,7 @@ var DialogContent = React26.forwardRef(({ className, children, ...props }, ref)
       ]
     }
   )
-] }));
+] });
 DialogContent.displayName = SheetPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
@@ -2977,7 +3215,11 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Title,
   {
     ref,
@@ -2987,35 +3229,46 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ),
     ...props
   }
-));
+);
 DialogTitle.displayName = SheetPrimitive.Title.displayName;
-var DialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   SheetPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 DialogDescription.displayName = SheetPrimitive.Description.displayName;
 var AlertDialog = ({
   ...props
 }) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 AlertDialog.displayName = "AlertDialog";
-var AlertDialogTrigger = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Trigger,
   {
     ref,
     "data-slot": "alert-dialog-trigger",
     ...props
   }
-));
+);
 AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
 var AlertDialogPortal = ({
   ...props
 }) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 AlertDialogPortal.displayName = "AlertDialogPortal";
-var AlertDialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -3026,9 +3279,13 @@ var AlertDialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /*
     ),
     ...props
   }
-));
+);
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -3042,7 +3299,7 @@ var AlertDialogContent = React26.forwardRef(({ className, ...props }, ref) => /*
       ...props
     }
   )
-] }));
+] });
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = ({
   className,
@@ -3071,7 +3328,11 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -3079,9 +3340,13 @@ var AlertDialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @
     className: cn("text-lg font-semibold", className),
     ...props
   }
-));
+);
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -3089,39 +3354,57 @@ var AlertDialogDescription = React26.forwardRef(({ className, ...props }, ref) =
     className: cn("text-muted-foreground text-sm", className),
     ...props
   }
-));
+);
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
     className: cn(buttonVariants(), className),
     ...props
   }
-));
+);
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
     className: cn(buttonVariants({ variant: "outline" /* Outline */ }), className),
     ...props
   }
-));
+);
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var Drawer = ({
   ...props
 }) => /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
 Drawer.displayName = "Drawer";
-var DrawerTrigger = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Trigger, { ref, "data-slot": "drawer-trigger", ...props }));
+var DrawerTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(Drawer$1.Trigger, { ref, "data-slot": "drawer-trigger", ...props });
 DrawerTrigger.displayName = Drawer$1.Trigger.displayName;
 var DrawerPortal = ({
   ...props
 }) => /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
 DrawerPortal.displayName = "DrawerPortal";
-var DrawerClose = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Close, { ref, "data-slot": "drawer-close", ...props }));
+var DrawerClose = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(Drawer$1.Close, { ref, "data-slot": "drawer-close", ...props });
 DrawerClose.displayName = Drawer$1.Close.displayName;
-var DrawerOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   Drawer$1.Overlay,
   {
     ref,
@@ -3132,9 +3415,14 @@ var DrawerOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
     ),
     ...props
   }
-));
+);
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-var DrawerContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+var DrawerContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
   /* @__PURE__ */ jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs(
     Drawer$1.Content,
@@ -3156,7 +3444,7 @@ var DrawerContent = React26.forwardRef(({ className, children, ...props }, ref)
       ]
     }
   )
-] }));
+] });
 DrawerContent.displayName = Drawer$1.Content.displayName;
 var DrawerHeader = ({
   className,
@@ -3182,7 +3470,11 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   Drawer$1.Title,
   {
     ref,
@@ -3190,9 +3482,13 @@ var DrawerTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
-));
+);
 DrawerTitle.displayName = Drawer$1.Title.displayName;
-var DrawerDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   Drawer$1.Description,
   {
     ref,
@@ -3200,7 +3496,7 @@ var DrawerDescription = React26.forwardRef(({ className, ...props }, ref) => /*
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 DrawerDescription.displayName = Drawer$1.Description.displayName;
 function ResizablePanelGroup({
   className,
@@ -3464,16 +3760,23 @@ function ItemFooter({ className, ...props }) {
     }
   );
 }
-var Accordion = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var Accordion = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Root,
   {
     ref,
     "data-slot": "accordion",
     ...props
   }
-));
+);
 Accordion.displayName = "Accordion";
-var AccordionItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -3481,9 +3784,14 @@ var AccordionItem = React26.forwardRef(({ className, ...props }, ref) => /* @__P
     className: cn("border-b last:border-b-0", className),
     ...props
   }
-));
+);
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -3498,9 +3806,14 @@ var AccordionTrigger = React26.forwardRef(({ className, children, ...props }, re
       /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
-) }));
+) });
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -3509,103 +3822,106 @@ var AccordionContent = React26.forwardRef(({ className, children, ...props }, re
     ...props,
     children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
   }
-));
+);
 AccordionContent.displayName = "AccordionContent";
-var CarouselContext = React26.createContext(null);
+var CarouselContext = React6.createContext(null);
 function useCarousel() {
-  const context = React26.useContext(CarouselContext);
+  const context = React6.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React26.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
+var Carousel = ({
+  ref,
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) => {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React6.useState(false);
+  const [canScrollNext, setCanScrollNext] = React6.useState(false);
+  const onSelect = React6.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React6.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React6.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React6.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React6.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React6.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
       },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
-    const [canScrollNext, setCanScrollNext] = React26.useState(false);
-    const onSelect = React26.useCallback((api2) => {
-      if (!api2) return;
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React26.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React26.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React26.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
         }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React26.useEffect(() => {
-      if (!api || !setApi) return;
-      setApi(api);
-    }, [api, setApi]);
-    React26.useEffect(() => {
-      if (!api) return;
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            "data-slot": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
+      )
+    }
+  );
+};
 Carousel.displayName = "Carousel";
-var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = ({
+  ref,
+  className,
+  ...props
+}) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -3627,9 +3943,13 @@ var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
       )
     }
   );
-});
+};
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = ({
+  ref,
+  className,
+  ...props
+}) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -3646,9 +3966,15 @@ var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
       ...props
     }
   );
-});
+};
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React26.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
+var CarouselPrevious = ({
+  ref,
+  className,
+  variant = "outline" /* Outline */,
+  size = "icon" /* Icon */,
+  ...props
+}) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -3671,9 +3997,15 @@ var CarouselPrevious = React26.forwardRef(({ className, variant = "outline" /* O
       ]
     }
   );
-});
+};
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React26.forwardRef(({ className, variant = "outline" /* Outline */, size = "icon" /* Icon */, ...props }, ref) => {
+var CarouselNext = ({
+  ref,
+  className,
+  variant = "outline" /* Outline */,
+  size = "icon" /* Icon */,
+  ...props
+}) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -3696,34 +4028,43 @@ var CarouselNext = React26.forwardRef(({ className, variant = "outline" /* Outli
       ]
     }
   );
-});
+};
 CarouselNext.displayName = "CarouselNext";
-var Collapsible = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var Collapsible = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.Root,
   {
     ref,
     "data-slot": "collapsible",
     ...props
   }
-));
+);
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger2 = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var CollapsibleTrigger2 = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.CollapsibleTrigger,
   {
     ref,
     "data-slot": "collapsible-trigger",
     ...props
   }
-));
+);
 CollapsibleTrigger2.displayName = "CollapsibleTrigger";
-var CollapsibleContent2 = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
+var CollapsibleContent2 = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
   CollapsiblePrimitive.CollapsibleContent,
   {
     ref,
     "data-slot": "collapsible-content",
     ...props
   }
-));
+);
 CollapsibleContent2.displayName = "CollapsibleContent";
 function ChartContainer({
   className,
@@ -4186,7 +4527,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React26.createContext({
+var ToggleGroupContext = React6.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -4224,7 +4565,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React26.useContext(ToggleGroupContext);
+  const context = React6.useContext(ToggleGroupContext);
   const resolvedSpacing = context.spacing ?? 0;
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
@@ -4431,27 +4772,37 @@ function TypographyMuted({
     }
   );
 }
-var IconButton = React26__default.forwardRef(
-  ({ variant = "ghost" /* Ghost */, size = "default" /* Default */, className, ...props }, ref) => {
-    const sizeStyles = {
-      ["sm" /* Small */]: "h-8 w-8",
-      ["default" /* Default */]: "h-9 w-9",
-      ["lg" /* Large */]: "h-10 w-10"
-    };
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref,
-        variant,
-        size: "icon" /* Icon */,
-        className: cn(sizeStyles[size], className),
-        ...props
-      }
-    );
-  }
-);
+var IconButton = ({
+  ref,
+  variant = "ghost" /* Ghost */,
+  size = "default" /* Default */,
+  className,
+  ...props
+}) => {
+  const sizeStyles = {
+    ["sm" /* Small */]: "h-8 w-8",
+    ["default" /* Default */]: "h-9 w-9",
+    ["lg" /* Large */]: "h-10 w-10"
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant,
+      size: "icon" /* Icon */,
+      className: cn(sizeStyles[size], className),
+      ...props
+    }
+  );
+};
 IconButton.displayName = "IconButton";
-var DropdownButton = React26__default.forwardRef(({ children, variant = "outline" /* Outline */, className, ...props }, ref) => {
+var DropdownButton = ({
+  ref,
+  children,
+  variant = "outline" /* Outline */,
+  className,
+  ...props
+}) => {
   return /* @__PURE__ */ jsxs(
     Button,
     {
@@ -4465,9 +4816,13 @@ var DropdownButton = React26__default.forwardRef(({ children, variant = "outline
       ]
     }
   );
-});
+};
 DropdownButton.displayName = "DropdownButton";
-var InputGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroup = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -4489,7 +4844,7 @@ var InputGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ),
     ...props
   }
-));
+);
 InputGroup.displayName = "InputGroup";
 var inputGroupAddonVariants = cva(
   "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
@@ -4507,7 +4862,12 @@ var inputGroupAddonVariants = cva(
     }
   }
 );
-var InputGroupAddon = React26.forwardRef(({ className, align = "inline-start", ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroupAddon = ({
+  ref,
+  className,
+  align = "inline-start",
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -4523,7 +4883,7 @@ var InputGroupAddon = React26.forwardRef(({ className, align = "inline-start", .
     },
     ...props
   }
-));
+);
 InputGroupAddon.displayName = "InputGroupAddon";
 var inputGroupButtonVariants = cva(
   "text-sm shadow-none flex gap-2 items-center",
@@ -4541,7 +4901,14 @@ var inputGroupButtonVariants = cva(
     }
   }
 );
-var InputGroupButton = React26.forwardRef(({ className, type = "button", variant = "ghost" /* Ghost */, size = "xs", ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroupButton = ({
+  ref,
+  className,
+  type = "button",
+  variant = "ghost" /* Ghost */,
+  size = "xs",
+  ...props
+}) => /* @__PURE__ */ jsx(
   Button,
   {
     ref,
@@ -4551,9 +4918,13 @@ var InputGroupButton = React26.forwardRef(({ className, type = "button", variant
     className: cn(inputGroupButtonVariants({ size }), className),
     ...props
   }
-));
+);
 InputGroupButton.displayName = "InputGroupButton";
-var InputGroupText = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroupText = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -4563,9 +4934,13 @@ var InputGroupText = React26.forwardRef(({ className, ...props }, ref) => /* @__
     ),
     ...props
   }
-));
+);
 InputGroupText.displayName = "InputGroupText";
-var InputGroupInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroupInput = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   Input,
   {
     ref,
@@ -4576,9 +4951,13 @@ var InputGroupInput = React26.forwardRef(({ className, ...props }, ref) => /* @_
     ),
     ...props
   }
-));
+);
 InputGroupInput.displayName = "InputGroupInput";
-var InputGroupTextarea = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputGroupTextarea = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   Textarea,
   {
     ref,
@@ -4589,7 +4968,7 @@ var InputGroupTextarea = React26.forwardRef(({ className, ...props }, ref) => /*
     ),
     ...props
   }
-));
+);
 InputGroupTextarea.displayName = "InputGroupTextarea";
 var CalendarIcon = ({
   className = "",
@@ -4617,9 +4996,9 @@ var CalendarIcon = ({
     }
   );
 };
-var DatePickerContext = React26.createContext(null);
+var DatePickerContext = React6.createContext(null);
 function useDatePickerContext() {
-  const context = React26.useContext(DatePickerContext);
+  const context = React6.useContext(DatePickerContext);
   if (!context) {
     throw new Error("DatePicker components must be used within a DatePicker");
   }
@@ -4638,25 +5017,25 @@ function DatePicker({
   defaultOpen = false,
   formatDate: formatDateProp = defaultFormatDate
 }) {
-  const [uncontrolledDate, setUncontrolledDate] = React26.useState(defaultDate);
-  const [uncontrolledOpen, setUncontrolledOpen] = React26.useState(defaultOpen);
+  const [uncontrolledDate, setUncontrolledDate] = React6.useState(defaultDate);
+  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(defaultOpen);
   const isDateControlled = controlledDate !== void 0;
   const isOpenControlled = controlledOpen !== void 0;
   const date = isDateControlled ? controlledDate : uncontrolledDate;
   const open = isOpenControlled ? controlledOpen : uncontrolledOpen;
-  const setDate = React26.useCallback((newDate) => {
+  const setDate = React6.useCallback((newDate) => {
     if (!isDateControlled) {
       setUncontrolledDate(newDate);
     }
     onDateChange?.(newDate);
   }, [isDateControlled, onDateChange]);
-  const setOpen = React26.useCallback((newOpen) => {
+  const setOpen = React6.useCallback((newOpen) => {
     if (!isOpenControlled) {
       setUncontrolledOpen(newOpen);
     }
     onOpenChange?.(newOpen);
   }, [isOpenControlled, onOpenChange]);
-  const contextValue = React26.useMemo(() => ({
+  const contextValue = React6.useMemo(() => ({
     date,
     setDate,
     open,
@@ -4729,9 +5108,9 @@ function DatePickerInput({
   id
 }) {
   const { date, setDate, setOpen, formatDate } = useDatePickerContext();
-  const [inputValue, setInputValue] = React26.useState(date ? formatDate(date) : "");
-  const [month, setMonth] = React26.useState(date);
-  React26.useEffect(() => {
+  const [inputValue, setInputValue] = React6.useState(date ? formatDate(date) : "");
+  const [month, setMonth] = React6.useState(date);
+  React6.useEffect(() => {
     setInputValue(date ? formatDate(date) : "");
   }, [date, formatDate]);
   const handleInputChange = (e) => {
@@ -4798,7 +5177,13 @@ function DatePickerInput({
     )
   ] });
 }
-var Sidebar = React26.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
+var Sidebar = ({
+  ref,
+  collapsed = false,
+  className,
+  children,
+  ...props
+}) => {
   return /* @__PURE__ */ jsx(
     "aside",
     {
@@ -4815,9 +5200,13 @@ var Sidebar = React26.forwardRef(({ collapsed = false, className, children, ...p
       children
     }
   );
-});
+};
 Sidebar.displayName = "Sidebar";
-var SidebarContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -4829,9 +5218,13 @@ var SidebarContent = React26.forwardRef(({ className, ...props }, ref) => /* @__
     ),
     ...props
   }
-));
+);
 SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenu = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -4839,9 +5232,13 @@ var SidebarMenu = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
     className: cn("flex w-full min-w-0 flex-col gap-1", className),
     ...props
   }
-));
+);
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItem = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -4849,7 +5246,7 @@ var SidebarMenuItem = React26.forwardRef(({ className, ...props }, ref) => /* @_
     className: cn("group/menu-item relative", className),
     ...props
   }
-));
+);
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = cva(
   // HAI3 customization: All sizing uses rem-based Tailwind classes for theme responsiveness
@@ -4873,110 +5270,128 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButton = React26.forwardRef(
-  ({
-    asChild = false,
-    isActive = false,
-    variant = "default",
-    size = "default",
-    tooltip,
-    className,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        "data-sidebar": "menu-button",
-        "data-size": size,
-        "data-active": isActive,
-        title: tooltip,
-        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-        ...props
-      }
-    );
-  }
-);
+var SidebarMenuButton = ({
+  ref,
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      title: tooltip,
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuIcon = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuIcon = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
     className: cn("size-5 min-w-[1.5rem] flex-shrink-0 [&>svg]:w-full [&>svg]:h-full", className),
     ...props
   }
-));
+);
 SidebarMenuIcon.displayName = "SidebarMenuIcon";
-var SidebarMenuLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuLabel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
     className: cn(className),
     ...props
   }
-));
-SidebarMenuLabel.displayName = "SidebarMenuLabel";
-var SidebarHeader = React26.forwardRef(
-  ({ logo, logoText, collapsed = false, onClick, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col h-16",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
-            logo && /* @__PURE__ */ jsx(SidebarMenuIcon, { children: logo }),
-            logoText && /* @__PURE__ */ jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "border-b border-mainMenu-border mx-4" })
-        ]
-      }
-    );
-  }
 );
+SidebarMenuLabel.displayName = "SidebarMenuLabel";
+var SidebarHeader = ({
+  ref,
+  logo,
+  logoText,
+  collapsed = false,
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col h-16",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
+          logo && /* @__PURE__ */ jsx(SidebarMenuIcon, { children: logo }),
+          logoText && /* @__PURE__ */ jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "border-b border-mainMenu-border mx-4" })
+      ]
+    }
+  );
+};
 SidebarHeader.displayName = "SidebarHeader";
-var UserInfo = React26__default.forwardRef(
-  ({ displayName, email, avatarUrl, className, loading }, ref) => {
-    const getInitials = () => {
-      if (!displayName) return toUpper(email?.[0] || "") || "?";
-      const parts = trim(displayName).split(/\s+/);
-      if (parts.length >= 2) {
-        return toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
-      }
-      return toUpper(displayName.slice(0, 2));
-    };
-    const initials = getInitials();
-    const displayText = displayName || email || "User";
-    if (loading) {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex items-center gap-2 text-sm text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
-            avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
-            /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
-          ] }),
-          /* @__PURE__ */ jsx("span", { children: displayText })
-        ]
-      }
-    );
+var UserInfo = ({
+  ref,
+  displayName,
+  email,
+  avatarUrl,
+  className,
+  loading
+}) => {
+  const getInitials = () => {
+    if (!displayName) return toUpper(email?.[0] || "") || "?";
+    const parts = trim(displayName).split(/\s+/);
+    if (parts.length >= 2) {
+      return toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
+    }
+    return toUpper(displayName.slice(0, 2));
+  };
+  const initials = getInitials();
+  const displayText = displayName || email || "User";
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+    ] });
   }
-);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
+          avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: displayText })
+      ]
+    }
+  );
+};
 UserInfo.displayName = "UserInfo";
 var MessageType = /* @__PURE__ */ ((MessageType2) => {
   MessageType2["User"] = "user";
@@ -5353,7 +5768,71 @@ var applyTheme = (theme, themeName) => {
     root.style.fontSize = "";
   }
 };
+var applyThemeToShadowRoot = (shadowRoot, theme, themeName) => {
+  let styleElement = shadowRoot.getElementById("__hai3-theme-vars__");
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.id = "__hai3-theme-vars__";
+    shadowRoot.appendChild(styleElement);
+  }
+  if (themeName) {
+    styleElement.setAttribute("data-theme", themeName);
+  }
+  const cssVars = [];
+  cssVars.push(`--background: ${hslToVar(theme.colors.background)};`);
+  cssVars.push(`--foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--card: ${hslToVar(theme.colors.background)};`);
+  cssVars.push(`--card-foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--popover: ${hslToVar(theme.colors.background)};`);
+  cssVars.push(`--popover-foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--primary: ${hslToVar(theme.colors.primary)};`);
+  cssVars.push(`--primary-foreground: ${hslToVar(theme.colors.background)};`);
+  cssVars.push(`--secondary: ${hslToVar(theme.colors.secondary)};`);
+  cssVars.push(`--secondary-foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--muted: ${hslToVar(theme.colors.muted)};`);
+  cssVars.push(`--muted-foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--accent: ${hslToVar(theme.colors.accent)};`);
+  cssVars.push(`--accent-foreground: ${hslToVar(theme.colors.background)};`);
+  cssVars.push(`--destructive: ${hslToVar(theme.colors.error)};`);
+  cssVars.push(`--destructive-foreground: ${hslToVar(theme.colors.foreground)};`);
+  cssVars.push(`--border: ${hslToVar(theme.colors.border)};`);
+  cssVars.push(`--input: ${hslToVar(theme.colors.border)};`);
+  cssVars.push(`--ring: ${hslToVar(theme.colors.primary)};`);
+  cssVars.push(`--error: ${hslToVar(theme.colors.error)};`);
+  cssVars.push(`--warning: ${hslToVar(theme.colors.warning)};`);
+  cssVars.push(`--success: ${hslToVar(theme.colors.success)};`);
+  cssVars.push(`--info: ${hslToVar(theme.colors.info)};`);
+  cssVars.push(`--chart-1: ${theme.colors.chart[1]};`);
+  cssVars.push(`--chart-2: ${theme.colors.chart[2]};`);
+  cssVars.push(`--chart-3: ${theme.colors.chart[3]};`);
+  cssVars.push(`--chart-4: ${theme.colors.chart[4]};`);
+  cssVars.push(`--chart-5: ${theme.colors.chart[5]};`);
+  cssVars.push(`--left-menu: ${hslToVar(theme.colors.mainMenu.DEFAULT)};`);
+  cssVars.push(`--left-menu-foreground: ${hslToVar(theme.colors.mainMenu.foreground)};`);
+  cssVars.push(`--left-menu-hover: ${hslToVar(theme.colors.mainMenu.hover)};`);
+  cssVars.push(`--left-menu-selected: ${hslToVar(theme.colors.mainMenu.selected)};`);
+  cssVars.push(`--left-menu-border: ${hslToVar(theme.colors.mainMenu.border)};`);
+  Object.entries(theme.spacing).forEach(([key, value]) => {
+    cssVars.push(`--spacing-${key}: ${value};`);
+  });
+  Object.entries(theme.borderRadius).forEach(([key, value]) => {
+    cssVars.push(`--radius-${key}: ${value};`);
+  });
+  Object.entries(theme.shadows).forEach(([key, value]) => {
+    cssVars.push(`--shadow-${key}: ${value};`);
+  });
+  Object.entries(theme.transitions).forEach(([key, value]) => {
+    cssVars.push(`--transition-${key}: ${value};`);
+  });
+  let cssContent = `:host {
+  ${cssVars.join("\n  ")}
+}`;
+  if (themeName?.endsWith("-large")) {
+    cssContent += "\n\n:host {\n  font-size: 125%;\n}";
+  }
+  styleElement.textContent = cssContent;
+};
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonSize, ButtonVariant, CLOSE_ICON_ID, Calendar, CalendarDayButton, CalendarIcon, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegendContent, ChartTooltipContent, ChatInput, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DatePickerContent, DatePickerInput, DatePickerTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, IconButtonSize, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, MENU_ICON_ID, MenuIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBubble, MessageType, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuIcon, SidebarMenuItem, SidebarMenuLabel, Skeleton, Slider, SliderRange, SliderThumb, SliderTrack, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyList, TypographyMuted, TypographyP, TypographySmall, UiKitComponent, UiKitIcon, UserInfo, alertVariants, applyTheme, badgeVariants, buttonGroupVariants, emptyMediaVariants, toggleVariants, useFormField, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonSize, ButtonVariant, CLOSE_ICON_ID, Calendar, CalendarDayButton, CalendarIcon, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegendContent, ChartTooltipContent, ChatInput, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DatePickerContent, DatePickerInput, DatePickerTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, IconButtonSize, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, MENU_ICON_ID, MenuIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBubble, MessageType, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuIcon, SidebarMenuItem, SidebarMenuLabel, Skeleton, Slider, SliderRange, SliderThumb, SliderTrack, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLarge, TypographyList, TypographyMuted, TypographyP, TypographySmall, UiKitComponent, UiKitIcon, UserInfo, alertVariants, applyTheme, applyThemeToShadowRoot, badgeVariants, buttonGroupVariants, emptyMediaVariants, toggleVariants, useFormField, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map