@page-speed/forms 0.5.6 → 0.5.8

package/dist/{chunk-QZ4PK62A.js → chunk-4ROWNTY6.js}

@@ -1,94 +1,13 @@
-import { cn, INPUT_AUTOFILL_RESET_CLASSES, Field, FieldLabel, FieldDescription, LabelGroup, Button, buttonVariants } from './chunk-A7R6GEMA.js';
-import * as React21 from 'react';
+import { cn, FieldLabel, FieldDescription, LabelGroup, Field, INPUT_AUTOFILL_RESET_CLASSES, Button, Input, buttonVariants } from './chunk-455PI4LV.js';
+import * as React19 from 'react';
 import { Dialog as Dialog$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Select as Select$1, Popover as Popover$1 } from 'radix-ui';
 import { Command as Command$1 } from 'cmdk';
 import { useDirection } from '@radix-ui/react-direction';
 import { Slot } from '@radix-ui/react-slot';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 
-var Input = React21.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React21.createElement(
-      "input",
-      {
-        ref,
-        type,
-        "data-slot": "input",
-        className: cn(
-          // Core structure - no hardcoded colors, uses CSS variables
-          "flex h-9 w-full min-w-0 rounded-md border border-input",
-          "bg-transparent px-3 py-1 text-base shadow-sm",
-          "transition-colors outline-none md:text-sm",
-          // Focus state - uses ring-ring CSS variable (adapts to theme)
-          "focus-visible:ring-1 focus-visible:ring-ring",
-          // Error state - uses destructive CSS variables (adapts to theme)
-          "aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive",
-          // Disabled state - no color hardcoding
-          "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-          // File input specific - inherits text color from parent
-          "file:inline-flex file:h-7 file:border-0 file:bg-transparent",
-          "file:text-sm file:font-medium",
-          // Autofill reset - prevents browser from overriding our dynamic colors
-          INPUT_AUTOFILL_RESET_CLASSES,
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/inputs/TextInput.tsx
-function TextInput({
-  name,
-  value,
-  onChange,
-  onBlur,
-  placeholder,
-  disabled = false,
-  required = false,
-  error = false,
-  className = "",
-  type = "text",
-  id = "text",
-  ...props
-}) {
-  const handleChange = (e) => {
-    onChange(e.target.value);
-  };
-  const handleBlur = () => {
-    onBlur?.();
-  };
-  const hasValue = String(value ?? "").trim().length > 0;
-  return /* @__PURE__ */ React21.createElement(
-    Input,
-    {
-      type,
-      id,
-      name,
-      value: value ?? "",
-      onChange: handleChange,
-      onBlur: handleBlur,
-      placeholder,
-      disabled,
-      required,
-      className: cn(
-        // Valid value indicator - ring-2 when has value and no error
-        !error && hasValue && "ring-2 ring-ring",
-        // Error state - handled by Input component via aria-invalid
-        className
-      ),
-      "aria-invalid": error || props["aria-invalid"],
-      "aria-describedby": props["aria-describedby"],
-      "aria-required": required || props["aria-required"],
-      ...props
-    }
-  );
-}
-TextInput.displayName = "TextInput";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "textarea",
     {
       "data-slot": "textarea",
@@ -135,7 +54,7 @@ function TextArea({
     onBlur?.();
   };
   const hasValue = String(value ?? "").trim().length > 0;
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Textarea,
     {
       name,
@@ -168,7 +87,7 @@ function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Checkbox$1.Root,
     {
       "data-slot": "checkbox",
@@ -189,13 +108,13 @@ function Checkbox({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Checkbox$1.Indicator,
       {
         "data-slot": "checkbox-indicator",
         className: "grid place-content-center text-current transition-none"
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           className: "size-3.5",
@@ -206,7 +125,7 @@ function Checkbox({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("polyline", { points: "20 6 9 17 4 12" })
+        /* @__PURE__ */ React19.createElement("polyline", { points: "20 6 9 17 4 12" })
       )
     )
   );
@@ -235,7 +154,7 @@ function Checkbox2({
     onBlur?.();
   };
   const showChoiceCard = useChoiceCard || !!description;
-  const checkbox = /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  const checkbox = /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "checkbox",
@@ -259,7 +178,7 @@ function Checkbox2({
         border: 0
       }
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     Checkbox,
     {
       id: checkboxId,
@@ -274,9 +193,9 @@ function Checkbox2({
     }
   ));
   if (!label) {
-    return /* @__PURE__ */ React21.createElement(Field, { className }, checkbox);
+    return /* @__PURE__ */ React19.createElement("div", { className }, checkbox);
   }
-  return /* @__PURE__ */ React21.createElement(Field, { className: "gap-0", invalid: Boolean(error) }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "space-y-0", "data-invalid": error || void 0 }, /* @__PURE__ */ React19.createElement(
     FieldLabel,
     {
       htmlFor: checkboxId,
@@ -289,7 +208,7 @@ function Checkbox2({
         className
       )
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "div",
       {
         className: cn(
@@ -298,7 +217,7 @@ function Checkbox2({
         )
       },
       checkbox,
-      /* @__PURE__ */ React21.createElement(Field, { className: "flex-1 gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React19.createElement(
         FieldDescription,
         {
           id: `${checkboxId}-description`,
@@ -338,11 +257,11 @@ function CheckboxGroup({
   ).length;
   const allSelected = selectedEnabledCount === enabledOptions.length;
   const someSelected = selectedEnabledCount > 0 && !allSelected;
-  const useChoiceCard = React21.useMemo(() => {
+  const useChoiceCard = React19.useMemo(() => {
     if (!options) return false;
     return options?.some((opt) => opt.description);
   }, [options]);
-  const countableValue = React21.useMemo(() => {
+  const countableValue = React19.useMemo(() => {
     if (value?.length > 0) {
       return value.length;
     }
@@ -367,7 +286,7 @@ function CheckboxGroup({
     onBlur?.();
   };
   const maxReached = Boolean(maxSelections && countableValue >= maxSelections);
-  const containerClass = React21.useMemo(() => {
+  const containerClass = React19.useMemo(() => {
     return cn(
       "w-full gap-3 grid grid-cols-1 border-0 m-0 p-0 min-w-0",
       (layout === "grid" || layout === "inline") && "md:grid-cols-2",
@@ -376,7 +295,7 @@ function CheckboxGroup({
   }, [layout, className]);
   const groupDescriptionId = description ? `${name}-description` : void 0;
   const groupAriaDescribedBy = [props["aria-describedby"], groupDescriptionId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "fieldset",
     {
       className: containerClass,
@@ -386,7 +305,7 @@ function CheckboxGroup({
       "aria-required": required || props["aria-required"],
       "aria-label": typeof label === "string" ? label : props["aria-label"]
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       LabelGroup,
       {
         labelHtmlFor: name,
@@ -397,7 +316,7 @@ function CheckboxGroup({
         primary: label
       }
     ),
-    showSelectAll && enabledOptions.length > 0 && /* @__PURE__ */ React21.createElement(
+    showSelectAll && enabledOptions.length > 0 && /* @__PURE__ */ React19.createElement(
       Checkbox2,
       {
         name: `${name}-select-all`,
@@ -415,7 +334,7 @@ function CheckboxGroup({
     options.map((option) => {
       const isChecked = value.includes(option.value);
       const isDisabled = disabled || option.disabled || maxReached && !isChecked;
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React19.createElement(
         Checkbox2,
         {
           key: option.value,
@@ -433,7 +352,7 @@ function CheckboxGroup({
         }
       );
     }),
-    (minSelections || maxSelections) && /* @__PURE__ */ React21.createElement(
+    (minSelections || maxSelections) && /* @__PURE__ */ React19.createElement(
       FieldDescription,
       {
         className: cn(
@@ -442,8 +361,8 @@ function CheckboxGroup({
         ),
         "aria-live": "polite"
       },
-      minSelections && countableValue < minSelections && /* @__PURE__ */ React21.createElement("span", null, "Select at least ", minSelections, " option", minSelections !== 1 ? "s" : ""),
-      maxSelections && /* @__PURE__ */ React21.createElement("span", null, countableValue, "/", maxSelections, " selected")
+      minSelections && countableValue < minSelections && /* @__PURE__ */ React19.createElement("span", null, "Select at least ", minSelections, " option", minSelections !== 1 ? "s" : ""),
+      maxSelections && /* @__PURE__ */ React19.createElement("span", null, countableValue, "/", maxSelections, " selected")
     )
   );
 }
@@ -452,7 +371,7 @@ function RadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     RadioGroup$1.Root,
     {
       "data-slot": "radio-group",
@@ -465,7 +384,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     RadioGroup$1.Item,
     {
       "data-slot": "radio-group-item",
@@ -483,19 +402,19 @@ function RadioGroupItem({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       RadioGroup$1.Indicator,
       {
         "data-slot": "radio-group-indicator",
         className: "relative flex items-center justify-center"
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
           viewBox: "0 0 24 24"
         },
-        /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "12" })
+        /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "12" })
       )
     )
   );
@@ -523,18 +442,18 @@ function Radio({
   const handleBlur = () => {
     onBlur?.();
   };
-  const useChoiceCard = React21.useMemo(() => {
+  const useChoiceCard = React19.useMemo(() => {
     return options.some((option) => option.description);
   }, [options]);
   const groupDescriptionId = description ? `${name}-description` : void 0;
-  return /* @__PURE__ */ React21.createElement(Field, { className: cn("w-full", className), invalid: Boolean(error) }, (label || description) && /* @__PURE__ */ React21.createElement(Field, { className: "mb-3 gap-1" }, label && /* @__PURE__ */ React21.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("w-full", className), "data-invalid": error || void 0 }, (label || description) && /* @__PURE__ */ React19.createElement("div", { className: "mb-3 space-y-1" }, label && /* @__PURE__ */ React19.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React19.createElement(
     FieldDescription,
     {
       id: groupDescriptionId,
       className: "leading-snug"
     },
     description
-  )), /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React19.createElement(
     RadioGroup,
     {
       name,
@@ -557,7 +476,7 @@ function Radio({
       const isDisabled = disabled || option.disabled;
       const radioId = `${name}-${option.value}`;
       const hasDescription = !!option.description;
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React19.createElement(
         FieldLabel,
         {
           key: option.value,
@@ -570,16 +489,15 @@ function Radio({
             isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
           )
         },
-        /* @__PURE__ */ React21.createElement(
-          Field,
+        /* @__PURE__ */ React19.createElement(
+          "div",
           {
-            orientation: "horizontal",
             className: cn(
               "flex w-full gap-3",
               useChoiceCard ? "items-start" : "items-center"
             )
           },
-          /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React19.createElement(
             RadioGroupItem,
             {
               value: option.value,
@@ -589,7 +507,7 @@ function Radio({
               "aria-describedby": hasDescription ? `${radioId}-description` : void 0
             }
           ),
-          /* @__PURE__ */ React21.createElement(Field, { className: "flex-1 gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, option.label), option.description && /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React19.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium leading-none" }, option.label), option.description && /* @__PURE__ */ React19.createElement(
             FieldDescription,
             {
               id: `${radioId}-description`,
@@ -608,7 +526,7 @@ function Switch({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Switch$1.Root,
     {
       "data-slot": "switch",
@@ -630,7 +548,7 @@ function Switch({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Switch$1.Thumb,
       {
         "data-slot": "switch-thumb",
@@ -669,7 +587,7 @@ function Switch2({
   const handleBlur = () => {
     onBlur?.();
   };
-  const switchElement = /* @__PURE__ */ React21.createElement(
+  const switchElement = /* @__PURE__ */ React19.createElement(
     Switch,
     {
       id: switchId,
@@ -685,9 +603,9 @@ function Switch2({
     }
   );
   if (!label) {
-    return /* @__PURE__ */ React21.createElement(Field, { className }, switchElement);
+    return /* @__PURE__ */ React19.createElement(Field, { className }, switchElement);
   }
-  return /* @__PURE__ */ React21.createElement(Field, { className: "gap-0", invalid: Boolean(error) }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(Field, { className: "gap-0", invalid: Boolean(error) }, /* @__PURE__ */ React19.createElement(
     FieldLabel,
     {
       htmlFor: switchId,
@@ -698,7 +616,7 @@ function Switch2({
       )
     },
     switchElement,
-    /* @__PURE__ */ React21.createElement(Field, { className: "gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(Field, { className: "gap-1" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React19.createElement(
       FieldDescription,
       {
         id: `${switchId}-description`,
@@ -712,17 +630,17 @@ Switch2.displayName = "Switch";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Select$1.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ React19.createElement(Select$1.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Select$1.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ React19.createElement(Select$1.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Select$1.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ React19.createElement(Select$1.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -730,7 +648,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Select$1.Trigger,
     {
       "data-slot": "select-trigger",
@@ -760,7 +678,7 @@ function SelectTrigger({
       ...props
     },
     children,
-    /* @__PURE__ */ React21.createElement(Select$1.Icon, { asChild: true }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(Select$1.Icon, { asChild: true }, /* @__PURE__ */ React19.createElement(
       "svg",
       {
         className: "size-4 opacity-50",
@@ -771,7 +689,7 @@ function SelectTrigger({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       },
-      /* @__PURE__ */ React21.createElement("polyline", { points: "6 9 12 15 18 9" })
+      /* @__PURE__ */ React19.createElement("polyline", { points: "6 9 12 15 18 9" })
     ))
   );
 }
@@ -782,7 +700,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Select$1.Portal, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(Select$1.Portal, null, /* @__PURE__ */ React19.createElement(
     Select$1.Content,
     {
       "data-slot": "select-content",
@@ -795,8 +713,8 @@ function SelectContent({
       align,
       ...props
     },
-    /* @__PURE__ */ React21.createElement(SelectScrollUpButton, null),
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(SelectScrollUpButton, null),
+    /* @__PURE__ */ React19.createElement(
       Select$1.Viewport,
       {
         className: cn(
@@ -806,14 +724,14 @@ function SelectContent({
       },
       children
     ),
-    /* @__PURE__ */ React21.createElement(SelectScrollDownButton, null)
+    /* @__PURE__ */ React19.createElement(SelectScrollDownButton, null)
   ));
 }
 function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Select$1.Label,
     {
       "data-slot": "select-label",
@@ -827,7 +745,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Select$1.Item,
     {
       "data-slot": "select-item",
@@ -847,13 +765,13 @@ function SelectItem({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "span",
       {
         "data-slot": "select-item-indicator",
         className: "absolute right-2 flex size-3.5 items-center justify-center"
       },
-      /* @__PURE__ */ React21.createElement(Select$1.ItemIndicator, null, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement(Select$1.ItemIndicator, null, /* @__PURE__ */ React19.createElement(
         "svg",
         {
           className: "size-4",
@@ -864,17 +782,17 @@ function SelectItem({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("polyline", { points: "20 6 9 17 4 12" })
+        /* @__PURE__ */ React19.createElement("polyline", { points: "20 6 9 17 4 12" })
       ))
     ),
-    /* @__PURE__ */ React21.createElement(Select$1.ItemText, null, children)
+    /* @__PURE__ */ React19.createElement(Select$1.ItemText, null, children)
   );
 }
 function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Select$1.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -884,7 +802,7 @@ function SelectScrollUpButton({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         className: "size-4",
@@ -895,7 +813,7 @@ function SelectScrollUpButton({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       },
-      /* @__PURE__ */ React21.createElement("polyline", { points: "18 15 12 9 6 15" })
+      /* @__PURE__ */ React19.createElement("polyline", { points: "18 15 12 9 6 15" })
     )
   );
 }
@@ -903,7 +821,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Select$1.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -913,7 +831,7 @@ function SelectScrollDownButton({
       ),
       ...props
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         className: "size-4",
@@ -924,7 +842,7 @@ function SelectScrollDownButton({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       },
-      /* @__PURE__ */ React21.createElement("polyline", { points: "6 9 12 15 18 9" })
+      /* @__PURE__ */ React19.createElement("polyline", { points: "6 9 12 15 18 9" })
     )
   );
 }
@@ -946,8 +864,8 @@ function Select2({
   renderOption,
   ...props
 }) {
-  const [hasInteracted, setHasInteracted] = React21.useState(false);
-  const allOptions = React21.useMemo(() => {
+  const [hasInteracted, setHasInteracted] = React19.useState(false);
+  const allOptions = React19.useMemo(() => {
     if (optionGroups.length > 0) {
       return optionGroups.flatMap((group) => group.options);
     }
@@ -968,7 +886,7 @@ function Select2({
       onBlur?.();
     }
   };
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "hidden",
@@ -990,7 +908,7 @@ function Select2({
         border: "0"
       }
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     Select,
     {
       value: selectValue,
@@ -998,7 +916,7 @@ function Select2({
       onOpenChange: handleOpenChange,
       disabled
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       SelectTrigger,
       {
         className: cn(
@@ -1011,11 +929,11 @@ function Select2({
         "aria-describedby": props["aria-describedby"],
         "aria-required": required || props["aria-required"]
       },
-      /* @__PURE__ */ React21.createElement(SelectValue, { placeholder })
+      /* @__PURE__ */ React19.createElement(SelectValue, { placeholder })
     ),
-    /* @__PURE__ */ React21.createElement(SelectContent, null, optionGroups.length > 0 ? (
+    /* @__PURE__ */ React19.createElement(SelectContent, null, optionGroups.length > 0 ? (
       // Render grouped options
-      optionGroups.map((group, groupIndex) => /* @__PURE__ */ React21.createElement(SelectGroup, { key: groupIndex }, /* @__PURE__ */ React21.createElement(SelectLabel, null, group.label), group.options.map((option) => /* @__PURE__ */ React21.createElement(
+      optionGroups.map((group, groupIndex) => /* @__PURE__ */ React19.createElement(SelectGroup, { key: groupIndex }, /* @__PURE__ */ React19.createElement(SelectLabel, null, group.label), group.options.map((option) => /* @__PURE__ */ React19.createElement(
         SelectItem,
         {
           key: option.value,
@@ -1026,7 +944,7 @@ function Select2({
       ))))
     ) : (
       // Render flat options
-      allOptions.map((option) => /* @__PURE__ */ React21.createElement(
+      allOptions.map((option) => /* @__PURE__ */ React19.createElement(
         SelectItem,
         {
           key: option.value,
@@ -1042,20 +960,20 @@ Select2.displayName = "Select";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Dialog$1.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ React19.createElement(Dialog$1.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ React19.createElement(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ React19.createElement(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
 }
-var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React21.createElement(
+var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React19.createElement(
     Dialog$1.Overlay,
     {
       ref,
@@ -1069,8 +987,8 @@ var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogOverlay.displayName = Dialog$1.Overlay.displayName;
-var DialogContent = React21.forwardRef(({ className, children, showCloseButton = true, ...props }, ref) => {
-  return /* @__PURE__ */ React21.createElement(DialogPortal, { "data-slot": "dialog-portal" }, /* @__PURE__ */ React21.createElement(DialogOverlay, null), /* @__PURE__ */ React21.createElement(
+var DialogContent = React19.forwardRef(({ className, children, showCloseButton = true, ...props }, ref) => {
+  return /* @__PURE__ */ React19.createElement(DialogPortal, { "data-slot": "dialog-portal" }, /* @__PURE__ */ React19.createElement(DialogOverlay, null), /* @__PURE__ */ React19.createElement(
     Dialog$1.Content,
     {
       ref,
@@ -1082,13 +1000,13 @@ var DialogContent = React21.forwardRef(({ className, children, showCloseButton =
       ...props
     },
     children,
-    showCloseButton && /* @__PURE__ */ React21.createElement(
+    showCloseButton && /* @__PURE__ */ React19.createElement(
       Dialog$1.Close,
       {
         "data-slot": "dialog-close",
         className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           className: "size-4",
@@ -1099,16 +1017,16 @@ var DialogContent = React21.forwardRef(({ className, children, showCloseButton =
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ React21.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ React19.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ),
-      /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, "Close")
+      /* @__PURE__ */ React19.createElement("span", { className: "sr-only" }, "Close")
     )
   ));
 });
 DialogContent.displayName = Dialog$1.Content.displayName;
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1121,7 +1039,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Dialog$1.Title,
     {
       "data-slot": "dialog-title",
@@ -1136,7 +1054,7 @@ function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Command$1,
     {
       "data-slot": "command",
@@ -1152,13 +1070,13 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3"
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         className: "size-4 shrink-0 opacity-50",
@@ -1169,10 +1087,10 @@ function CommandInput({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       },
-      /* @__PURE__ */ React21.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-      /* @__PURE__ */ React21.createElement("path", { d: "m21 21-4.3-4.3" })
+      /* @__PURE__ */ React19.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ React19.createElement("path", { d: "m21 21-4.3-4.3" })
     ),
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Command$1.Input,
       {
         "data-slot": "command-input",
@@ -1189,7 +1107,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Command$1.List,
     {
       "data-slot": "command-list",
@@ -1204,7 +1122,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Command$1.Empty,
     {
       "data-slot": "command-empty",
@@ -1217,7 +1135,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Command$1.Group,
     {
       "data-slot": "command-group",
@@ -1232,12 +1150,12 @@ function CommandGroup({
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Popover$1.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ React19.createElement(Popover$1.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ React19.createElement(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1245,7 +1163,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(Popover$1.Portal, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(Popover$1.Portal, null, /* @__PURE__ */ React19.createElement(
     Popover$1.Content,
     {
       "data-slot": "popover-content",
@@ -1306,21 +1224,21 @@ function MultiSelect({
   renderValue,
   ...props
 }) {
-  const [isOpen, setIsOpen] = React21.useState(false);
-  const [searchQuery, setSearchQuery] = React21.useState("");
-  const [focusedIndex, setFocusedIndex] = React21.useState(-1);
-  const [hasInteracted, setHasInteracted] = React21.useState(false);
-  const triggerRef = React21.useRef(null);
+  const [isOpen, setIsOpen] = React19.useState(false);
+  const [searchQuery, setSearchQuery] = React19.useState("");
+  const [focusedIndex, setFocusedIndex] = React19.useState(-1);
+  const [hasInteracted, setHasInteracted] = React19.useState(false);
+  const triggerRef = React19.useRef(null);
   const dropdownId = `${name}-dropdown`;
   const searchInputId = `${name}-search`;
   ensureResizeObserver();
-  const allOptions = React21.useMemo(() => {
+  const allOptions = React19.useMemo(() => {
     if (optionGroups.length > 0) {
       return optionGroups.flatMap((group) => group.options);
     }
     return options;
   }, [options, optionGroups]);
-  const filteredOptions = React21.useMemo(() => {
+  const filteredOptions = React19.useMemo(() => {
     if (!searchQuery.trim()) {
       return allOptions;
     }
@@ -1329,19 +1247,19 @@ function MultiSelect({
       (option) => optionLabelText(option).toLowerCase().includes(query)
     );
   }, [allOptions, searchQuery]);
-  const selectedOptions = React21.useMemo(() => {
+  const selectedOptions = React19.useMemo(() => {
     return allOptions.filter((option) => value.includes(option.value));
   }, [allOptions, value]);
   const hasValue = value.length > 0;
-  const isMaxReached = React21.useMemo(() => {
+  const isMaxReached = React19.useMemo(() => {
     return maxSelections !== void 0 && value.length >= maxSelections;
   }, [maxSelections, value.length]);
-  const getEnabledOptions = React21.useCallback(() => {
+  const getEnabledOptions = React19.useCallback(() => {
     return filteredOptions.filter(
       (option) => !option.disabled && (!isMaxReached || value.includes(option.value))
     );
   }, [filteredOptions, isMaxReached, value]);
-  React21.useEffect(() => {
+  React19.useEffect(() => {
     if (!isOpen) return;
     if (!searchable) return;
     const id = window.setTimeout(() => {
@@ -1354,7 +1272,7 @@ function MultiSelect({
       window.clearTimeout(id);
     };
   }, [isOpen, searchable, searchInputId]);
-  const handleToggleOption = React21.useCallback(
+  const handleToggleOption = React19.useCallback(
     (optionValue) => {
       const isSelected = value.includes(optionValue);
       if (isSelected) {
@@ -1366,12 +1284,12 @@ function MultiSelect({
     },
     [isMaxReached, onChange, value]
   );
-  const handleSelectAll = React21.useCallback(() => {
+  const handleSelectAll = React19.useCallback(() => {
     const enabledOptions = filteredOptions.filter((option) => !option.disabled);
     onChange(enabledOptions.map((option) => option.value));
     setSearchQuery("");
   }, [filteredOptions, onChange]);
-  const handleClearAll = React21.useCallback(
+  const handleClearAll = React19.useCallback(
     (e) => {
       e.stopPropagation();
       onChange([]);
@@ -1380,14 +1298,14 @@ function MultiSelect({
     },
     [onChange]
   );
-  const handleRemoveValue = React21.useCallback(
+  const handleRemoveValue = React19.useCallback(
     (optionValue, e) => {
       e.stopPropagation();
       onChange(value.filter((entry) => entry !== optionValue));
     },
     [onChange, value]
   );
-  const handleOpenChange = React21.useCallback(
+  const handleOpenChange = React19.useCallback(
     (nextOpen) => {
       if (disabled) {
         setIsOpen(false);
@@ -1410,12 +1328,12 @@ function MultiSelect({
     },
     [disabled, hasInteracted, isOpen, onBlur, onFocus]
   );
-  const handleTriggerBlur = React21.useCallback(() => {
+  const handleTriggerBlur = React19.useCallback(() => {
     if (!isOpen) {
       onBlur?.();
     }
   }, [isOpen, onBlur]);
-  const handleKeyDown = React21.useCallback(
+  const handleKeyDown = React19.useCallback(
     (event) => {
       if (disabled) return;
       const enabledOptions = getEnabledOptions();
@@ -1512,7 +1430,7 @@ function MultiSelect({
     ]
   );
   const combinedClassName = cn("relative w-full", className);
-  return /* @__PURE__ */ React21.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React19.createElement(
     "select",
     {
       name,
@@ -1526,9 +1444,9 @@ function MultiSelect({
       style: { display: "none" },
       multiple: true
     },
-    /* @__PURE__ */ React21.createElement("option", { value: "" }, "Select..."),
-    allOptions.map((option) => /* @__PURE__ */ React21.createElement("option", { key: option.value, value: option.value }, optionLabelText(option)))
-  ), /* @__PURE__ */ React21.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React21.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement("option", { value: "" }, "Select..."),
+    allOptions.map((option) => /* @__PURE__ */ React19.createElement("option", { key: option.value, value: option.value }, optionLabelText(option)))
+  ), /* @__PURE__ */ React19.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React19.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React19.createElement(
     "div",
     {
       ref: triggerRef,
@@ -1550,13 +1468,13 @@ function MultiSelect({
       "aria-disabled": disabled,
       tabIndex: disabled ? -1 : 0
     },
-    /* @__PURE__ */ React21.createElement("div", { className: "flex flex-1 items-center overflow-hidden" }, selectedOptions.length > 0 ? /* @__PURE__ */ React21.createElement("div", { className: "flex flex-wrap gap-1" }, selectedOptions.map((option) => /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-1 items-center overflow-hidden" }, selectedOptions.length > 0 ? /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-1" }, selectedOptions.map((option) => /* @__PURE__ */ React19.createElement(
       "span",
       {
         key: option.value,
         className: "inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs font-medium"
       },
-      renderValue ? renderValue(option) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("span", { className: "max-w-40 overflow-hidden text-ellipsis whitespace-nowrap" }, option.label), !disabled && /* @__PURE__ */ React21.createElement(
+      renderValue ? renderValue(option) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("span", { className: "max-w-40 overflow-hidden text-ellipsis whitespace-nowrap" }, option.label), !disabled && /* @__PURE__ */ React19.createElement(
         "button",
         {
           type: "button",
@@ -1567,8 +1485,8 @@ function MultiSelect({
         },
         "\u2715"
       ))
-    ))) : /* @__PURE__ */ React21.createElement("span", { className: "relative" }, placeholder)),
-    /* @__PURE__ */ React21.createElement("div", { className: "ml-2 flex items-center gap-1" }, loading && /* @__PURE__ */ React21.createElement("span", { className: "text-xs" }, "\u23F3"), clearable && value.length > 0 && !disabled && !loading && /* @__PURE__ */ React21.createElement(
+    ))) : /* @__PURE__ */ React19.createElement("span", { className: "relative" }, placeholder)),
+    /* @__PURE__ */ React19.createElement("div", { className: "ml-2 flex items-center gap-1" }, loading && /* @__PURE__ */ React19.createElement("span", { className: "text-xs" }, "\u23F3"), clearable && value.length > 0 && !disabled && !loading && /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
@@ -1578,8 +1496,8 @@ function MultiSelect({
         tabIndex: -1
       },
       "\u2715"
-    ), /* @__PURE__ */ React21.createElement("span", { className: "text-xs leading-none", "aria-hidden": "true" }, isOpen ? "\u25B2" : "\u25BC"))
-  )), isOpen && /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React19.createElement("span", { className: "text-xs leading-none", "aria-hidden": "true" }, isOpen ? "\u25B2" : "\u25BC"))
+  )), isOpen && /* @__PURE__ */ React19.createElement(
     PopoverContent,
     {
       id: dropdownId,
@@ -1590,14 +1508,14 @@ function MultiSelect({
         event.preventDefault();
       }
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Command,
       {
         shouldFilter: false,
         className: "max-h-80",
         onKeyDown: handleKeyDown
       },
-      searchable && /* @__PURE__ */ React21.createElement(
+      searchable && /* @__PURE__ */ React19.createElement(
         CommandInput,
         {
           id: searchInputId,
@@ -1611,7 +1529,7 @@ function MultiSelect({
           "aria-label": "Search options"
         }
       ),
-      showSelectAll && filteredOptions.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex gap-2 border-b border-input p-2" }, /* @__PURE__ */ React21.createElement(
+      showSelectAll && filteredOptions.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "flex gap-2 border-b border-input p-2" }, /* @__PURE__ */ React19.createElement(
         "button",
         {
           type: "button",
@@ -1620,7 +1538,7 @@ function MultiSelect({
           disabled
         },
         "Select All"
-      ), value.length > 0 && /* @__PURE__ */ React21.createElement(
+      ), value.length > 0 && /* @__PURE__ */ React19.createElement(
         "button",
         {
           type: "button",
@@ -1630,13 +1548,13 @@ function MultiSelect({
         },
         "Clear All"
       )),
-      isMaxReached && /* @__PURE__ */ React21.createElement("div", { className: "border-b border-destructive bg-destructive/80 px-2 py-1 text-xs font-medium text-destructive-foreground" }, "Maximum ", maxSelections, " selection", maxSelections !== 1 ? "s" : "", " ", "reached"),
-      /* @__PURE__ */ React21.createElement(CommandList, { role: "listbox", "aria-multiselectable": "true" }, /* @__PURE__ */ React21.createElement(CommandEmpty, null, "No options found"), optionGroups.length > 0 ? optionGroups.map((group, groupIndex) => {
+      isMaxReached && /* @__PURE__ */ React19.createElement("div", { className: "border-b border-destructive bg-destructive/80 px-2 py-1 text-xs font-medium text-destructive-foreground" }, "Maximum ", maxSelections, " selection", maxSelections !== 1 ? "s" : "", " ", "reached"),
+      /* @__PURE__ */ React19.createElement(CommandList, { role: "listbox", "aria-multiselectable": "true" }, /* @__PURE__ */ React19.createElement(CommandEmpty, null, "No options found"), optionGroups.length > 0 ? optionGroups.map((group, groupIndex) => {
         const groupOptions = group.options.filter(
           (option) => filteredOptions.includes(option)
         );
         if (groupOptions.length === 0) return null;
-        return /* @__PURE__ */ React21.createElement(
+        return /* @__PURE__ */ React19.createElement(
           CommandGroup,
           {
             key: `${group.label}-${groupIndex}`,
@@ -1647,7 +1565,7 @@ function MultiSelect({
             const isSelected = value.includes(option.value);
             const isFocused = globalIndex === focusedIndex;
             const optionDisabled = option.disabled || isMaxReached && !isSelected;
-            return /* @__PURE__ */ React21.createElement(
+            return /* @__PURE__ */ React19.createElement(
               "div",
               {
                 key: option.value,
@@ -1669,8 +1587,8 @@ function MultiSelect({
                   optionDisabled && "pointer-events-none opacity-50"
                 )
               },
-              /* @__PURE__ */ React21.createElement("span", { className: "text-base leading-none" }, isSelected ? "\u2611" : "\u2610"),
-              /* @__PURE__ */ React21.createElement("span", { className: "flex-1" }, renderOption ? renderOption(option) : option.label)
+              /* @__PURE__ */ React19.createElement("span", { className: "text-base leading-none" }, isSelected ? "\u2611" : "\u2610"),
+              /* @__PURE__ */ React19.createElement("span", { className: "flex-1" }, renderOption ? renderOption(option) : option.label)
             );
           })
         );
@@ -1678,7 +1596,7 @@ function MultiSelect({
         const isSelected = value.includes(option.value);
         const isFocused = index === focusedIndex;
         const optionDisabled = option.disabled || isMaxReached && !isSelected;
-        return /* @__PURE__ */ React21.createElement(
+        return /* @__PURE__ */ React19.createElement(
           "div",
           {
             key: option.value,
@@ -1700,26 +1618,26 @@ function MultiSelect({
               optionDisabled && "pointer-events-none opacity-50"
             )
           },
-          /* @__PURE__ */ React21.createElement("span", { className: "text-base leading-none" }, isSelected ? "\u2611" : "\u2610"),
-          /* @__PURE__ */ React21.createElement("span", { className: "flex-1" }, renderOption ? renderOption(option) : option.label)
+          /* @__PURE__ */ React19.createElement("span", { className: "text-base leading-none" }, isSelected ? "\u2611" : "\u2610"),
+          /* @__PURE__ */ React19.createElement("span", { className: "flex-1" }, renderOption ? renderOption(option) : option.label)
         );
       }))
     )
   )));
 }
 MultiSelect.displayName = "MultiSelect";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React21.useLayoutEffect : React21.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React19.useLayoutEffect : React19.useEffect;
 
 // src/hooks/use-as-ref.ts
 function useAsRef(props) {
-  const ref = React21.useRef(props);
+  const ref = React19.useRef(props);
   useIsomorphicLayoutEffect(() => {
     ref.current = props;
   });
   return ref;
 }
 function useLazyRef(fn) {
-  const ref = React21.useRef(null);
+  const ref = React19.useRef(null);
   if (ref.current === null) {
     ref.current = fn();
   }
@@ -1738,7 +1656,7 @@ function BaseFileIcon({
   children,
   className
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1754,25 +1672,25 @@ function BaseFileIcon({
   );
 }
 function FileVideoIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("rect", { x: "8", y: "12", width: "6", height: "4", rx: "1" }), /* @__PURE__ */ React21.createElement("path", { d: "m14 13 3-1.5v5L14 15" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("rect", { x: "8", y: "12", width: "6", height: "4", rx: "1" }), /* @__PURE__ */ React19.createElement("path", { d: "m14 13 3-1.5v5L14 15" }));
 }
 function FileAudioIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("path", { d: "M10 16a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" }), /* @__PURE__ */ React21.createElement("path", { d: "M13 17V11l3-1" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("path", { d: "M10 16a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" }), /* @__PURE__ */ React19.createElement("path", { d: "M13 17V11l3-1" }));
 }
 function FileTextIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("line", { x1: "8", y1: "13", x2: "16", y2: "13" }), /* @__PURE__ */ React21.createElement("line", { x1: "8", y1: "17", x2: "14", y2: "17" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("line", { x1: "8", y1: "13", x2: "16", y2: "13" }), /* @__PURE__ */ React19.createElement("line", { x1: "8", y1: "17", x2: "14", y2: "17" }));
 }
 function FileCodeIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("polyline", { points: "11 14 9 16 11 18" }), /* @__PURE__ */ React21.createElement("polyline", { points: "13 14 15 16 13 18" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("polyline", { points: "11 14 9 16 11 18" }), /* @__PURE__ */ React19.createElement("polyline", { points: "13 14 15 16 13 18" }));
 }
 function FileArchiveIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("rect", { x: "9", y: "11", width: "6", height: "2" }), /* @__PURE__ */ React21.createElement("path", { d: "M12 13v5" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("rect", { x: "9", y: "11", width: "6", height: "2" }), /* @__PURE__ */ React19.createElement("path", { d: "M12 13v5" }));
 }
 function FileCogIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "16", r: "2" }), /* @__PURE__ */ React21.createElement("path", { d: "m12 12 .4.9m2.7 1.1 .9.4m-.9 2.7-.9.4m-2.7 1.1-.4.9m-2.3-.9-.4-.9m-2.7-1.1-.9-.4m.9-2.7.9-.4m2.7-1.1.4-.9" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }), /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "16", r: "2" }), /* @__PURE__ */ React19.createElement("path", { d: "m12 12 .4.9m2.7 1.1 .9.4m-.9 2.7-.9.4m-2.7 1.1-.4.9m-2.3-.9-.4-.9m-2.7-1.1-.9-.4m.9-2.7.9-.4m2.7-1.1.4-.9" }));
 }
 function FileIcon() {
-  return /* @__PURE__ */ React21.createElement(BaseFileIcon, null, /* @__PURE__ */ React21.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React21.createElement("polyline", { points: "14 2 14 8 20 8" }));
+  return /* @__PURE__ */ React19.createElement(BaseFileIcon, null, /* @__PURE__ */ React19.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React19.createElement("polyline", { points: "14 2 14 8 20 8" }));
 }
 function formatBytes(bytes) {
   if (bytes === 0) return "0 B";
@@ -1784,13 +1702,13 @@ function getFileIcon(file) {
   const type = file.type;
   const extension = file.name.split(".").pop()?.toLowerCase() ?? "";
   if (type.startsWith("video/")) {
-    return /* @__PURE__ */ React21.createElement(FileVideoIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileVideoIcon, null);
   }
   if (type.startsWith("audio/")) {
-    return /* @__PURE__ */ React21.createElement(FileAudioIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileAudioIcon, null);
   }
   if (type.startsWith("text/") || ["txt", "md", "rtf", "pdf"].includes(extension)) {
-    return /* @__PURE__ */ React21.createElement(FileTextIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileTextIcon, null);
   }
   if ([
     "html",
@@ -1809,19 +1727,19 @@ function getFileIcon(file) {
     "cpp",
     "cs"
   ].includes(extension)) {
-    return /* @__PURE__ */ React21.createElement(FileCodeIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileCodeIcon, null);
   }
   if (["zip", "rar", "7z", "tar", "gz", "bz2"].includes(extension)) {
-    return /* @__PURE__ */ React21.createElement(FileArchiveIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileArchiveIcon, null);
   }
   if (["exe", "msi", "app", "apk", "deb", "rpm"].includes(extension) || type.startsWith("application/")) {
-    return /* @__PURE__ */ React21.createElement(FileCogIcon, null);
+    return /* @__PURE__ */ React19.createElement(FileCogIcon, null);
   }
-  return /* @__PURE__ */ React21.createElement(FileIcon, null);
+  return /* @__PURE__ */ React19.createElement(FileIcon, null);
 }
-var StoreContext = React21.createContext(null);
+var StoreContext = React19.createContext(null);
 function useStoreContext(consumerName) {
-  const context = React21.useContext(StoreContext);
+  const context = React19.useContext(StoreContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1832,7 +1750,7 @@ function useStore(selector) {
   const lastValueRef = useLazyRef(
     () => null
   );
-  const getSnapshot = React21.useCallback(() => {
+  const getSnapshot = React19.useCallback(() => {
     const state = store.getState();
     const prevValue = lastValueRef.current;
     if (prevValue && prevValue.state === state) {
@@ -1842,13 +1760,13 @@ function useStore(selector) {
     lastValueRef.current = { value: nextValue, state };
     return nextValue;
   }, [store, selector, lastValueRef]);
-  return React21.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+  return React19.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
-var FileUploadContext = React21.createContext(
+var FileUploadContext = React19.createContext(
   null
 );
 function useFileUploadContext(consumerName) {
-  const context = React21.useContext(FileUploadContext);
+  const context = React19.useContext(FileUploadContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1880,15 +1798,15 @@ function FileUpload(props) {
     className,
     ...rootProps
   } = props;
-  const inputId = React21.useId();
-  const dropzoneId = React21.useId();
-  const listId = React21.useId();
-  const labelId = React21.useId();
+  const inputId = React19.useId();
+  const dropzoneId = React19.useId();
+  const listId = React19.useId();
+  const labelId = React19.useId();
   const dir = useDirection(dirProp);
   const listeners = useLazyRef(() => /* @__PURE__ */ new Set()).current;
   const files = useLazyRef(() => /* @__PURE__ */ new Map()).current;
   const urlCache = useLazyRef(() => /* @__PURE__ */ new WeakMap()).current;
-  const inputRef = React21.useRef(null);
+  const inputRef = React19.useRef(null);
   const isControlled = value !== void 0;
   const propsRef = useAsRef({
     onValueChange,
@@ -1898,7 +1816,7 @@ function FileUpload(props) {
     onFileValidate,
     onUpload
   });
-  const store = React21.useMemo(() => {
+  const store = React19.useMemo(() => {
     let state = {
       files,
       dragOver: false,
@@ -2027,7 +1945,7 @@ function FileUpload(props) {
       }
     };
   }, [listeners, files, invalid, propsRef, urlCache]);
-  const acceptTypes = React21.useMemo(
+  const acceptTypes = React19.useMemo(
     () => accept?.split(",").map((t) => t.trim()) ?? null,
     [accept]
   );
@@ -2045,14 +1963,14 @@ function FileUpload(props) {
       });
     };
   }).current;
-  React21.useEffect(() => {
+  React19.useEffect(() => {
     if (isControlled) {
       store.dispatch({ type: "SET_FILES", files: value });
     } else if (defaultValue && defaultValue.length > 0 && !store.getState().files.size) {
       store.dispatch({ type: "SET_FILES", files: defaultValue });
     }
   }, [value, defaultValue, isControlled, store]);
-  React21.useEffect(() => {
+  React19.useEffect(() => {
     return () => {
       for (const file of files.keys()) {
         const cachedUrl = urlCache.get(file);
@@ -2062,7 +1980,7 @@ function FileUpload(props) {
       }
     };
   }, [files, urlCache]);
-  const onFilesUpload = React21.useCallback(
+  const onFilesUpload = React19.useCallback(
     async (files2) => {
       try {
         for (const file of files2) {
@@ -2100,7 +2018,7 @@ function FileUpload(props) {
     },
     [store, propsRef, onProgress]
   );
-  const onFilesChange = React21.useCallback(
+  const onFilesChange = React19.useCallback(
     (originalFiles) => {
       if (disabled) return;
       let filesToProcess = [...originalFiles];
@@ -2198,7 +2116,7 @@ function FileUpload(props) {
       disabled
     ]
   );
-  const onInputChange = React21.useCallback(
+  const onInputChange = React19.useCallback(
     (event) => {
       const files2 = Array.from(event.target.files ?? []);
       onFilesChange(files2);
@@ -2206,7 +2124,7 @@ function FileUpload(props) {
     },
     [onFilesChange]
   );
-  const contextValue = React21.useMemo(
+  const contextValue = React19.useMemo(
     () => ({
       dropzoneId,
       inputId,
@@ -2224,7 +2142,7 @@ function FileUpload(props) {
     contextValue.dropzoneId,
     inputProps?.["aria-describedby"]
   ].filter(Boolean).join(" ").trim();
-  return /* @__PURE__ */ React21.createElement(StoreContext.Provider, { value: store }, /* @__PURE__ */ React21.createElement(FileUploadContext.Provider, { value: contextValue }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(StoreContext.Provider, { value: store }, /* @__PURE__ */ React19.createElement(FileUploadContext.Provider, { value: contextValue }, /* @__PURE__ */ React19.createElement(
     RootPrimitive,
     {
       "data-disabled": disabled ? "" : void 0,
@@ -2234,7 +2152,7 @@ function FileUpload(props) {
       className: cn("relative flex flex-col gap-2", className)
     },
     children,
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "file",
@@ -2253,7 +2171,7 @@ function FileUpload(props) {
         ...inputProps
       }
     ),
-    /* @__PURE__ */ React21.createElement("div", { id: labelId, className: "sr-only" }, label ?? "File upload")
+    /* @__PURE__ */ React19.createElement("div", { id: labelId, className: "sr-only" }, label ?? "File upload")
   )));
 }
 function FileUploadDropzone(props) {
@@ -2282,7 +2200,7 @@ function FileUploadDropzone(props) {
     onPaste: onPasteProp,
     onKeyDown: onKeyDownProp
   });
-  const onClick = React21.useCallback(
+  const onClick = React19.useCallback(
     (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented) return;
@@ -2294,7 +2212,7 @@ function FileUploadDropzone(props) {
     },
     [context.inputRef, propsRef]
   );
-  const onDragOver = React21.useCallback(
+  const onDragOver = React19.useCallback(
     (event) => {
       propsRef.current.onDragOver?.(event);
       if (event.defaultPrevented) return;
@@ -2303,7 +2221,7 @@ function FileUploadDropzone(props) {
     },
     [store, propsRef]
   );
-  const onDragEnter = React21.useCallback(
+  const onDragEnter = React19.useCallback(
     (event) => {
       propsRef.current.onDragEnter?.(event);
       if (event.defaultPrevented) return;
@@ -2312,7 +2230,7 @@ function FileUploadDropzone(props) {
     },
     [store, propsRef]
   );
-  const onDragLeave = React21.useCallback(
+  const onDragLeave = React19.useCallback(
     (event) => {
       propsRef.current.onDragLeave?.(event);
       if (event.defaultPrevented) return;
@@ -2325,7 +2243,7 @@ function FileUploadDropzone(props) {
     },
     [store, propsRef]
   );
-  const onDrop = React21.useCallback(
+  const onDrop = React19.useCallback(
     (event) => {
       propsRef.current.onDrop?.(event);
       if (event.defaultPrevented) return;
@@ -2345,7 +2263,7 @@ function FileUploadDropzone(props) {
     },
     [store, context.inputRef, propsRef]
   );
-  const onPaste = React21.useCallback(
+  const onPaste = React19.useCallback(
     (event) => {
       propsRef.current.onPaste?.(event);
       if (event.defaultPrevented) return;
@@ -2377,7 +2295,7 @@ function FileUploadDropzone(props) {
     },
     [store, context.inputRef, propsRef]
   );
-  const onKeyDown = React21.useCallback(
+  const onKeyDown = React19.useCallback(
     (event) => {
       propsRef.current.onKeyDown?.(event);
       if (!event.defaultPrevented && (event.key === "Enter" || event.key === " ")) {
@@ -2388,7 +2306,7 @@ function FileUploadDropzone(props) {
     [context.inputRef, propsRef]
   );
   const DropzonePrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     DropzonePrimitive,
     {
       role: "region",
@@ -2430,7 +2348,7 @@ function FileUploadList(props) {
   const shouldRender = forceMount || fileCount > 0;
   if (!shouldRender) return null;
   const ListPrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ListPrimitive,
     {
       role: "list",
@@ -2449,9 +2367,9 @@ function FileUploadList(props) {
     }
   );
 }
-var FileUploadItemContext = React21.createContext(null);
+var FileUploadItemContext = React19.createContext(null);
 function useFileUploadItemContext(consumerName) {
-  const context = React21.useContext(FileUploadItemContext);
+  const context = React19.useContext(FileUploadItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
   }
@@ -2459,7 +2377,7 @@ function useFileUploadItemContext(consumerName) {
 }
 function FileUploadItem(props) {
   const { value, asChild, className, ...itemProps } = props;
-  const id = React21.useId();
+  const id = React19.useId();
   const statusId = `${id}-status`;
   const nameId = `${id}-name`;
   const sizeId = `${id}-size`;
@@ -2471,7 +2389,7 @@ function FileUploadItem(props) {
     const files = Array.from(state.files.keys());
     return files.indexOf(value) + 1;
   });
-  const itemContext = React21.useMemo(
+  const itemContext = React19.useMemo(
     () => ({
       id,
       fileState,
@@ -2485,7 +2403,7 @@ function FileUploadItem(props) {
   if (!fileState) return null;
   const statusText = fileState.error ? `Error: ${fileState.error}` : fileState.status === "uploading" ? `Uploading: ${fileState.progress}% complete` : fileState.status === "success" ? "Upload complete" : "Ready to upload";
   const ItemPrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ React21.createElement(FileUploadItemContext.Provider, { value: itemContext }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(FileUploadItemContext.Provider, { value: itemContext }, /* @__PURE__ */ React19.createElement(
     ItemPrimitive,
     {
       role: "listitem",
@@ -2503,14 +2421,14 @@ function FileUploadItem(props) {
       )
     },
     props.children,
-    /* @__PURE__ */ React21.createElement("span", { id: statusId, className: "sr-only" }, statusText)
+    /* @__PURE__ */ React19.createElement("span", { id: statusId, className: "sr-only" }, statusText)
   ));
 }
 function FileUploadItemPreview(props) {
   const { render, asChild, children, className, ...previewProps } = props;
   const itemContext = useFileUploadItemContext(ITEM_PREVIEW_NAME);
   const context = useFileUploadContext(ITEM_PREVIEW_NAME);
-  const getDefaultRender = React21.useCallback(
+  const getDefaultRender = React19.useCallback(
     (file) => {
       if (itemContext.fileState?.file.type.startsWith("image/")) {
         let url = context.urlCache.get(file);
@@ -2520,14 +2438,14 @@ function FileUploadItemPreview(props) {
         }
         return (
           // biome-ignore lint/performance/noImgElement: dynamic file URLs from user uploads don't work well with Next.js Image optimization
-          /* @__PURE__ */ React21.createElement("img", { src: url, alt: file.name, className: "size-full object-cover" })
+          /* @__PURE__ */ React19.createElement("img", { src: url, alt: file.name, className: "size-full object-cover" })
         );
       }
       return getFileIcon(file);
     },
     [itemContext.fileState?.file.type, context.urlCache]
   );
-  const onPreviewRender = React21.useCallback(
+  const onPreviewRender = React19.useCallback(
     (file) => {
       if (render) {
         return render(file, () => getDefaultRender(file));
@@ -2538,7 +2456,7 @@ function FileUploadItemPreview(props) {
   );
   if (!itemContext.fileState) return null;
   const ItemPreviewPrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ItemPreviewPrimitive,
     {
       "aria-labelledby": itemContext.nameId,
@@ -2565,7 +2483,7 @@ function FileUploadItemMetadata(props) {
   const itemContext = useFileUploadItemContext(ITEM_METADATA_NAME);
   if (!itemContext.fileState) return null;
   const ItemMetadataPrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ItemMetadataPrimitive,
     {
       "data-slot": "file-upload-metadata",
@@ -2573,7 +2491,7 @@ function FileUploadItemMetadata(props) {
       ...metadataProps,
       className: cn("flex min-w-0 flex-1 flex-col", className)
     },
-    children ?? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+    children ?? /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
       "span",
       {
         id: itemContext.nameId,
@@ -2583,7 +2501,7 @@ function FileUploadItemMetadata(props) {
         )
       },
       itemContext.fileState.file.name
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React19.createElement(
       "span",
       {
         id: itemContext.sizeId,
@@ -2593,7 +2511,7 @@ function FileUploadItemMetadata(props) {
         )
       },
       formatBytes(itemContext.fileState.file.size)
-    ), itemContext.fileState.error && /* @__PURE__ */ React21.createElement(
+    ), itemContext.fileState.error && /* @__PURE__ */ React19.createElement(
       "span",
       {
         id: itemContext.messageId,
@@ -2607,7 +2525,7 @@ function FileUploadItemDelete(props) {
   const { asChild, onClick: onClickProp, ...deleteProps } = props;
   const store = useStoreContext(ITEM_DELETE_NAME);
   const itemContext = useFileUploadItemContext(ITEM_DELETE_NAME);
-  const onClick = React21.useCallback(
+  const onClick = React19.useCallback(
     (event) => {
       onClickProp?.(event);
       if (!itemContext.fileState || event.defaultPrevented) return;
@@ -2620,7 +2538,7 @@ function FileUploadItemDelete(props) {
   );
   if (!itemContext.fileState) return null;
   const ItemDeletePrimitive = asChild ? Slot : "button";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ItemDeletePrimitive,
     {
       type: "button",
@@ -2659,16 +2577,16 @@ function FileInput({
   onFileRemove,
   ...props
 }) {
-  const normalizedValue = React21.useMemo(() => {
+  const normalizedValue = React19.useMemo(() => {
     const safeValue = Array.isArray(value) ? value : [];
     return multiple ? safeValue : safeValue.slice(0, 1);
   }, [multiple, value]);
-  const [cropperOpen, setCropperOpen] = React21.useState(false);
-  const [imageToCrop, setImageToCrop] = React21.useState(null);
-  const [crop, setCrop] = React21.useState({ x: 0, y: 0 });
-  const [zoom, setZoom] = React21.useState(1);
-  const [croppedAreaPixels, setCroppedAreaPixels] = React21.useState(null);
-  const validateFile = React21.useCallback(
+  const [cropperOpen, setCropperOpen] = React19.useState(false);
+  const [imageToCrop, setImageToCrop] = React19.useState(null);
+  const [crop, setCrop] = React19.useState({ x: 0, y: 0 });
+  const [zoom, setZoom] = React19.useState(1);
+  const [croppedAreaPixels, setCroppedAreaPixels] = React19.useState(null);
+  const validateFile = React19.useCallback(
     (file) => {
       if (accept) {
         const acceptedTypes = accept.split(",").map((type) => type.trim());
@@ -2703,7 +2621,7 @@ function FileInput({
     },
     [accept, maxSize]
   );
-  const mapRejectedFileError = React21.useCallback(
+  const mapRejectedFileError = React19.useCallback(
     (file, message) => {
       const normalizedMessage = message.toLowerCase();
       if (normalizedMessage.includes("maximum") && normalizedMessage.includes("files")) {
@@ -2722,27 +2640,27 @@ function FileInput({
     },
     [maxSize]
   );
-  const handleFileValidate = React21.useCallback(
+  const handleFileValidate = React19.useCallback(
     (file) => {
       const validationError = validateFile(file);
       return validationError?.message ?? null;
     },
     [validateFile]
   );
-  const handleFileReject = React21.useCallback(
+  const handleFileReject = React19.useCallback(
     (file, message) => {
       const validationError = mapRejectedFileError(file, message);
       onValidationError?.([validationError]);
     },
     [mapRejectedFileError, onValidationError]
   );
-  const handleBlur = React21.useCallback(() => {
+  const handleBlur = React19.useCallback(() => {
     onBlur?.();
   }, [onBlur]);
-  const fileIdentity = React21.useCallback((file) => {
+  const fileIdentity = React19.useCallback((file) => {
     return `${file.name}-${file.size}-${file.lastModified}`;
   }, []);
-  const handleValueChange = React21.useCallback(
+  const handleValueChange = React19.useCallback(
     (incomingFiles) => {
       const nextFiles = multiple ? incomingFiles : incomingFiles.slice(-1);
       if (onFileRemove && nextFiles.length < normalizedValue.length) {
@@ -2778,7 +2696,7 @@ function FileInput({
       fileIdentity
     ]
   );
-  const createCroppedImage = React21.useCallback(
+  const createCroppedImage = React19.useCallback(
     async (imageUrl, cropArea) => {
       return new Promise((resolve, reject) => {
         const image = new Image();
@@ -2822,7 +2740,7 @@ function FileInput({
     },
     []
   );
-  const handleCropSave = React21.useCallback(async () => {
+  const handleCropSave = React19.useCallback(async () => {
     if (!imageToCrop || !croppedAreaPixels) return;
     try {
       const croppedBlob = await createCroppedImage(
@@ -2870,7 +2788,7 @@ function FileInput({
     onChange,
     onCropComplete
   ]);
-  const handleCropCancel = React21.useCallback(() => {
+  const handleCropCancel = React19.useCallback(() => {
     if (imageToCrop) {
       URL.revokeObjectURL(imageToCrop.url);
     }
@@ -2880,32 +2798,32 @@ function FileInput({
     setZoom(1);
     setCroppedAreaPixels(null);
   }, [imageToCrop]);
-  const handleCrop = React21.useCallback((file) => {
+  const handleCrop = React19.useCallback((file) => {
     if (!file.type.startsWith("image/")) return;
     const previewUrl = URL.createObjectURL(file);
     setImageToCrop({ file, url: previewUrl });
     setCropperOpen(true);
   }, []);
-  const onCropChange = React21.useCallback((nextCrop) => {
+  const onCropChange = React19.useCallback((nextCrop) => {
     setCrop(nextCrop);
   }, []);
-  const onZoomChange = React21.useCallback((nextZoom) => {
+  const onZoomChange = React19.useCallback((nextZoom) => {
     setZoom(nextZoom);
   }, []);
-  const onCropCompleteInternal = React21.useCallback(
+  const onCropCompleteInternal = React19.useCallback(
     (_, nextCroppedAreaPixels) => {
       setCroppedAreaPixels(nextCroppedAreaPixels);
     },
     []
   );
-  const formatFileSize = React21.useCallback((bytes) => {
+  const formatFileSize = React19.useCallback((bytes) => {
     if (bytes === 0) return "0 Bytes";
     const unit = 1024;
     const units = ["Bytes", "KB", "MB", "GB"];
     const index = Math.floor(Math.log(bytes) / Math.log(unit));
     return Math.round(bytes / Math.pow(unit, index) * 100) / 100 + " " + units[index];
   }, []);
-  React21.useEffect(() => {
+  React19.useEffect(() => {
     return () => {
       if (imageToCrop) {
         URL.revokeObjectURL(imageToCrop.url);
@@ -2913,7 +2831,7 @@ function FileInput({
     };
   }, [imageToCrop]);
   const fileCountLabel = normalizedValue.length > 0 ? `${normalizedValue.length} file(s) selected` : placeholder;
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     FileUpload,
     {
       name,
@@ -2939,7 +2857,7 @@ function FileInput({
         "aria-describedby": props["aria-describedby"]
       }
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       FileUploadDropzone,
       {
         role: "button",
@@ -2952,7 +2870,7 @@ function FileInput({
           error && "border-destructive"
         )
       },
-      /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col items-center gap-2 text-center" }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center gap-2 text-center" }, /* @__PURE__ */ React19.createElement(
         "svg",
         {
           width: "48",
@@ -2965,23 +2883,23 @@ function FileInput({
           strokeLinejoin: "round",
           "aria-hidden": "true"
         },
-        /* @__PURE__ */ React21.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ React21.createElement("polyline", { points: "17 8 12 3 7 8" }),
-        /* @__PURE__ */ React21.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-      ), /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium" }, fileCountLabel), accept && /* @__PURE__ */ React21.createElement("p", { className: "text-xs" }, "Accepted: ", accept), /* @__PURE__ */ React21.createElement("p", { className: "text-xs" }, "Max size: ", formatFileSize(maxSize)))
+        /* @__PURE__ */ React19.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ React19.createElement("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ), /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-medium" }, fileCountLabel), accept && /* @__PURE__ */ React19.createElement("p", { className: "text-xs" }, "Accepted: ", accept), /* @__PURE__ */ React19.createElement("p", { className: "text-xs" }, "Max size: ", formatFileSize(maxSize)))
     ),
-    /* @__PURE__ */ React21.createElement(FileUploadList, { className: "mt-4" }, normalizedValue.map((file, index) => {
+    /* @__PURE__ */ React19.createElement(FileUploadList, { className: "mt-4" }, normalizedValue.map((file, index) => {
       const progressValue = uploadProgress[file.name];
       const hasProgress = showProgress && typeof progressValue === "number";
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React19.createElement(
         FileUploadItem,
         {
           key: `${file.name}-${index}`,
           value: file,
           className: "flex items-center gap-3 border-border bg-card text-card-foreground hover:bg-primary/50 transition-colors"
         },
-        showPreview ? /* @__PURE__ */ React21.createElement(FileUploadItemPreview, { className: "h-12 w-12 rounded [&>img]:h-full [&>img]:w-full [&>img]:object-cover [&>svg]:size-6" }) : null,
-        /* @__PURE__ */ React21.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React21.createElement(FileUploadItemMetadata, { className: "min-w-0" }), /* @__PURE__ */ React21.createElement("span", { className: "text-xs" }, formatFileSize(file.size)), hasProgress ? /* @__PURE__ */ React21.createElement("div", { className: "mt-1 flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(
+        showPreview ? /* @__PURE__ */ React19.createElement(FileUploadItemPreview, { className: "h-12 w-12 rounded [&>img]:h-full [&>img]:w-full [&>img]:object-cover [&>svg]:size-6" }) : null,
+        /* @__PURE__ */ React19.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React19.createElement(FileUploadItemMetadata, { className: "min-w-0" }), /* @__PURE__ */ React19.createElement("span", { className: "text-xs" }, formatFileSize(file.size)), hasProgress ? /* @__PURE__ */ React19.createElement("div", { className: "mt-1 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(
           "div",
           {
             className: "h-1.5 flex-1 overflow-hidden rounded-full bg-accent/40",
@@ -2991,15 +2909,15 @@ function FileInput({
             "aria-valuemax": 100,
             "aria-label": `Upload progress: ${progressValue}%`
           },
-          /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React19.createElement(
             "div",
             {
               className: "h-full bg-primary transition-all",
               style: { width: `${progressValue}%` }
             }
           )
-        ), /* @__PURE__ */ React21.createElement("span", { className: "text-xs" }, progressValue, "%")) : null),
-        enableCropping && file.type.startsWith("image/") ? /* @__PURE__ */ React21.createElement(
+        ), /* @__PURE__ */ React19.createElement("span", { className: "text-xs" }, progressValue, "%")) : null),
+        enableCropping && file.type.startsWith("image/") ? /* @__PURE__ */ React19.createElement(
           Button,
           {
             type: "button",
@@ -3013,7 +2931,7 @@ function FileInput({
             className: "h-8 w-8 p-0",
             "aria-label": `Crop ${file.name}`
           },
-          /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React19.createElement(
             "svg",
             {
               width: "20",
@@ -3026,11 +2944,11 @@ function FileInput({
               strokeLinejoin: "round",
               "aria-hidden": "true"
             },
-            /* @__PURE__ */ React21.createElement("path", { d: "M6.13 1L6 16a2 2 0 0 0 2 2h15" }),
-            /* @__PURE__ */ React21.createElement("path", { d: "M1 6.13L16 6a2 2 0 0 1 2 2v15" })
+            /* @__PURE__ */ React19.createElement("path", { d: "M6.13 1L6 16a2 2 0 0 0 2 2h15" }),
+            /* @__PURE__ */ React19.createElement("path", { d: "M1 6.13L16 6a2 2 0 0 1 2 2v15" })
           )
         ) : null,
-        /* @__PURE__ */ React21.createElement(FileUploadItemDelete, { asChild: true }, /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React19.createElement(FileUploadItemDelete, { asChild: true }, /* @__PURE__ */ React19.createElement(
           Button,
           {
             type: "button",
@@ -3040,7 +2958,7 @@ function FileInput({
             className: "h-8 w-8 p-0",
             "aria-label": `Remove ${file.name}`
           },
-          /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React19.createElement(
             "svg",
             {
               width: "20",
@@ -3053,13 +2971,13 @@ function FileInput({
               strokeLinejoin: "round",
               "aria-hidden": "true"
             },
-            /* @__PURE__ */ React21.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-            /* @__PURE__ */ React21.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            /* @__PURE__ */ React19.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ React19.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
           )
         ))
       );
     }))
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     Dialog,
     {
       open: cropperOpen && Boolean(imageToCrop),
@@ -3069,14 +2987,14 @@ function FileInput({
         }
       }
     },
-    imageToCrop ? /* @__PURE__ */ React21.createElement(
+    imageToCrop ? /* @__PURE__ */ React19.createElement(
       DialogContent,
       {
         showCloseButton: false,
         className: "max-w-3xl gap-0 p-0",
         "aria-describedby": void 0
       },
-      /* @__PURE__ */ React21.createElement(DialogHeader, { className: "flex-row items-center justify-between border-b border-border px-4 py-3" }, /* @__PURE__ */ React21.createElement(DialogTitle, null, "Crop Image"), /* @__PURE__ */ React21.createElement(DialogClose, { asChild: true }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement(DialogHeader, { className: "flex-row items-center justify-between border-b border-border px-4 py-3" }, /* @__PURE__ */ React19.createElement(DialogTitle, null, "Crop Image"), /* @__PURE__ */ React19.createElement(DialogClose, { asChild: true }, /* @__PURE__ */ React19.createElement(
         Button,
         {
           type: "button",
@@ -3085,7 +3003,7 @@ function FileInput({
           className: "h-8 w-8 p-0",
           "aria-label": "Close"
         },
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React19.createElement(
           "svg",
           {
             width: "16",
@@ -3098,11 +3016,11 @@ function FileInput({
             strokeLinejoin: "round",
             "aria-hidden": "true"
           },
-          /* @__PURE__ */ React21.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-          /* @__PURE__ */ React21.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          /* @__PURE__ */ React19.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ React19.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
         )
       ))),
-      /* @__PURE__ */ React21.createElement("div", { className: "p-4" }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React19.createElement("div", { className: "p-4" }, /* @__PURE__ */ React19.createElement(
         "div",
         {
           className: "relative h-96 w-full overflow-hidden rounded-md bg-accent/40",
@@ -3124,7 +3042,7 @@ function FileInput({
             document.addEventListener("mouseup", handleMouseUp);
           }
         },
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React19.createElement(
           "img",
           {
             src: imageToCrop.url,
@@ -3159,7 +3077,7 @@ function FileInput({
             }
           }
         ),
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React19.createElement(
           "div",
           {
             className: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded border-2 border-primary",
@@ -3168,9 +3086,9 @@ function FileInput({
               aspectRatio: cropAspectRatio ? String(cropAspectRatio) : void 0
             }
           },
-          /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 grid grid-cols-3 grid-rows-3" }, /* @__PURE__ */ React21.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-b border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-r border-primary/30" }), /* @__PURE__ */ React21.createElement("div", { className: "border-r border-primary/30" }), /* @__PURE__ */ React21.createElement("div", null))
+          /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 grid grid-cols-3 grid-rows-3" }, /* @__PURE__ */ React19.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-r border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-b border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-r border-primary/30" }), /* @__PURE__ */ React19.createElement("div", { className: "border-r border-primary/30" }), /* @__PURE__ */ React19.createElement("div", null))
         )
-      ), /* @__PURE__ */ React21.createElement("div", { className: "mt-4 flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React19.createElement("div", { className: "mt-4 flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(
         "label",
         {
           htmlFor: "zoom-slider",
@@ -3179,7 +3097,7 @@ function FileInput({
         "Zoom: ",
         zoom.toFixed(1),
         "x"
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React19.createElement(
         "input",
         {
           id: "zoom-slider",
@@ -3193,7 +3111,7 @@ function FileInput({
           "aria-label": "Zoom level"
         }
       ))),
-      /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4" }, /* @__PURE__ */ React21.createElement(Button, { type: "button", variant: "outline", onClick: handleCropCancel }, "Cancel"), /* @__PURE__ */ React21.createElement(Button, { type: "button", onClick: handleCropSave }, "Save"))
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4" }, /* @__PURE__ */ React19.createElement(Button, { type: "button", variant: "outline", onClick: handleCropCancel }, "Cancel"), /* @__PURE__ */ React19.createElement(Button, { type: "button", onClick: handleCropSave }, "Save"))
     ) : null
   ));
 }
@@ -3209,7 +3127,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     DayPicker,
     {
       showOutsideDays,
@@ -3309,7 +3227,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ React21.createElement(
+          return /* @__PURE__ */ React19.createElement(
             "div",
             {
               "data-slot": "calendar",
@@ -3321,7 +3239,7 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ React21.createElement(
+            return /* @__PURE__ */ React19.createElement(
               "svg",
               {
                 className: cn("size-4", className2),
@@ -3333,11 +3251,11 @@ function Calendar({
                 strokeLinejoin: "round",
                 ...props2
               },
-              /* @__PURE__ */ React21.createElement("polyline", { points: "15 18 9 12 15 6" })
+              /* @__PURE__ */ React19.createElement("polyline", { points: "15 18 9 12 15 6" })
             );
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ React21.createElement(
+            return /* @__PURE__ */ React19.createElement(
               "svg",
               {
                 className: cn("size-4", className2),
@@ -3349,10 +3267,10 @@ function Calendar({
                 strokeLinejoin: "round",
                 ...props2
               },
-              /* @__PURE__ */ React21.createElement("polyline", { points: "9 18 15 12 9 6" })
+              /* @__PURE__ */ React19.createElement("polyline", { points: "9 18 15 12 9 6" })
             );
           }
-          return /* @__PURE__ */ React21.createElement(
+          return /* @__PURE__ */ React19.createElement(
             "svg",
             {
               className: cn("size-4", className2),
@@ -3364,12 +3282,12 @@ function Calendar({
               strokeLinejoin: "round",
               ...props2
             },
-            /* @__PURE__ */ React21.createElement("polyline", { points: "6 9 12 15 18 9" })
+            /* @__PURE__ */ React19.createElement("polyline", { points: "6 9 12 15 18 9" })
           );
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ React21.createElement("td", { ...props2 }, /* @__PURE__ */ React21.createElement("div", { className: "flex size-(--cell-size) items-center justify-center text-center" }, children));
+          return /* @__PURE__ */ React19.createElement("td", { ...props2 }, /* @__PURE__ */ React19.createElement("div", { className: "flex size-(--cell-size) items-center justify-center text-center" }, children));
         },
         ...components
       },
@@ -3384,11 +3302,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React21.useRef(null);
-  React21.useEffect(() => {
+  const ref = React19.useRef(null);
+  React19.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Button,
     {
       ref,
@@ -3440,7 +3358,7 @@ function DatePickerDayButton({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "button",
     {
       type: "button",
@@ -3476,18 +3394,18 @@ function DatePicker({
   showIcon = true,
   ...props
 }) {
-  const [isOpen, setIsOpen] = React21.useState(false);
-  const [hasInteracted, setHasInteracted] = React21.useState(false);
-  const [selectedMonth, setSelectedMonth] = React21.useState(
+  const [isOpen, setIsOpen] = React19.useState(false);
+  const [hasInteracted, setHasInteracted] = React19.useState(false);
+  const [selectedMonth, setSelectedMonth] = React19.useState(
     value || /* @__PURE__ */ new Date()
   );
-  const inputRef = React21.useRef(null);
-  React21.useEffect(() => {
+  const inputRef = React19.useRef(null);
+  React19.useEffect(() => {
     if (value) {
       setSelectedMonth(value);
     }
   }, [value]);
-  const disabledMatchers = React21.useMemo(() => {
+  const disabledMatchers = React19.useMemo(() => {
     const matchers = [];
     if (minDate) {
       matchers.push({ before: minDate });
@@ -3503,7 +3421,7 @@ function DatePicker({
     }
     return matchers;
   }, [disabledDates, isDateDisabled, maxDate, minDate]);
-  const handleDateSelect = React21.useCallback(
+  const handleDateSelect = React19.useCallback(
     (date) => {
       if (!date) return;
       onChange(date);
@@ -3513,7 +3431,7 @@ function DatePicker({
     },
     [onBlur, onChange]
   );
-  const handleClear = React21.useCallback(
+  const handleClear = React19.useCallback(
     (e) => {
       e.stopPropagation();
       onChange(null);
@@ -3522,7 +3440,7 @@ function DatePicker({
     },
     [onChange]
   );
-  const handleOpenChange = React21.useCallback(
+  const handleOpenChange = React19.useCallback(
     (nextOpen) => {
       if (disabled) {
         setIsOpen(false);
@@ -3542,12 +3460,12 @@ function DatePicker({
     },
     [disabled, hasInteracted, isOpen, onBlur]
   );
-  const handleInputBlur = React21.useCallback(() => {
+  const handleInputBlur = React19.useCallback(() => {
     if (!isOpen) {
       onBlur?.();
     }
   }, [isOpen, onBlur]);
-  const handleInputClick = React21.useCallback(() => {
+  const handleInputClick = React19.useCallback(() => {
     if (!hasInteracted) {
       setHasInteracted(true);
     }
@@ -3555,20 +3473,20 @@ function DatePicker({
   const hasValue = Boolean(value);
   const displayValue = formatDate(value, format);
   const combinedClassName = cn("relative", className);
-  return /* @__PURE__ */ React21.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "hidden",
       name,
       value: value ? value.toISOString() : ""
     }
-  ), /* @__PURE__ */ React21.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React21.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React19.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React19.createElement(
     "span",
     {
       className: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3581,9 +3499,9 @@ function DatePicker({
         strokeLinejoin: "round",
         strokeWidth: "2"
       },
-      /* @__PURE__ */ React21.createElement("path", { d: "M8 2v4m8-4v4m5 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8M3 10h18m-5 10l2 2l4-4" })
+      /* @__PURE__ */ React19.createElement("path", { d: "M8 2v4m8-4v4m5 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8M3 10h18m-5 10l2 2l4-4" })
     )
-  ), /* @__PURE__ */ React21.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React19.createElement(
     "input",
     {
       ref: inputRef,
@@ -3610,7 +3528,7 @@ function DatePicker({
       "aria-required": required || props["aria-required"],
       readOnly: true
     }
-  )), clearable && value && !disabled && /* @__PURE__ */ React21.createElement(
+  )), clearable && value && !disabled && /* @__PURE__ */ React19.createElement(
     "button",
     {
       type: "button",
@@ -3620,7 +3538,7 @@ function DatePicker({
       tabIndex: -1
     },
     "\u2715"
-  )), !disabled && /* @__PURE__ */ React21.createElement(
+  )), !disabled && /* @__PURE__ */ React19.createElement(
     PopoverContent,
     {
       align: "start",
@@ -3630,7 +3548,7 @@ function DatePicker({
         event.preventDefault();
       }
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Calendar,
       {
         mode: "single",
@@ -3714,11 +3632,11 @@ function TimePicker({
   showIcon = true,
   ...props
 }) {
-  const inputRef = React21.useRef(null);
-  const [nativeValue, setNativeValue] = React21.useState(
+  const inputRef = React19.useRef(null);
+  const [nativeValue, setNativeValue] = React19.useState(
     normalizeToNativeTime(value)
   );
-  React21.useEffect(() => {
+  React19.useEffect(() => {
     setNativeValue(normalizeToNativeTime(value));
   }, [value]);
   const handleChange = (e) => {
@@ -3734,13 +3652,13 @@ function TimePicker({
   };
   const hasValue = Boolean(value);
   const stepInSeconds = Math.max(1, minuteStep * 60);
-  return /* @__PURE__ */ React21.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React21.createElement("input", { type: "hidden", name, value }), /* @__PURE__ */ React21.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name, value }), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React19.createElement(
     "span",
     {
       className: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3753,10 +3671,10 @@ function TimePicker({
         strokeLinejoin: "round",
         strokeWidth: "2"
       },
-      /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ React21.createElement("path", { d: "M12 6v6l4 2" })
+      /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ React19.createElement("path", { d: "M12 6v6l4 2" })
     )
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     Input,
     {
       ref: inputRef,
@@ -3781,7 +3699,7 @@ function TimePicker({
       "aria-required": required || props["aria-required"],
       ...props
     }
-  ), clearable && value && !disabled && /* @__PURE__ */ React21.createElement(
+  ), clearable && value && !disabled && /* @__PURE__ */ React19.createElement(
     Button,
     {
       type: "button",
@@ -3792,7 +3710,7 @@ function TimePicker({
       "aria-label": "Clear time",
       tabIndex: -1
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         width: "14",
@@ -3805,8 +3723,8 @@ function TimePicker({
         strokeLinejoin: "round",
         "aria-hidden": "true"
       },
-      /* @__PURE__ */ React21.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      /* @__PURE__ */ React21.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      /* @__PURE__ */ React19.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ React19.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
     )
   )));
 }
@@ -3853,23 +3771,23 @@ function DateRangePicker({
   separator = " - ",
   ...props
 }) {
-  const [isOpen, setIsOpen] = React21.useState(false);
-  const [hasInteracted, setHasInteracted] = React21.useState(false);
-  const [selectedMonth, setSelectedMonth] = React21.useState(
+  const [isOpen, setIsOpen] = React19.useState(false);
+  const [hasInteracted, setHasInteracted] = React19.useState(false);
+  const [selectedMonth, setSelectedMonth] = React19.useState(
     value.start || /* @__PURE__ */ new Date()
   );
-  const [rangeStart, setRangeStart] = React21.useState(value.start);
-  const [rangeEnd, setRangeEnd] = React21.useState(value.end);
-  const [hoverDate, setHoverDate] = React21.useState(null);
-  const inputRef = React21.useRef(null);
-  React21.useEffect(() => {
+  const [rangeStart, setRangeStart] = React19.useState(value.start);
+  const [rangeEnd, setRangeEnd] = React19.useState(value.end);
+  const [hoverDate, setHoverDate] = React19.useState(null);
+  const inputRef = React19.useRef(null);
+  React19.useEffect(() => {
     setRangeStart(value.start);
     setRangeEnd(value.end);
     if (value.start) {
       setSelectedMonth(value.start);
     }
   }, [value]);
-  const disabledMatchers = React21.useMemo(() => {
+  const disabledMatchers = React19.useMemo(() => {
     const matchers = [];
     if (minDate) {
       matchers.push({ before: minDate });
@@ -3885,7 +3803,7 @@ function DateRangePicker({
     }
     return matchers;
   }, [disabledDates, isDateDisabled, maxDate, minDate]);
-  const handleDateSelect = React21.useCallback(
+  const handleDateSelect = React19.useCallback(
     (date) => {
       if (!rangeStart || rangeEnd) {
         setRangeStart(date);
@@ -3915,7 +3833,7 @@ function DateRangePicker({
     },
     [onBlur, onChange, rangeEnd, rangeStart]
   );
-  const handleClear = React21.useCallback(
+  const handleClear = React19.useCallback(
     (e) => {
       e.stopPropagation();
       setRangeStart(null);
@@ -3927,7 +3845,7 @@ function DateRangePicker({
     },
     [onChange]
   );
-  const handleOpenChange = React21.useCallback(
+  const handleOpenChange = React19.useCallback(
     (nextOpen) => {
       if (disabled) {
         setIsOpen(false);
@@ -3948,17 +3866,17 @@ function DateRangePicker({
     },
     [disabled, hasInteracted, isOpen, onBlur]
   );
-  const handleInputBlur = React21.useCallback(() => {
+  const handleInputBlur = React19.useCallback(() => {
     if (!isOpen) {
       onBlur?.();
     }
   }, [isOpen, onBlur]);
-  const handleInputClick = React21.useCallback(() => {
+  const handleInputClick = React19.useCallback(() => {
     if (!hasInteracted) {
       setHasInteracted(true);
     }
   }, [hasInteracted]);
-  const RangeDayButton = React21.useCallback(
+  const RangeDayButton = React19.useCallback(
     ({
       day,
       modifiers,
@@ -3977,7 +3895,7 @@ function DateRangePicker({
       const isInHoverRange = !!rangeStart && !rangeEnd && !!hoverDate && isDateInRange(date, rangeStart, hoverDate);
       const isRangeHighlight = (isInCommittedRange || isInHoverRange) && !isRangeEndpoint;
       const isToday = isSameDay(date, /* @__PURE__ */ new Date());
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React19.createElement(
         "button",
         {
           type: "button",
@@ -4021,27 +3939,27 @@ function DateRangePicker({
   } : void 0;
   const displayValue = rangeStart && rangeEnd ? `${formatDate2(rangeStart, format)}${separator}${formatDate2(rangeEnd, format)}` : rangeStart ? formatDate2(rangeStart, format) : "";
   const combinedClassName = cn("relative", className);
-  return /* @__PURE__ */ React21.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: combinedClassName }, /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "hidden",
       name: `${name}[start]`,
       value: rangeStart ? rangeStart.toISOString() : ""
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "hidden",
       name: `${name}[end]`,
       value: rangeEnd ? rangeEnd.toISOString() : ""
     }
-  ), /* @__PURE__ */ React21.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React21.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(Popover, { open: isOpen, onOpenChange: handleOpenChange }, /* @__PURE__ */ React19.createElement("div", { className: "relative" }, showIcon && /* @__PURE__ */ React19.createElement(
     "span",
     {
       className: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -4054,9 +3972,9 @@ function DateRangePicker({
         strokeLinejoin: "round",
         strokeWidth: "2"
       },
-      /* @__PURE__ */ React21.createElement("path", { d: "M8 2v4m8-4v4m5 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8M3 10h18m-5 10l2 2l4-4" })
+      /* @__PURE__ */ React19.createElement("path", { d: "M8 2v4m8-4v4m5 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8M3 10h18m-5 10l2 2l4-4" })
     )
-  ), /* @__PURE__ */ React21.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React19.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React19.createElement(
     "input",
     {
       ref: inputRef,
@@ -4083,7 +4001,7 @@ function DateRangePicker({
       "aria-required": required || props["aria-required"],
       readOnly: true
     }
-  )), clearable && (rangeStart || rangeEnd) && !disabled && /* @__PURE__ */ React21.createElement(
+  )), clearable && (rangeStart || rangeEnd) && !disabled && /* @__PURE__ */ React19.createElement(
     "button",
     {
       type: "button",
@@ -4093,7 +4011,7 @@ function DateRangePicker({
       tabIndex: -1
     },
     "\u2715"
-  )), !disabled && /* @__PURE__ */ React21.createElement(
+  )), !disabled && /* @__PURE__ */ React19.createElement(
     PopoverContent,
     {
       align: "start",
@@ -4103,7 +4021,7 @@ function DateRangePicker({
         event.preventDefault();
       }
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React19.createElement(
       Calendar,
       {
         mode: "range",
@@ -4126,11 +4044,11 @@ function DateRangePicker({
         showOutsideDays: true
       }
     ),
-    rangeStart && !rangeEnd && /* @__PURE__ */ React21.createElement("div", { className: "border-t border-input px-3 py-2 text-center text-xs opacity-70" }, "Select end date")
+    rangeStart && !rangeEnd && /* @__PURE__ */ React19.createElement("div", { className: "border-t border-input px-3 py-2 text-center text-xs opacity-70" }, "Select end date")
   )));
 }
 DateRangePicker.displayName = "DateRangePicker";
 
-export { Checkbox2 as Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select2 as Select, Switch2 as Switch, TextArea, TextInput, TimePicker };
-//# sourceMappingURL=chunk-QZ4PK62A.js.map
-//# sourceMappingURL=chunk-QZ4PK62A.js.map
+export { Checkbox2 as Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select2 as Select, Switch2 as Switch, TextArea, TimePicker };
+//# sourceMappingURL=chunk-4ROWNTY6.js.map
+//# sourceMappingURL=chunk-4ROWNTY6.js.map