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

package/dist/index.cjs

@@ -5,10 +5,10 @@ var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
-var React26 = require('react');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var reactSlot = require('@radix-ui/react-slot');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
+var React6 = require('react');
 var reactDayPicker = require('react-day-picker');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
@@ -66,9 +66,9 @@ function _interopNamespace(e) {
 }
 
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
-var React26__namespace = /*#__PURE__*/_interopNamespace(React26);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
@@ -252,7 +252,11 @@ function EmptyContent({ className, ...props }) {
     }
   );
 }
-var Avatar = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -262,18 +266,26 @@ var Avatar = React26__namespace.forwardRef(({ className, ...props }, ref) => /*
     ),
     ...props
   }
-));
+);
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
     className: cn("aspect-square h-full w-full", className),
     ...props
   }
-));
+);
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -283,7 +295,7 @@ var AvatarFallback = React26__namespace.forwardRef(({ className, ...props }, ref
     ),
     ...props
   }
-));
+);
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
 
 // src/types.ts
@@ -366,19 +378,24 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React26__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+var Button = ({
+  ref,
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      className: cn(buttonVariants({ variant, size, className })),
+      ref,
+      ...props
+    }
+  );
+};
 Button.displayName = "Button";
 function Separator({
   className,
@@ -698,8 +715,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React26__namespace.useRef(null);
-  React26__namespace.useEffect(() => {
+  const ref = React6__namespace.useRef(null);
+  React6__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -919,7 +936,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React26__namespace.useContext(inputOtp.OTPInputContext);
+  const inputOTPContext = React6__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -941,22 +958,25 @@ function InputOTPSlot({
 function InputOTPSeparator({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
 }
-var Input = React26__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -1154,7 +1174,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React26.useMemo(() => {
+  const content = React6.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1186,7 +1206,7 @@ function FieldError({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React26__namespace.createContext(
+var FormFieldContext = React6__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1194,12 +1214,12 @@ var FormField = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
-var FormItemContext = React26__namespace.createContext(
+var FormItemContext = React6__namespace.createContext(
   {}
 );
 var useFormField = () => {
-  const fieldContext = React26__namespace.useContext(FormFieldContext);
-  const itemContext = React26__namespace.useContext(FormItemContext);
+  const fieldContext = React6__namespace.useContext(FormFieldContext);
+  const itemContext = React6__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1217,7 +1237,7 @@ var useFormField = () => {
   };
 };
 function FormItem({ className, ...props }) {
-  const id = React26__namespace.useId();
+  const id = React6__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1285,62 +1305,73 @@ function FormMessage({ className, ...props }) {
     }
   );
 }
-var Textarea = React26__namespace.forwardRef(
-  ({ className, autoResize = false, minHeight = 50, maxHeight = 350, size = "default", onChange, ...props }, ref) => {
-    const internalRef = React26__namespace.useRef(null);
-    React26__namespace.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__namespace.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__namespace.useEffect(() => {
+var Textarea = ({
+  ref,
+  className,
+  autoResize = false,
+  minHeight = 50,
+  maxHeight = 350,
+  size = "default",
+  onChange,
+  ...props
+}) => {
+  const internalRef = React6__namespace.useRef(null);
+  React6__namespace.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__namespace.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__namespace.useEffect(() => {
+    handleResize();
+  }, [handleResize, props.value]);
+  const handleChange = React6__namespace.useCallback(
+    (e) => {
       handleResize();
-    }, [handleResize, props.value]);
-    const handleChange = React26__namespace.useCallback(
-      (e) => {
-        handleResize();
-        onChange?.(e);
-      },
-      [onChange, handleResize]
-    );
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: cn(
@@ -1360,7 +1391,7 @@ var Switch = React26__namespace.forwardRef(({ className, ...props }, ref) => /*
       }
     )
   }
-));
+);
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
 function Table({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1488,7 +1519,12 @@ var ChevronUpIcon = ({
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -1503,9 +1539,13 @@ var SelectTrigger = React26__namespace.forwardRef(({ className, children, ...pro
       /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
-));
+);
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -1516,9 +1556,13 @@ var SelectScrollUpButton = React26__namespace.forwardRef(({ className, ...props
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUpIcon, { className: "h-4 w-4" })
   }
-));
+);
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -1529,9 +1573,15 @@ var SelectScrollDownButton = React26__namespace.forwardRef(({ className, ...prop
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4" })
   }
-));
+);
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React26__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = ({
+  ref,
+  className,
+  children,
+  position = "popper",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -1557,18 +1607,27 @@ var SelectContent = React26__namespace.forwardRef(({ className, children, positi
       /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
     ]
   }
-) }));
+) });
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
     className: cn("px-2 py-1.5 text-sm font-semibold", className),
     ...props
   }
-));
+);
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -1582,16 +1641,20 @@ var SelectItem = React26__namespace.forwardRef(({ className, children, ...props
       /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
     ]
   }
-));
+);
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
-));
+);
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 function DataTablePagination({
   table,
@@ -1700,10 +1763,10 @@ function DataTable({
   pageSize = 10,
   noResultsMessage = "No results."
 }) {
-  const [sorting, setSorting] = React26__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React26__namespace.useState([]);
-  const [columnVisibility, setColumnVisibility] = React26__namespace.useState({});
-  const [rowSelection, setRowSelection] = React26__namespace.useState({});
+  const [sorting, setSorting] = React6__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React6__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React6__namespace.useState({});
+  const [rowSelection, setRowSelection] = React6__namespace.useState({});
   const internalTable = reactTable.useReactTable({
     data,
     columns,
@@ -1776,7 +1839,13 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React26__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = ({
+  ref,
+  className,
+  inset,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -1791,9 +1860,14 @@ var DropdownMenuSubTrigger = React26__namespace.forwardRef(({ className, inset,
       /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "ms-auto rtl:rotate-180" })
     ]
   }
-));
+);
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React26__namespace.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = ({
+  ref,
+  className,
+  container,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -1803,9 +1877,15 @@ var DropdownMenuSubContent = React26__namespace.forwardRef(({ className, contain
     ),
     ...props
   }
-) }));
+) });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React26__namespace.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = ({
+  ref,
+  className,
+  sideOffset = 4,
+  container,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -1817,9 +1897,14 @@ var DropdownMenuContent = React26__namespace.forwardRef(({ className, sideOffset
     ),
     ...props
   }
-) }));
+) });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React26__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = ({
+  ref,
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -1830,9 +1915,15 @@ var DropdownMenuItem = React26__namespace.forwardRef(({ className, inset, ...pro
     ),
     ...props
   }
-));
+);
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React26__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = ({
+  ref,
+  className,
+  children,
+  checked,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1847,9 +1938,14 @@ var DropdownMenuCheckboxItem = React26__namespace.forwardRef(({ className, child
       children
     ]
   }
-));
+);
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1863,9 +1959,14 @@ var DropdownMenuRadioItem = React26__namespace.forwardRef(({ className, children
       children
     ]
   }
-));
+);
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React26__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = ({
+  ref,
+  className,
+  inset,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -1876,16 +1977,20 @@ var DropdownMenuLabel = React26__namespace.forwardRef(({ className, inset, ...pr
     ),
     ...props
   }
-));
+);
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
-));
+);
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
 var DropdownMenuShortcut = ({
   className,
@@ -1993,23 +2098,31 @@ function Skeleton({
     }
   );
 }
-var Spinner = React26__namespace.forwardRef(
-  ({ className, icon: Icon2 = lucideReact.Loader2, size = "size-4", ...props }, ref) => {
-    const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
-    const wrapperClasses = lodash.trim(className?.replace(/\btext-\S+/g, "") || "");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("inline-flex items-center justify-center", wrapperClasses),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
-      }
-    );
-  }
-);
+var Spinner = ({
+  ref,
+  className,
+  icon: Icon2 = lucideReact.Loader2,
+  size = "size-4",
+  ...props
+}) => {
+  const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
+  const wrapperClasses = lodash.trim(className?.replace(/\btext-\S+/g, "") || "");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn("inline-flex items-center justify-center", wrapperClasses),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
+    }
+  );
+};
 Spinner.displayName = "Spinner";
-var Slider = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Slider = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -2019,9 +2132,13 @@ var Slider = React26__namespace.forwardRef(({ className, ...props }, ref) => /*
     ),
     ...props
   }
-));
+);
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var SliderTrack = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderTrack = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Track,
   {
     ref,
@@ -2031,18 +2148,26 @@ var SliderTrack = React26__namespace.forwardRef(({ className, ...props }, ref) =
     ),
     ...props
   }
-));
+);
 SliderTrack.displayName = SliderPrimitive__namespace.Track.displayName;
-var SliderRange = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderRange = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Range,
   {
     ref,
     className: cn("absolute h-full bg-primary", className),
     ...props
   }
-));
+);
 SliderRange.displayName = SliderPrimitive__namespace.Range.displayName;
-var SliderThumb = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SliderThumb = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SliderPrimitive__namespace.Thumb,
   {
     ref,
@@ -2052,9 +2177,14 @@ var SliderThumb = React26__namespace.forwardRef(({ className, ...props }, ref) =
     ),
     ...props
   }
-));
+);
 SliderThumb.displayName = SliderPrimitive__namespace.Thumb.displayName;
-var Progress = React26__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = ({
+  ref,
+  className,
+  value,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -2071,7 +2201,7 @@ var Progress = React26__namespace.forwardRef(({ className, value, ...props }, re
       }
     )
   }
-));
+);
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
 var Toaster = ({ ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2091,7 +2221,7 @@ var Toaster = ({ ...props }) => {
 };
 function useToast(options = {}) {
   const { defaultDuration, defaultPosition } = options;
-  return React26.useMemo(() => {
+  return React6.useMemo(() => {
     const mergeDefaults = (opts) => ({
       duration: defaultDuration,
       position: defaultPosition,
@@ -2124,9 +2254,17 @@ var Tooltip = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props }) });
 Tooltip.displayName = TooltipPrimitive__namespace.Root.displayName;
-var TooltipTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { ref, ...props }));
+var TooltipTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { ref, ...props });
 TooltipTrigger.displayName = TooltipPrimitive__namespace.Trigger.displayName;
-var TooltipContent = React26__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = ({
+  ref,
+  className,
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -2137,20 +2275,29 @@ var TooltipContent = React26__namespace.forwardRef(({ className, sideOffset = 4,
     ),
     ...props
   }
-) }));
+) });
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
 var Popover = PopoverPrimitive__namespace.Root;
 Popover.displayName = "Popover";
-var PopoverTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Trigger,
   {
     ref,
     "data-slot": "popover-trigger",
     ...props
   }
-));
+);
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React26__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -2163,29 +2310,41 @@ var PopoverContent = React26__namespace.forwardRef(({ className, align = "center
     ),
     ...props
   }
-) }));
+) });
 PopoverContent.displayName = "PopoverContent";
-var PopoverAnchor = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverAnchor = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Anchor,
   {
     ref,
     "data-slot": "popover-anchor",
     ...props
   }
-));
+);
 PopoverAnchor.displayName = "PopoverAnchor";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Trigger,
   {
     ref,
     "data-slot": "hover-card-trigger",
     ...props
   }
-));
+);
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React26__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = ({
+  ref,
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -2198,9 +2357,13 @@ var HoverCardContent = React26__namespace.forwardRef(({ className, align = "cent
     ),
     ...props
   }
-) }));
+) });
 HoverCardContent.displayName = "HoverCardContent";
-var Card = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -2210,63 +2373,90 @@ var Card = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @_
     ),
     ...props
   }
-));
+);
 Card.displayName = "Card";
-var CardHeader = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
     className: cn("flex flex-col space-y-1.5 p-6", className),
     ...props
   }
-));
+);
 CardHeader.displayName = "CardHeader";
-var CardTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
     className: cn("font-semibold leading-none tracking-tight", className),
     ...props
   }
-));
+);
 CardTitle.displayName = "CardTitle";
-var CardDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 CardDescription.displayName = "CardDescription";
-var CardContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props });
 CardContent.displayName = "CardContent";
-var CardFooter = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
     className: cn("flex items-center p-6 pt-0", className),
     ...props
   }
-));
-CardFooter.displayName = "CardFooter";
-var Header = React26__namespace.default.forwardRef(
-  ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children })
-      }
-    );
-  }
 );
+CardFooter.displayName = "CardFooter";
+var Header = ({
+  ref,
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children })
+    }
+  );
+};
 Header.displayName = "Header";
-var NavigationMenu = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenu = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Root,
   {
     ref,
@@ -2280,9 +2470,13 @@ var NavigationMenu = React26__namespace.forwardRef(({ className, children, ...pr
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport, {})
     ]
   }
-));
+);
 NavigationMenu.displayName = NavigationMenuPrimitive__namespace.Root.displayName;
-var NavigationMenuList = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuList = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.List,
   {
     ref,
@@ -2292,13 +2486,18 @@ var NavigationMenuList = React26__namespace.forwardRef(({ className, ...props },
     ),
     ...props
   }
-));
+);
 NavigationMenuList.displayName = NavigationMenuPrimitive__namespace.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
 var navigationMenuTriggerStyle = classVarianceAuthority.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__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var NavigationMenuTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   NavigationMenuPrimitive__namespace.Trigger,
   {
     ref,
@@ -2316,9 +2515,13 @@ var NavigationMenuTrigger = React26__namespace.forwardRef(({ className, children
       )
     ]
   }
-));
+);
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive__namespace.Trigger.displayName;
-var NavigationMenuContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Content,
   {
     ref,
@@ -2328,10 +2531,14 @@ var NavigationMenuContent = React26__namespace.forwardRef(({ className, ...props
     ),
     ...props
   }
-));
+);
 NavigationMenuContent.displayName = NavigationMenuPrimitive__namespace.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
-var NavigationMenuViewport = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuViewport = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Viewport,
   {
     className: cn(
@@ -2341,9 +2548,13 @@ var NavigationMenuViewport = React26__namespace.forwardRef(({ className, ...prop
     ref,
     ...props
   }
-) }));
+) });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive__namespace.Viewport.displayName;
-var NavigationMenuIndicator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var NavigationMenuIndicator = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   NavigationMenuPrimitive__namespace.Indicator,
   {
     ref,
@@ -2354,7 +2565,7 @@ var NavigationMenuIndicator = React26__namespace.forwardRef(({ className, ...pro
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
-));
+);
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive__namespace.Indicator.displayName;
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -2867,7 +3078,11 @@ var Sheet = SheetPrimitive__namespace.Root;
 var SheetTrigger = SheetPrimitive__namespace.Trigger;
 var SheetClose = SheetPrimitive__namespace.Close;
 var SheetPortal = SheetPrimitive__namespace.Portal;
-var SheetOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -2877,7 +3092,7 @@ var SheetOverlay = React26__namespace.forwardRef(({ className, ...props }, ref)
     ...props,
     ref
   }
-));
+);
 SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
 var sheetVariants = classVarianceAuthority.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",
@@ -2895,7 +3110,13 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React26__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+var SheetContent = ({
+  ref,
+  side = "right",
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     SheetPrimitive__namespace.Content,
@@ -2912,7 +3133,7 @@ var SheetContent = React26__namespace.forwardRef(({ side = "right", className, c
       ]
     }
   )
-] }));
+] });
 SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
 var SheetHeader = ({
   className,
@@ -2942,29 +3163,41 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
-));
+);
 SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var SheetDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
 var Dialog = SheetPrimitive__namespace.Root;
 var DialogTrigger = SheetPrimitive__namespace.Trigger;
 var DialogPortal = SheetPrimitive__namespace.Portal;
 var DialogClose = SheetPrimitive__namespace.Close;
-var DialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
     ref,
@@ -2974,9 +3207,14 @@ var DialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   }
-));
+);
 DialogOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
-var DialogContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     SheetPrimitive__namespace.Content,
@@ -2996,7 +3234,7 @@ var DialogContent = React26__namespace.forwardRef(({ className, children, ...pro
       ]
     }
   )
-] }));
+] });
 DialogContent.displayName = SheetPrimitive__namespace.Content.displayName;
 var DialogHeader = ({
   className,
@@ -3026,7 +3264,11 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Title,
   {
     ref,
@@ -3036,35 +3278,46 @@ var DialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) =
     ),
     ...props
   }
-));
+);
 DialogTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-var DialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 DialogDescription.displayName = SheetPrimitive__namespace.Description.displayName;
 var AlertDialog = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
 AlertDialog.displayName = "AlertDialog";
-var AlertDialogTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Trigger,
   {
     ref,
     "data-slot": "alert-dialog-trigger",
     ...props
   }
-));
+);
 AlertDialogTrigger.displayName = AlertDialogPrimitive__namespace.Trigger.displayName;
 var AlertDialogPortal = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
 AlertDialogPortal.displayName = "AlertDialogPortal";
-var AlertDialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -3075,9 +3328,13 @@ var AlertDialogOverlay = React26__namespace.forwardRef(({ className, ...props },
     ),
     ...props
   }
-));
+);
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -3091,7 +3348,7 @@ var AlertDialogContent = React26__namespace.forwardRef(({ className, ...props },
       ...props
     }
   )
-] }));
+] });
 AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
 var AlertDialogHeader = ({
   className,
@@ -3120,7 +3377,11 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -3128,9 +3389,13 @@ var AlertDialogTitle = React26__namespace.forwardRef(({ className, ...props }, r
     className: cn("text-lg font-semibold", className),
     ...props
   }
-));
+);
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -3138,39 +3403,57 @@ var AlertDialogDescription = React26__namespace.forwardRef(({ className, ...prop
     className: cn("text-muted-foreground text-sm", className),
     ...props
   }
-));
+);
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
     className: cn(buttonVariants(), className),
     ...props
   }
-));
+);
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
     className: cn(buttonVariants({ variant: "outline" /* Outline */ }), className),
     ...props
   }
-));
+);
 AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
 var Drawer = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 Drawer.displayName = "Drawer";
-var DrawerTrigger = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { ref, "data-slot": "drawer-trigger", ...props }));
+var DrawerTrigger = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { ref, "data-slot": "drawer-trigger", ...props });
 DrawerTrigger.displayName = vaul.Drawer.Trigger.displayName;
 var DrawerPortal = ({
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 DrawerPortal.displayName = "DrawerPortal";
-var DrawerClose = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { ref, "data-slot": "drawer-close", ...props }));
+var DrawerClose = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { ref, "data-slot": "drawer-close", ...props });
 DrawerClose.displayName = vaul.Drawer.Close.displayName;
-var DrawerOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Overlay,
   {
     ref,
@@ -3181,9 +3464,14 @@ var DrawerOverlay = React26__namespace.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   }
-));
+);
 DrawerOverlay.displayName = vaul.Drawer.Overlay.displayName;
-var DrawerContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+var DrawerContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
   /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     vaul.Drawer.Content,
@@ -3205,7 +3493,7 @@ var DrawerContent = React26__namespace.forwardRef(({ className, children, ...pro
       ]
     }
   )
-] }));
+] });
 DrawerContent.displayName = vaul.Drawer.Content.displayName;
 var DrawerHeader = ({
   className,
@@ -3231,7 +3519,11 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Title,
   {
     ref,
@@ -3239,9 +3531,13 @@ var DrawerTitle = React26__namespace.forwardRef(({ className, ...props }, ref) =
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
-));
+);
 DrawerTitle.displayName = vaul.Drawer.Title.displayName;
-var DrawerDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Description,
   {
     ref,
@@ -3249,7 +3545,7 @@ var DrawerDescription = React26__namespace.forwardRef(({ className, ...props },
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
-));
+);
 DrawerDescription.displayName = vaul.Drawer.Description.displayName;
 function ResizablePanelGroup({
   className,
@@ -3513,16 +3809,23 @@ function ItemFooter({ className, ...props }) {
     }
   );
 }
-var Accordion = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Accordion = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Root,
   {
     ref,
     "data-slot": "accordion",
     ...props
   }
-));
+);
 Accordion.displayName = "Accordion";
-var AccordionItem = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -3530,9 +3833,14 @@ var AccordionItem = React26__namespace.forwardRef(({ className, ...props }, ref)
     className: cn("border-b last:border-b-0", className),
     ...props
   }
-));
+);
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -3547,9 +3855,14 @@ var AccordionTrigger = React26__namespace.forwardRef(({ className, children, ...
       /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
-) }));
+) });
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = ({
+  ref,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -3558,103 +3871,106 @@ var AccordionContent = React26__namespace.forwardRef(({ className, children, ...
     ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
   }
-));
+);
 AccordionContent.displayName = "AccordionContent";
-var CarouselContext = React26__namespace.createContext(null);
+var CarouselContext = React6__namespace.createContext(null);
 function useCarousel() {
-  const context = React26__namespace.useContext(CarouselContext);
+  const context = React6__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React26__namespace.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel__default.default(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
+var Carousel = ({
+  ref,
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) => {
+  const [carouselRef, api] = useEmblaCarousel__default.default(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React6__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React6__namespace.useState(false);
+  const onSelect = React6__namespace.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React6__namespace.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React6__namespace.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React6__namespace.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React6__namespace.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React6__namespace.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
       },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React26__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React26__namespace.useState(false);
-    const onSelect = React26__namespace.useCallback((api2) => {
-      if (!api2) return;
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React26__namespace.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React26__namespace.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React26__namespace.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
         }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React26__namespace.useEffect(() => {
-      if (!api || !setApi) return;
-      setApi(api);
-    }, [api, setApi]);
-    React26__namespace.useEffect(() => {
-      if (!api) return;
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = ({
+  ref,
+  className,
+  ...props
+}) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -3676,9 +3992,13 @@ var CarouselContent = React26__namespace.forwardRef(({ className, ...props }, re
       )
     }
   );
-});
+};
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React26__namespace.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = ({
+  ref,
+  className,
+  ...props
+}) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -3695,9 +4015,15 @@ var CarouselItem = React26__namespace.forwardRef(({ className, ...props }, ref)
       ...props
     }
   );
-});
+};
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React26__namespace.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__ */ jsxRuntime.jsxs(
     Button,
@@ -3720,9 +4046,15 @@ var CarouselPrevious = React26__namespace.forwardRef(({ className, variant = "ou
       ]
     }
   );
-});
+};
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React26__namespace.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__ */ jsxRuntime.jsxs(
     Button,
@@ -3745,34 +4077,43 @@ var CarouselNext = React26__namespace.forwardRef(({ className, variant = "outlin
       ]
     }
   );
-});
+};
 CarouselNext.displayName = "CarouselNext";
-var Collapsible = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Collapsible = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.Root,
   {
     ref,
     "data-slot": "collapsible",
     ...props
   }
-));
+);
 Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger2 = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleTrigger2 = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.CollapsibleTrigger,
   {
     ref,
     "data-slot": "collapsible-trigger",
     ...props
   }
-));
+);
 CollapsibleTrigger2.displayName = "CollapsibleTrigger";
-var CollapsibleContent2 = React26__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CollapsibleContent2 = ({
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   CollapsiblePrimitive__namespace.CollapsibleContent,
   {
     ref,
     "data-slot": "collapsible-content",
     ...props
   }
-));
+);
 CollapsibleContent2.displayName = "CollapsibleContent";
 function ChartContainer({
   className,
@@ -4235,7 +4576,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React26__namespace.createContext({
+var ToggleGroupContext = React6__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -4273,7 +4614,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React26__namespace.useContext(ToggleGroupContext);
+  const context = React6__namespace.useContext(ToggleGroupContext);
   const resolvedSpacing = context.spacing ?? 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
@@ -4480,27 +4821,37 @@ function TypographyMuted({
     }
   );
 }
-var IconButton = React26__namespace.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    Button,
+    {
+      ref,
+      variant,
+      size: "icon" /* Icon */,
+      className: cn(sizeStyles[size], className),
+      ...props
+    }
+  );
+};
 IconButton.displayName = "IconButton";
-var DropdownButton = React26__namespace.default.forwardRef(({ children, variant = "outline" /* Outline */, className, ...props }, ref) => {
+var DropdownButton = ({
+  ref,
+  children,
+  variant = "outline" /* Outline */,
+  className,
+  ...props
+}) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Button,
     {
@@ -4514,9 +4865,13 @@ var DropdownButton = React26__namespace.default.forwardRef(({ children, variant
       ]
     }
   );
-});
+};
 DropdownButton.displayName = "DropdownButton";
-var InputGroup = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroup = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4538,7 +4893,7 @@ var InputGroup = React26__namespace.forwardRef(({ className, ...props }, ref) =>
     ),
     ...props
   }
-));
+);
 InputGroup.displayName = "InputGroup";
 var inputGroupAddonVariants = classVarianceAuthority.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",
@@ -4556,7 +4911,12 @@ var inputGroupAddonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var InputGroupAddon = React26__namespace.forwardRef(({ className, align = "inline-start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupAddon = ({
+  ref,
+  className,
+  align = "inline-start",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4572,7 +4932,7 @@ var InputGroupAddon = React26__namespace.forwardRef(({ className, align = "inlin
     },
     ...props
   }
-));
+);
 InputGroupAddon.displayName = "InputGroupAddon";
 var inputGroupButtonVariants = classVarianceAuthority.cva(
   "text-sm shadow-none flex gap-2 items-center",
@@ -4590,7 +4950,14 @@ var inputGroupButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var InputGroupButton = React26__namespace.forwardRef(({ className, type = "button", variant = "ghost" /* Ghost */, size = "xs", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupButton = ({
+  ref,
+  className,
+  type = "button",
+  variant = "ghost" /* Ghost */,
+  size = "xs",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   Button,
   {
     ref,
@@ -4600,9 +4967,13 @@ var InputGroupButton = React26__namespace.forwardRef(({ className, type = "butto
     className: cn(inputGroupButtonVariants({ size }), className),
     ...props
   }
-));
+);
 InputGroupButton.displayName = "InputGroupButton";
-var InputGroupText = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupText = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
@@ -4612,9 +4983,13 @@ var InputGroupText = React26__namespace.forwardRef(({ className, ...props }, ref
     ),
     ...props
   }
-));
+);
 InputGroupText.displayName = "InputGroupText";
-var InputGroupInput = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupInput = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   Input,
   {
     ref,
@@ -4625,9 +5000,13 @@ var InputGroupInput = React26__namespace.forwardRef(({ className, ...props }, re
     ),
     ...props
   }
-));
+);
 InputGroupInput.displayName = "InputGroupInput";
-var InputGroupTextarea = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var InputGroupTextarea = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   Textarea,
   {
     ref,
@@ -4638,7 +5017,7 @@ var InputGroupTextarea = React26__namespace.forwardRef(({ className, ...props },
     ),
     ...props
   }
-));
+);
 InputGroupTextarea.displayName = "InputGroupTextarea";
 var CalendarIcon = ({
   className = "",
@@ -4666,9 +5045,9 @@ var CalendarIcon = ({
     }
   );
 };
-var DatePickerContext = React26__namespace.createContext(null);
+var DatePickerContext = React6__namespace.createContext(null);
 function useDatePickerContext() {
-  const context = React26__namespace.useContext(DatePickerContext);
+  const context = React6__namespace.useContext(DatePickerContext);
   if (!context) {
     throw new Error("DatePicker components must be used within a DatePicker");
   }
@@ -4687,25 +5066,25 @@ function DatePicker({
   defaultOpen = false,
   formatDate: formatDateProp = defaultFormatDate
 }) {
-  const [uncontrolledDate, setUncontrolledDate] = React26__namespace.useState(defaultDate);
-  const [uncontrolledOpen, setUncontrolledOpen] = React26__namespace.useState(defaultOpen);
+  const [uncontrolledDate, setUncontrolledDate] = React6__namespace.useState(defaultDate);
+  const [uncontrolledOpen, setUncontrolledOpen] = React6__namespace.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__namespace.useCallback((newDate) => {
+  const setDate = React6__namespace.useCallback((newDate) => {
     if (!isDateControlled) {
       setUncontrolledDate(newDate);
     }
     onDateChange?.(newDate);
   }, [isDateControlled, onDateChange]);
-  const setOpen = React26__namespace.useCallback((newOpen) => {
+  const setOpen = React6__namespace.useCallback((newOpen) => {
     if (!isOpenControlled) {
       setUncontrolledOpen(newOpen);
     }
     onOpenChange?.(newOpen);
   }, [isOpenControlled, onOpenChange]);
-  const contextValue = React26__namespace.useMemo(() => ({
+  const contextValue = React6__namespace.useMemo(() => ({
     date,
     setDate,
     open,
@@ -4778,9 +5157,9 @@ function DatePickerInput({
   id
 }) {
   const { date, setDate, setOpen, formatDate } = useDatePickerContext();
-  const [inputValue, setInputValue] = React26__namespace.useState(date ? formatDate(date) : "");
-  const [month, setMonth] = React26__namespace.useState(date);
-  React26__namespace.useEffect(() => {
+  const [inputValue, setInputValue] = React6__namespace.useState(date ? formatDate(date) : "");
+  const [month, setMonth] = React6__namespace.useState(date);
+  React6__namespace.useEffect(() => {
     setInputValue(date ? formatDate(date) : "");
   }, [date, formatDate]);
   const handleInputChange = (e) => {
@@ -4847,7 +5226,13 @@ function DatePickerInput({
     )
   ] });
 }
-var Sidebar = React26__namespace.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
+var Sidebar = ({
+  ref,
+  collapsed = false,
+  className,
+  children,
+  ...props
+}) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "aside",
     {
@@ -4864,9 +5249,13 @@ var Sidebar = React26__namespace.forwardRef(({ collapsed = false, className, chi
       children
     }
   );
-});
+};
 Sidebar.displayName = "Sidebar";
-var SidebarContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarContent = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4878,9 +5267,13 @@ var SidebarContent = React26__namespace.forwardRef(({ className, ...props }, ref
     ),
     ...props
   }
-));
+);
 SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenu = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -4888,9 +5281,13 @@ var SidebarMenu = React26__namespace.forwardRef(({ className, ...props }, ref) =
     className: cn("flex w-full min-w-0 flex-col gap-1", className),
     ...props
   }
-));
+);
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuItem = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -4898,7 +5295,7 @@ var SidebarMenuItem = React26__namespace.forwardRef(({ className, ...props }, re
     className: cn("group/menu-item relative", className),
     ...props
   }
-));
+);
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = classVarianceAuthority.cva(
   // HAI3 customization: All sizing uses rem-based Tailwind classes for theme responsiveness
@@ -4922,110 +5319,128 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SidebarMenuButton = React26__namespace.forwardRef(
-  ({
-    asChild = false,
-    isActive = false,
-    variant = "default",
-    size = "default",
-    tooltip,
-    className,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.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 ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuIcon = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuLabel = ({
+  ref,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     ref,
     className: cn(className),
     ...props
   }
-));
-SidebarMenuLabel.displayName = "SidebarMenuLabel";
-var SidebarHeader = React26__namespace.forwardRef(
-  ({ logo, logoText, collapsed = false, onClick, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col h-16",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuIcon, { children: logo }),
-            logoText && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col h-16",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
+          logo && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuIcon, { children: logo }),
+          logoText && /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-mainMenu-border mx-4" })
+      ]
+    }
+  );
+};
 SidebarHeader.displayName = "SidebarHeader";
-var UserInfo = React26__namespace.default.forwardRef(
-  ({ displayName, email, avatarUrl, className, loading }, ref) => {
-    const getInitials = () => {
-      if (!displayName) return lodash.toUpper(email?.[0] || "") || "?";
-      const parts = lodash.trim(displayName).split(/\s+/);
-      if (parts.length >= 2) {
-        return lodash.toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
-      }
-      return lodash.toUpper(displayName.slice(0, 2));
-    };
-    const initials = getInitials();
-    const displayText = displayName || email || "User";
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-24" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex items-center gap-2 text-sm text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-8 w-8", children: [
-            avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: initials })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayText })
-        ]
-      }
-    );
+var UserInfo = ({
+  ref,
+  displayName,
+  email,
+  avatarUrl,
+  className,
+  loading
+}) => {
+  const getInitials = () => {
+    if (!displayName) return lodash.toUpper(email?.[0] || "") || "?";
+    const parts = lodash.trim(displayName).split(/\s+/);
+    if (parts.length >= 2) {
+      return lodash.toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
+    }
+    return lodash.toUpper(displayName.slice(0, 2));
+  };
+  const initials = getInitials();
+  const displayText = displayName || email || "User";
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-24" })
+    ] });
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-8 w-8", children: [
+          avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
+          /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: initials })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayText })
+      ]
+    }
+  );
+};
 UserInfo.displayName = "UserInfo";
 var MessageType = /* @__PURE__ */ ((MessageType2) => {
   MessageType2["User"] = "user";
@@ -5402,6 +5817,70 @@ 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;
+};
 
 Object.defineProperty(exports, "flexRender", {
   enumerable: true,
@@ -5916,6 +6395,7 @@ exports.UiKitIcon = UiKitIcon;
 exports.UserInfo = UserInfo;
 exports.alertVariants = alertVariants;
 exports.applyTheme = applyTheme;
+exports.applyThemeToShadowRoot = applyThemeToShadowRoot;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.emptyMediaVariants = emptyMediaVariants;