shadcn-zod-formkit 3.2.0 → 3.4.0

package/dist/index.cjs

@@ -9,27 +9,29 @@ var tailwindMerge = require('tailwind-merge');
 var reactHookForm = require('react-hook-form');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var reactSlot = require('@radix-ui/react-slot');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 var reactDayPicker = require('react-day-picker');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var reactColorPalette = require('react-color-palette');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 require('react-color-palette/css');
+var cmdk = require('cmdk');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var LabelPrimitive = require('@radix-ui/react-label');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
 var inputOtp = require('input-otp');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var ResizablePrimitive = require('react-resizable-panels');
 var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 var SelectPrimitive = require('@radix-ui/react-select');
+var radixUi = require('radix-ui');
+var SliderPrimitive = require('@radix-ui/react-slider');
 var nextThemes = require('next-themes');
 var sonner = require('sonner');
 var SwitchPrimitive = require('@radix-ui/react-switch');
+var TabsPrimitive = require('@radix-ui/react-tabs');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var cmdk = require('cmdk');
 var dateFns = require('date-fns');
-var TabsPrimitive = require('@radix-ui/react-tabs');
-var SliderPrimitive = require('@radix-ui/react-slider');
+var zustand = require('zustand');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
@@ -58,19 +60,19 @@ function _interopNamespace(e) {
 
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var z2__default = /*#__PURE__*/_interopDefault(z2);
 
 var __create = Object.create;
@@ -8752,12 +8754,12 @@ var require_leaflet_src = __commonJS({
           toBack(layer._container);
         }
       };
-      var create = Browser.vml ? vmlCreate : svgCreate;
+      var create2 = Browser.vml ? vmlCreate : svgCreate;
       var SVG = Renderer.extend({
         _initContainer: function() {
-          this._container = create("svg");
+          this._container = create2("svg");
           this._container.setAttribute("pointer-events", "none");
-          this._rootGroup = create("g");
+          this._rootGroup = create2("g");
           this._container.appendChild(this._rootGroup);
         },
         _destroyContainer: function() {
@@ -8784,7 +8786,7 @@ var require_leaflet_src = __commonJS({
         },
         // methods below are called by vector layers implementations
         _initPath: function(layer) {
-          var path = layer._path = create("path");
+          var path = layer._path = create2("path");
           if (layer.options.className) {
             addClass(path, layer.options.className);
           }
@@ -8919,7 +8921,7 @@ var require_leaflet_src = __commonJS({
       function rectangle(latLngBounds, options) {
         return new Rectangle(latLngBounds, options);
       }
-      SVG.create = create;
+      SVG.create = create2;
       SVG.pointsToPath = pointsToPath;
       GeoJSON.geometryToLayer = geometryToLayer;
       GeoJSON.coordsToLatLng = coordsToLatLng;
@@ -9227,7 +9229,7 @@ var require_leaflet_src = __commonJS({
         // Amount of pixels to pan when pressing an arrow key.
         keyboardPanDelta: 80
       });
-      var Keyboard = Handler.extend({
+      var Keyboard2 = Handler.extend({
         keyCodes: {
           left: [37],
           right: [39],
@@ -9345,7 +9347,7 @@ var require_leaflet_src = __commonJS({
           stop(e);
         }
       });
-      Map2.addInitHook("addHandler", "keyboard", Keyboard);
+      Map2.addInitHook("addHandler", "keyboard", Keyboard2);
       Map2.mergeOptions({
         // @section Mouse wheel options
         // @option scrollWheelZoom: Boolean|String = true
@@ -9563,7 +9565,7 @@ var require_leaflet_src = __commonJS({
       Map2.BoxZoom = BoxZoom;
       Map2.DoubleClickZoom = DoubleClickZoom;
       Map2.Drag = Drag;
-      Map2.Keyboard = Keyboard;
+      Map2.Keyboard = Keyboard2;
       Map2.ScrollWheelZoom = ScrollWheelZoom;
       Map2.TapHold = TapHold;
       Map2.TouchZoom = TouchZoom;
@@ -10002,6 +10004,10 @@ var InputTypes = /* @__PURE__ */ ((InputTypes2) => {
   InputTypes2["EMAIL"] = "email";
   InputTypes2["SEARCH"] = "search";
   InputTypes2["LOCATION_PICKER"] = "location_picker";
+  InputTypes2["DATE_RANGE"] = "date_range";
+  InputTypes2["COUNTRY_SELECT"] = "country_select";
+  InputTypes2["RANGE"] = "range";
+  InputTypes2["FILE_UPLOAD"] = "file_upload";
   return InputTypes2;
 })(InputTypes || {});
 var inputFieldComp = [
@@ -10134,6 +10140,91 @@ function Badge({
     }
   );
 }
+function Separator({
+  className,
+  orientation: orientation2 = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation: orientation2,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var buttonGroupVariants = classVarianceAuthority.cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation: orientation2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation2,
+      className: cn(buttonGroupVariants({ orientation: orientation2 }), className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      className: cn(
+        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation: orientation2 = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation: orientation2,
+      className: cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
 var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -10653,153 +10744,287 @@ function DialogDescription({
     }
   );
 }
-function Label({
+function Command({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    LabelPrimitive__namespace.Root,
+    cmdk.Command,
     {
-      "data-slot": "label",
+      "data-slot": "command",
       className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         className
       ),
       ...props
     }
   );
 }
-function Separator({
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
   className,
-  orientation: orientation2 = "horizontal",
-  decorative = true,
+  showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        showCloseButton,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+      }
+    )
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      "data-slot": "separator",
-      decorative,
-      orientation: orientation2,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
     }
   );
 }
-function FieldSet({ className, ...props }) {
+function CommandList({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "fieldset",
+    cmdk.Command.List,
     {
-      "data-slot": "field-set",
+      "data-slot": "command-list",
       className: cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         className
       ),
       ...props
     }
   );
 }
-function FieldLegend({
-  className,
-  variant = "legend",
+function CommandEmpty({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "legend",
+    cmdk.Command.Empty,
     {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        className
-      ),
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
       ...props
     }
   );
 }
-function FieldGroup({ className, ...props }) {
+function CommandGroup({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    cmdk.Command.Group,
     {
-      "data-slot": "field-group",
+      "data-slot": "command-group",
       className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         className
       ),
       ...props
     }
   );
 }
-var fieldVariants = classVarianceAuthority.cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ],
-        responsive: [
-          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ]
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-function Field({
+function CommandSeparator({
   className,
-  orientation: orientation2 = "vertical",
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    cmdk.Command.Separator,
     {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation2,
-      className: cn(fieldVariants({ orientation: orientation2 }), className),
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
       ...props
     }
   );
 }
-function FieldContent({ className, ...props }) {
+function CommandItem({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    cmdk.Command.Item,
     {
-      "data-slot": "field-content",
+      "data-slot": "command-item",
       className: cn(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
     }
   );
 }
-function FieldLabel({
+function CommandShortcut({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Label,
+    "span",
     {
-      "data-slot": "field-label",
+      "data-slot": "command-shortcut",
       className: cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = classVarianceAuthority.cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field({
+  className,
+  orientation: orientation2 = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation2,
+      className: cn(fieldVariants({ orientation: orientation2 }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
         className
       ),
       ...props
@@ -11506,93 +11731,376 @@ function SelectScrollDownButton({
     }
   );
 }
-var Toaster = ({ ...props }) => {
-  const { theme = "system" } = nextThemes.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    sonner.Toaster,
-    {
-      theme,
-      className: "toaster group",
-      style: {
-        "--normal-bg": "var(--popover)",
-        "--normal-text": "var(--popover-foreground)",
-        "--normal-border": "var(--border)"
-      },
-      ...props
-    }
-  );
-};
-function Switch({
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Root, { "data-slot": "sheet", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    SwitchPrimitive__namespace.Root,
+    radixUi.Dialog.Overlay,
     {
-      "data-slot": "switch",
+      "data-slot": "sheet-overlay",
       className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "fixed inset-0 z-50 bg-black/10 duration-100  data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className
       ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        SwitchPrimitive__namespace.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
+      ...props
     }
   );
 }
-function TooltipProvider({
-  delayDuration = 0,
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
   ...props
 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      radixUi.Dialog.Content,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "ghost",
+              className: "absolute top-3 right-3",
+              size: "icon-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.XIcon,
+                  {}
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Provider,
+    "div",
     {
-      "data-slot": "tooltip-provider",
-      delayDuration,
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
       ...props
     }
   );
 }
-function Tooltip({
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Dialog.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn(
+        "font-heading text-base font-medium text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function TooltipTrigger({
+function SheetDescription({
+  className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Dialog.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
 }
-function TooltipContent({
+function Slider({
   className,
-  sideOffset = 0,
-  children,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    TooltipPrimitive__namespace.Content,
+  const _values = React3__namespace.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SliderPrimitive__namespace.Root,
     {
-      "data-slot": "tooltip-content",
-      sideOffset,
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
       className: cn(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
         className
       ),
       ...props,
       children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
-    }
-  ) });
-}
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SliderPrimitive__namespace.Track,
+          {
+            "data-slot": "slider-track",
+            className: cn(
+              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              SliderPrimitive__namespace.Range,
+              {
+                "data-slot": "slider-range",
+                className: cn(
+                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                )
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          SliderPrimitive__namespace.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = nextThemes.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      theme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...props
+    }
+  );
+};
+function Stepper({ steps, currentStep, clickable = false, onStepClick }) {
+  const handleStepClick = (stepNumber) => {
+    if (clickable && onStepClick) {
+      onStepClick(stepNumber);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-4 items-center justify-around", children: steps.map((step, index) => {
+    const stepNumber = index + 1;
+    const isCompleted = stepNumber < currentStep;
+    const isCurrent = stepNumber === currentStep;
+    const isUpcoming = stepNumber > currentStep;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            onClick: () => handleStepClick(stepNumber),
+            className: cn(
+              "flex size-10 items-center shadow-lg  justify-center rounded-full border-2 transition-all duration-300",
+              isCompleted && "border-primary bg-primary text-primary-foreground",
+              isCurrent && "border-primary bg-background text-primary scale-110",
+              isUpcoming && "border-muted-foreground/60 bg-background border-b text-muted-foreground",
+              clickable && "cursor-pointer hover:scale-125 hover:shadow-xl",
+              !clickable && "cursor-default"
+            ),
+            children: isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: stepNumber })
+          }
+        ),
+        step.title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "text-sm font-medium transition-colors",
+                (isCompleted || isCurrent) && "text-foreground",
+                isUpcoming && "text-muted-foreground"
+              ),
+              children: step.title
+            }
+          ),
+          step.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground max-w-[120px]", children: step.description })
+        ] })
+      ] }),
+      index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 flex-1 mb-8", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "h-0.5 w-full transition-all duration-300",
+            stepNumber < currentStep ? "bg-primary" : "bg-muted-foreground/30"
+          )
+        }
+      ) })
+    ] }, index);
+  }) }) });
+}
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
 var GroupedSwitchInput = class extends BaseInput {
   render() {
     const { input, isSubmitting } = this;
@@ -11737,76 +12245,11 @@ var AccordionGroupedSwitches = ({ form, input, groups = [], onChange, isSubmitti
     input.name
   );
 };
-var buttonGroupVariants = classVarianceAuthority.cva(
-  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function ButtonGroup({
-  className,
-  orientation: orientation2,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": orientation2,
-      className: cn(buttonGroupVariants({ orientation: orientation2 }), className),
-      ...props
-    }
-  );
-}
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      className: cn(
-        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ButtonGroupSeparator({
-  className,
-  orientation: orientation2 = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Separator,
-    {
-      "data-slot": "button-group-separator",
-      orientation: orientation2,
-      className: cn(
-        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var ButtonGroupInput = class extends BaseInput {
-  render() {
-    const { input, form, isSubmitting } = this;
-    const className = input.className;
-    return /* @__PURE__ */ jsxRuntime.jsx(FieldButtonGroup, { input, form, isSubmitting, className });
+var ButtonGroupInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    const className = input.className;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldButtonGroup, { input, form, isSubmitting, className });
   }
 };
 var FieldButtonGroup = ({ input, form, isSubmitting, className = "w-full flex-1" }) => {
@@ -12050,160 +12493,6 @@ var ColorComp = React3__namespace.default.forwardRef(
     ] });
   }
 );
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
-    {
-      "data-slot": "command",
-      className: cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandDialog({
-  title = "Command Palette",
-  description = "Search for a command to run...",
-  children,
-  className,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DialogContent,
-      {
-        className: cn("overflow-hidden p-0", className),
-        showCloseButton,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
-      }
-    )
-  ] });
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          cmdk.Command.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Separator,
-    {
-      "data-slot": "command-separator",
-      className: cn("bg-border -mx-1 h-px", className),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "command-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
 var ComboboxInput = class extends BaseInput {
   render() {
     const { input, form, isSubmitting } = this;
@@ -12741,6 +13030,61 @@ var FieldFileMultiUpload = ({ input, form, isSubmitting }) => {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formField });
 };
+var useKeyboardStore = zustand.create((set, get) => ({
+  activeInput: null,
+  inputs: {},
+  isOpen: false,
+  setIsOpen() {
+    set({ isOpen: !get().isOpen });
+  },
+  registerInput: (id, initialValue = "") => set((state) => ({
+    inputs: {
+      ...state.inputs,
+      [id]: initialValue
+    }
+  })),
+  unregisterInput: (id) => set((state) => {
+    const newInputs = { ...state.inputs };
+    delete newInputs[id];
+    return { inputs: newInputs };
+  }),
+  focusInput: (id) => set({ activeInput: id }),
+  write: (char) => set((state) => {
+    if (!state.activeInput) return state;
+    const current = state.inputs[state.activeInput] || "";
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: current + char
+      }
+    };
+  }),
+  backspace: () => set((state) => {
+    if (!state.activeInput) return state;
+    const current = state.inputs[state.activeInput] || "";
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: current.slice(0, -1)
+      }
+    };
+  }),
+  clear: () => set((state) => {
+    if (!state.activeInput) return state;
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: ""
+      }
+    };
+  }),
+  setValue: (id, value) => set((state) => ({
+    inputs: {
+      ...state.inputs,
+      [id]: value
+    }
+  }))
+}));
 var TextInputGroup = class extends BaseInput {
   render() {
     const { input, form, isSubmitting } = this;
@@ -12785,6 +13129,7 @@ var CustomInputGroup = ({
   isValid,
   autoCapitalize = "none"
 }) => {
+  const withKeyboard = input.withKeyboard;
   const groupConfig = input.inputGroupConfig;
   const infoTooltip = input?.infoTooltip;
   const autoValidate = groupConfig?.autoValidIcons ?? input.zodType ? true : false;
@@ -12799,6 +13144,7 @@ var CustomInputGroup = ({
   const isPasswordField = input.keyboardType === "password" /* PASSWORD */;
   const isNumberField = input.keyboardType === "number" /* NUMBER */;
   const showInputGroupAddons = iconsRight.length > 0 || textRight || autoValidate || infoTooltip || isPasswordField;
+  const setIsOpen = useKeyboardStore((state) => state.setIsOpen);
   const applyMask = (value2, mask) => {
     if (!mask) return value2;
     if (typeof mask === "string") {
@@ -12913,6 +13259,7 @@ var CustomInputGroup = ({
           children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { size: 20 })
         }
       ),
+      withKeyboard && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "text-2xl", onClick: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Keyboard, {}) }),
       autoValidate && /* @__PURE__ */ jsxRuntime.jsx("div", { children: isSubmitting ? iconLoadingState : isValid ? iconValidState : iconInvalidState })
     ] })
   ] });
@@ -13338,94 +13685,36 @@ var FieldRepeater = ({ form, input, isSubmitting }) => {
     }
   );
 };
-function Tabs({
-  className,
-  ...props
-}) {
+var RepeaterTabsInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldRepeaterTabs, { form, input, isSubmitting });
+  }
+};
+var FieldRepeaterTabs = ({ form, input, isSubmitting }) => {
+  const { control } = form;
+  const { fields, append, remove } = reactHookForm.useFieldArray({
+    control,
+    name: input.name
+  });
+  const [activeTab, setActiveTab] = React3.useState(fields[0]?.id ?? "");
+  const canAdd = !input.maxItems || fields.length < input.maxItems;
+  const canRemove = fields.length > (input.minItems ?? 0);
+  const handleAdd = () => {
+    const newItem = { id: `tab-${Date.now()}` };
+    append(newItem);
+    setActiveTab(newItem.id);
+  };
+  const handleRemove = (index) => {
+    const removedId = fields[index].id;
+    remove(index);
+    if (activeTab === removedId && fields.length > 1) {
+      const nextTab = fields[index - 1] ?? fields[0];
+      if (nextTab) setActiveTab(nextTab.id);
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
-    {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
-    }
-  );
-}
-var RepeaterTabsInput = class extends BaseInput {
-  render() {
-    const { input, form, isSubmitting } = this;
-    return /* @__PURE__ */ jsxRuntime.jsx(FieldRepeaterTabs, { form, input, isSubmitting });
-  }
-};
-var FieldRepeaterTabs = ({ form, input, isSubmitting }) => {
-  const { control } = form;
-  const { fields, append, remove } = reactHookForm.useFieldArray({
-    control,
-    name: input.name
-  });
-  const [activeTab, setActiveTab] = React3.useState(fields[0]?.id ?? "");
-  const canAdd = !input.maxItems || fields.length < input.maxItems;
-  const canRemove = fields.length > (input.minItems ?? 0);
-  const handleAdd = () => {
-    const newItem = { id: `tab-${Date.now()}` };
-    append(newItem);
-    setActiveTab(newItem.id);
-  };
-  const handleRemove = (index) => {
-    const removedId = fields[index].id;
-    remove(index);
-    if (activeTab === removedId && fields.length > 1) {
-      const nextTab = fields[index - 1] ?? fields[0];
-      if (nextTab) setActiveTab(nextTab.id);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FormField,
+    FormField,
     {
       control,
       name: input.name,
@@ -13682,62 +13971,6 @@ var FieldSimpleCheckList = ({ input, value, onChange, isSubmitting }) => {
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formField });
 };
-function Slider({
-  className,
-  defaultValue,
-  value,
-  min = 0,
-  max = 100,
-  ...props
-}) {
-  const _values = React3__namespace.useMemo(
-    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
-    [value, defaultValue, min, max]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SliderPrimitive__namespace.Root,
-    {
-      "data-slot": "slider",
-      defaultValue,
-      value,
-      min,
-      max,
-      className: cn(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Track,
-          {
-            "data-slot": "slider-track",
-            className: cn(
-              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              SliderPrimitive__namespace.Range,
-              {
-                "data-slot": "slider-range",
-                className: cn(
-                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                )
-              }
-            )
-          }
-        ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Thumb,
-          {
-            "data-slot": "slider-thumb",
-            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-          },
-          index
-        ))
-      ]
-    }
-  );
-}
 var SliderInput = class extends BaseInput {
   render() {
     const { input, form, isSubmitting } = this;
@@ -15000,106 +15233,706 @@ function LocationPickerComponent({
       e.preventDefault();
       handleSearch();
     }
-  }, [handleSearch]);
-  const handleClear = React3.useCallback(() => {
-    onChange(null);
-  }, [onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-4 space-y-4", children: [
-    showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Input,
-          {
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            onKeyDown: handleKeyDown,
-            placeholder: "Buscar direcci\xF3n...",
-            disabled: disabled || isSearching,
-            className: "pl-10"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          onClick: handleSearch,
-          disabled: disabled || isSearching || !searchQuery.trim(),
-          variant: "secondary",
-          children: isSearching ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
+  }, [handleSearch]);
+  const handleClear = React3.useCallback(() => {
+    onChange(null);
+  }, [onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-4 space-y-4", children: [
+    showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder: "Buscar direcci\xF3n...",
+            disabled: disabled || isSearching,
+            className: "pl-10"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          onClick: handleSearch,
+          disabled: disabled || isSearching || !searchQuery.trim(),
+          variant: "secondary",
+          children: isSearching ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
+        }
+      ),
+      showCurrentLocation && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          onClick: handleCurrentLocation,
+          disabled: disabled || isGettingLocation,
+          variant: "secondary",
+          title: "Usar ubicaci\xF3n actual",
+          children: isGettingLocation ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Navigation, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-100 rounded-lg flex items-center justify-center", style: { height: `${height}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-8 w-8 animate-spin text-gray-400" }) }), children: /* @__PURE__ */ jsxRuntime.jsx(
+      MapComponent2,
+      {
+        center: [currentLocation.lat, currentLocation.lng],
+        zoom: defaultZoom,
+        height,
+        marker: value ? [value.lat, value.lng] : null,
+        onMapClick: handleMapClick,
+        disabled
+      }
+    ) }) }),
+    value && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      value.formattedAddress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-4 w-4 text-gray-400 mt-0.5 flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700", children: value.formattedAddress })
+      ] }),
+      showCoordinates && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-2 bg-gray-50 rounded-md", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs font-mono text-gray-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Lat: ",
+            value.lat.toFixed(6)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Lng: ",
+            value.lng.toFixed(6)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            onClick: handleCopyCoordinates,
+            className: "h-6 px-2",
+            children: copiedCoords ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3 w-3" })
+          }
+        )
+      ] })
+    ] }),
+    value && !disabled && !required && /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: handleClear,
+        className: "w-full",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 mr-2" }),
+          "Limpiar ubicaci\xF3n"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "\u{1F4A1} Haz click en el mapa para marcar una ubicaci\xF3n o busca una direcci\xF3n." })
+  ] });
+}
+var DateRangeInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldDateRangeInput, { input, form, isSubmitting });
+  }
+};
+var FieldDateRangeInput = ({ form, input, isSubmitting }) => {
+  const [isValid, setIsValid] = React3.useState(isValidField(input, form));
+  const infoTooltip = input?.infoTooltip;
+  const groupConfig = input.inputGroupConfig;
+  const autoValidate = groupConfig?.autoValidIcons ?? input.zodType ? true : false;
+  const iconValidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { style: { color: "#00bf3e" } });
+  const iconInvalidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { style: { color: "#ff8080" } });
+  const iconLoadingState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin", style: { color: "#1e90ff" } });
+  const iconsRight = groupConfig?.iconsRight ?? [];
+  groupConfig?.iconsLeft ?? [];
+  groupConfig?.textLeft;
+  const textRight = groupConfig?.textRight;
+  const formField = /* @__PURE__ */ jsxRuntime.jsx(
+    FormField,
+    {
+      control: form.control,
+      name: input.name,
+      render: ({ field }) => {
+        setIsValid(isValidField(input, form));
+        const [dateRange, setDateRange] = React3__namespace.useState(
+          field.value ? {
+            from: field.value.from ? new Date(field.value.from) : void 0,
+            to: field.value.to ? new Date(field.value.to) : void 0
+          } : void 0
+        );
+        React3__namespace.useEffect(() => {
+          if (field.value && !dateRange) {
+            setDateRange({
+              from: field.value.from ? new Date(field.value.from) : void 0,
+              to: field.value.to ? new Date(field.value.to) : void 0
+            });
+            setIsValid(isValidField(input, form));
+          }
+        }, [field.value]);
+        const formatDateRange = (range) => {
+          if (!range || !range.from) return input.placeHolder ?? "Seleccionar rango de fechas";
+          if (range.to) {
+            return `${dateFns.format(range.from, "LLL dd, y")} - ${dateFns.format(range.to, "LLL dd, y")}`;
+          }
+          return dateFns.format(range.from, "LLL dd, y");
+        };
+        return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: input.label }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "flex flex-row gap-1", children: [
+              infoTooltip && /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 20 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: infoTooltip }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  type: "button",
+                  className: cn(
+                    "w-full justify-start text-left py-0.5 ",
+                    !dateRange && "text-muted-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-1 justify-start text-left ", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, {}),
+                      formatDateRange(dateRange)
+                    ] }),
+                    (iconsRight.length > 0 || textRight || autoValidate) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      textRight && /* @__PURE__ */ jsxRuntime.jsx(InputGroupText, { children: textRight }),
+                      iconsRight.map((IconComponent, index) => /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 24, className: "w-6! h-6!" }, index)),
+                      autoValidate && /* @__PURE__ */ jsxRuntime.jsx("div", { children: isSubmitting ? iconLoadingState : isValid ? iconValidState : iconInvalidState })
+                    ] })
+                  ]
+                }
+              )
+            ] }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormDescription, { children: input.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+        ] });
+      }
+    },
+    input.name
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formField });
+};
+var countries = [
+  { name: "Afghanistan", code: "AF", flag: "\u{1F1E6}\u{1F1EB}" },
+  { name: "Albania", code: "AL", flag: "\u{1F1E6}\u{1F1F1}" },
+  { name: "Algeria", code: "DZ", flag: "\u{1F1E9}\u{1F1FF}" },
+  { name: "Argentina", code: "AR", flag: "\u{1F1E6}\u{1F1F7}" },
+  { name: "Australia", code: "AU", flag: "\u{1F1E6}\u{1F1FA}" },
+  { name: "Austria", code: "AT", flag: "\u{1F1E6}\u{1F1F9}" },
+  { name: "Bangladesh", code: "BD", flag: "\u{1F1E7}\u{1F1E9}" },
+  { name: "Belgium", code: "BE", flag: "\u{1F1E7}\u{1F1EA}" },
+  { name: "Brazil", code: "BR", flag: "\u{1F1E7}\u{1F1F7}" },
+  { name: "Canada", code: "CA", flag: "\u{1F1E8}\u{1F1E6}" },
+  { name: "Chile", code: "CL", flag: "\u{1F1E8}\u{1F1F1}" },
+  { name: "China", code: "CN", flag: "\u{1F1E8}\u{1F1F3}" },
+  { name: "Colombia", code: "CO", flag: "\u{1F1E8}\u{1F1F4}" },
+  { name: "Denmark", code: "DK", flag: "\u{1F1E9}\u{1F1F0}" },
+  { name: "Egypt", code: "EG", flag: "\u{1F1EA}\u{1F1EC}" },
+  { name: "Finland", code: "FI", flag: "\u{1F1EB}\u{1F1EE}" },
+  { name: "France", code: "FR", flag: "\u{1F1EB}\u{1F1F7}" },
+  { name: "Germany", code: "DE", flag: "\u{1F1E9}\u{1F1EA}" },
+  { name: "Greece", code: "GR", flag: "\u{1F1EC}\u{1F1F7}" },
+  { name: "India", code: "IN", flag: "\u{1F1EE}\u{1F1F3}" },
+  { name: "Indonesia", code: "ID", flag: "\u{1F1EE}\u{1F1E9}" },
+  { name: "Ireland", code: "IE", flag: "\u{1F1EE}\u{1F1EA}" },
+  { name: "Italy", code: "IT", flag: "\u{1F1EE}\u{1F1F9}" },
+  { name: "Japan", code: "JP", flag: "\u{1F1EF}\u{1F1F5}" },
+  { name: "Jordan", code: "JO", flag: "\u{1F1EF}\u{1F1F4}" },
+  { name: "Kenya", code: "KE", flag: "\u{1F1F0}\u{1F1EA}" },
+  { name: "South Korea", code: "KR", flag: "\u{1F1F0}\u{1F1F7}" },
+  { name: "Lebanon", code: "LB", flag: "\u{1F1F1}\u{1F1E7}" },
+  { name: "Malaysia", code: "MY", flag: "\u{1F1F2}\u{1F1FE}" },
+  { name: "Mexico", code: "MX", flag: "\u{1F1F2}\u{1F1FD}" },
+  { name: "Morocco", code: "MA", flag: "\u{1F1F2}\u{1F1E6}" },
+  { name: "Netherlands", code: "NL", flag: "\u{1F1F3}\u{1F1F1}" },
+  { name: "New Zealand", code: "NZ", flag: "\u{1F1F3}\u{1F1FF}" },
+  { name: "Norway", code: "NO", flag: "\u{1F1F3}\u{1F1F4}" },
+  { name: "Pakistan", code: "PK", flag: "\u{1F1F5}\u{1F1F0}" },
+  { name: "Peru", code: "PE", flag: "\u{1F1F5}\u{1F1EA}" },
+  { name: "Philippines", code: "PH", flag: "\u{1F1F5}\u{1F1ED}" },
+  { name: "Poland", code: "PL", flag: "\u{1F1F5}\u{1F1F1}" },
+  { name: "Portugal", code: "PT", flag: "\u{1F1F5}\u{1F1F9}" },
+  { name: "Romania", code: "RO", flag: "\u{1F1F7}\u{1F1F4}" },
+  { name: "Russia", code: "RU", flag: "\u{1F1F7}\u{1F1FA}" },
+  { name: "Saudi Arabia", code: "SA", flag: "\u{1F1F8}\u{1F1E6}" },
+  { name: "Singapore", code: "SG", flag: "\u{1F1F8}\u{1F1EC}" },
+  { name: "South Africa", code: "ZA", flag: "\u{1F1FF}\u{1F1E6}" },
+  { name: "Spain", code: "ES", flag: "\u{1F1EA}\u{1F1F8}" },
+  { name: "Sweden", code: "SE", flag: "\u{1F1F8}\u{1F1EA}" },
+  { name: "Switzerland", code: "CH", flag: "\u{1F1E8}\u{1F1ED}" },
+  { name: "Thailand", code: "TH", flag: "\u{1F1F9}\u{1F1ED}" },
+  { name: "Turkey", code: "TR", flag: "\u{1F1F9}\u{1F1F7}" },
+  { name: "Ukraine", code: "UA", flag: "\u{1F1FA}\u{1F1E6}" },
+  { name: "United Arab Emirates", code: "AE", flag: "\u{1F1E6}\u{1F1EA}" },
+  { name: "United Kingdom", code: "GB", flag: "\u{1F1EC}\u{1F1E7}" },
+  { name: "United States", code: "US", flag: "\u{1F1FA}\u{1F1F8}" },
+  { name: "Vietnam", code: "VN", flag: "\u{1F1FB}\u{1F1F3}" }
+];
+var CountrySelectInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldCountrySelectInput, { input, form, isSubmitting });
+  }
+};
+var FieldCountrySelectInput = ({ form, input, isSubmitting }) => {
+  const [isValid, setIsValid] = React3.useState(isValidField(input, form));
+  const infoTooltip = input?.infoTooltip;
+  const groupConfig = input.inputGroupConfig;
+  const autoValidate = groupConfig?.autoValidIcons ?? input.zodType ? true : false;
+  const iconValidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { style: { color: "#00bf3e" } });
+  const iconInvalidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { style: { color: "#ff8080" } });
+  const iconsRight = groupConfig?.iconsRight ?? [];
+  groupConfig?.iconsLeft ?? [];
+  groupConfig?.textLeft;
+  const textRight = groupConfig?.textRight;
+  const formField = /* @__PURE__ */ jsxRuntime.jsx(
+    FormField,
+    {
+      control: form.control,
+      name: input.name,
+      render: ({ field }) => {
+        setIsValid(isValidField(input, form));
+        const [open, setOpen] = React3__namespace.useState(false);
+        const [value, setValue] = React3__namespace.useState(field.value || "");
+        const selectedCountry = countries.find((country) => country.code === value);
+        const handleSelect = (countryCode) => {
+          setValue(countryCode);
+          setOpen(false);
+          handleOnChage(countryCode, input, field);
+        };
+        return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: input.label }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "flex flex-row gap-1", children: [
+              infoTooltip && /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 20 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: infoTooltip }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  role: "combobox",
+                  "aria-expanded": open,
+                  className: "w-full justify-between",
+                  children: [
+                    selectedCountry ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectedCountry.flag }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectedCountry.name }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                        "(",
+                        selectedCountry.code,
+                        ")"
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: input.placeHolder ?? "Select country..." }),
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                  ]
+                }
+              ),
+              (iconsRight.length > 0 || textRight || autoValidate) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                textRight && /* @__PURE__ */ jsxRuntime.jsx(InputGroupText, { children: textRight }),
+                iconsRight.map((IconComponent, index) => /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 24, className: "w-6! h-6!" }, index)),
+                autoValidate && /* @__PURE__ */ jsxRuntime.jsx("div", { children: isValid ? iconValidState : iconInvalidState })
+              ] })
+            ] }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-[400px] p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search countries..." }),
+              /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No country found." }),
+                /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: countries.map((country) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  CommandItem,
+                  {
+                    value: `${country.name} ${country.code}`,
+                    onSelect: () => handleSelect(country.code),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.Check,
+                        {
+                          className: cn(
+                            "mr-2 h-4 w-4",
+                            value === country.code ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: country.flag }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: country.name }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto text-muted-foreground", children: [
+                        "(",
+                        country.code,
+                        ")"
+                      ] })
+                    ]
+                  },
+                  country.code
+                )) })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormDescription, { children: input.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+        ] });
+      }
+    },
+    input.name
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formField });
+};
+var RangeInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldRange, { input, form, isSubmitting });
+  }
+};
+var FieldRange = ({ input, form, isSubmitting }) => {
+  const [isValid, setIsValid] = React3.useState(isValidField(input, form));
+  const groupConfig = input.inputGroupConfig;
+  const autoValidate = groupConfig?.autoValidIcons ?? input.zodType ? true : false;
+  const iconValidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { style: { color: "#00bf3e" } });
+  const iconInvalidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { style: { color: "#ff8080" } });
+  const iconLoadingState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin", style: { color: "#1e90ff" } });
+  const iconsRight = groupConfig?.iconsRight ?? [];
+  const textRight = groupConfig?.textRight;
+  const minValue = input.min ?? 0;
+  const maxValue = input.max ?? 100;
+  const step = input.step ?? 1;
+  const initialValue = form.getValues(input.name) ?? input.value ?? [minValue, maxValue];
+  const [value, setValue] = React3.useState(Array.isArray(initialValue) ? initialValue : [minValue, maxValue]);
+  const handleChange = (val) => {
+    setValue(val);
+    ({ min: val[0], max: val[1] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FormField,
+    {
+      control: form.control,
+      name: input.name,
+      render: ({ field, fieldState }) => {
+        setIsValid(isValidField(input, form));
+        return /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { className: input.className, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: input.label }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Slider,
+              {
+                value,
+                onValueChange: handleChange,
+                max: maxValue,
+                min: minValue,
+                step,
+                className: "w-full"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "flex flex-row gap-1 justify-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Min:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(InputGroupText, { className: "min-w-[60px] text-center", children: value[0] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Max:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(InputGroupText, { className: "min-w-[60px] text-center", children: value[1] })
+              ] }),
+              (iconsRight.length > 0 || textRight || autoValidate) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                textRight && /* @__PURE__ */ jsxRuntime.jsx(InputGroupText, { children: textRight }),
+                iconsRight.map((IconComponent, index) => /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 24, className: "w-6! h-6!" }, index)),
+                autoValidate && /* @__PURE__ */ jsxRuntime.jsx("div", { children: isSubmitting ? iconLoadingState : isValid ? iconValidState : iconInvalidState })
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormDescription, { children: input.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+        ] });
+      }
+    },
+    input.name
+  );
+};
+var FileUploadInput = class extends BaseInput {
+  render() {
+    const { input, form, isSubmitting } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldFileUpload, { input, form, isSubmitting });
+  }
+};
+var FieldFileUpload = ({ input, form, isSubmitting }) => {
+  const inputRef = React3.useRef(null);
+  const [file, setFile] = React3.useState(form.getValues(input.name) || null);
+  const [dragOver, setDragOver] = React3.useState(false);
+  const [uploading, setUploading] = React3.useState(false);
+  const [uploadProgress, setUploadProgress] = React3.useState(0);
+  const [previewUrl, setPreviewUrl] = React3.useState(null);
+  const config = input.fileConfig;
+  const {
+    dragAndDrop = true,
+    progressBar = true,
+    uploadUrl,
+    onUploadProgress,
+    onUploadComplete,
+    previewFormats = { image: true, video: false, audio: false, pdf: false },
+    maxSize = 10 * 1024 * 1024,
+    // 10MB default
+    acceptedFormats = ["*"]
+  } = config || {};
+  const autoValidate = input.inputGroupConfig?.autoValidIcons;
+  const iconValidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { style: { color: "#00bf3e" } });
+  const iconInvalidState = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { style: { color: "#ff8080" } });
+  const generatePreview = (fileData) => {
+    const type = fileData.type;
+    if (previewFormats.image && type.startsWith("image/")) {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        setPreviewUrl(e.target?.result);
+      };
+      if (fileData.file) reader.readAsDataURL(fileData.file);
+    } else if (previewFormats.video && type.startsWith("video/")) {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        setPreviewUrl(e.target?.result);
+      };
+      if (fileData.file) reader.readAsDataURL(fileData.file);
+    } else if (previewFormats.audio && type.startsWith("audio/")) {
+      setPreviewUrl("audio");
+    } else if (previewFormats.pdf && type === "application/pdf") {
+      setPreviewUrl("pdf");
+    }
+  };
+  const handleFileSelect = async (selectedFile) => {
+    if (selectedFile.size > maxSize) {
+      form.setError(input.name, {
+        type: "manual",
+        message: `File size exceeds ${(maxSize / 1024 / 1024).toFixed(0)}MB limit`
+      });
+      return;
+    }
+    const fileData = {
+      name: selectedFile.name,
+      size: selectedFile.size,
+      type: selectedFile.type,
+      lastModified: selectedFile.lastModified,
+      file: selectedFile,
+      uploadProgress: 0
+    };
+    setFile(fileData);
+    form.setValue(input.name, fileData);
+    generatePreview(fileData);
+    if (uploadUrl) {
+      await handleUpload(fileData);
+    }
+  };
+  const handleUpload = async (fileData) => {
+    if (!uploadUrl || !fileData.file) return;
+    setUploading(true);
+    setUploadProgress(0);
+    try {
+      const formData = new FormData();
+      formData.append("file", fileData.file);
+      const xhr = new XMLHttpRequest();
+      xhr.upload.addEventListener("progress", (e) => {
+        if (e.lengthComputable) {
+          const percentComplete = e.loaded / e.total * 100;
+          setUploadProgress(percentComplete);
+          onUploadProgress?.(percentComplete);
         }
-      ),
-      showCurrentLocation && /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          onClick: handleCurrentLocation,
-          disabled: disabled || isGettingLocation,
-          variant: "secondary",
-          title: "Usar ubicaci\xF3n actual",
-          children: isGettingLocation ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Navigation, { className: "h-4 w-4" })
+      });
+      xhr.addEventListener("load", () => {
+        if (xhr.status === 200) {
+          try {
+            const response = JSON.parse(xhr.responseText);
+            fileData.uploadedUrl = response.url || response.data?.url;
+            fileData.uploadProgress = 100;
+            setUploadProgress(100);
+            setFile({ ...fileData });
+            form.setValue(input.name, fileData);
+            onUploadComplete?.(response);
+          } catch (e) {
+            console.error("Failed to parse upload response", e);
+          }
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-100 rounded-lg flex items-center justify-center", style: { height: `${height}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-8 w-8 animate-spin text-gray-400" }) }), children: /* @__PURE__ */ jsxRuntime.jsx(
-      MapComponent2,
-      {
-        center: [currentLocation.lat, currentLocation.lng],
-        zoom: defaultZoom,
-        height,
-        marker: value ? [value.lat, value.lng] : null,
-        onMapClick: handleMapClick,
-        disabled
-      }
-    ) }) }),
-    value && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      value.formattedAddress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-4 w-4 text-gray-400 mt-0.5 flex-shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700", children: value.formattedAddress })
-      ] }),
-      showCoordinates && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-2 bg-gray-50 rounded-md", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs font-mono text-gray-600", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "Lat: ",
-            value.lat.toFixed(6)
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "Lng: ",
-            value.lng.toFixed(6)
-          ] })
+      });
+      xhr.addEventListener("error", () => {
+        form.setError(input.name, {
+          type: "manual",
+          message: "Upload failed. Please try again."
+        });
+        setUploading(false);
+      });
+      xhr.open("POST", uploadUrl);
+      xhr.send(formData);
+    } catch (error) {
+      form.setError(input.name, {
+        type: "manual",
+        message: "Upload error. Please try again."
+      });
+      setUploading(false);
+    }
+  };
+  const handleInputChange = (event) => {
+    const selectedFile = event.target.files?.[0];
+    if (selectedFile) {
+      handleFileSelect(selectedFile);
+    }
+  };
+  const handleDrop = (event) => {
+    if (!dragAndDrop) return;
+    event.preventDefault();
+    setDragOver(false);
+    const droppedFile = event.dataTransfer.files?.[0];
+    if (droppedFile) {
+      handleFileSelect(droppedFile);
+    }
+  };
+  const handleDragOver = (event) => {
+    if (!dragAndDrop) return;
+    event.preventDefault();
+    setDragOver(true);
+  };
+  const handleDragLeave = () => {
+    setDragOver(false);
+  };
+  const handleRemove = () => {
+    setFile(null);
+    setPreviewUrl(null);
+    setUploadProgress(0);
+    form.setValue(input.name, null);
+    if (inputRef.current) {
+      inputRef.current.value = "";
+    }
+  };
+  const getFileIcon = () => {
+    if (!file) return null;
+    const type = file.type;
+    if (type.startsWith("image/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "w-8 h-8" });
+    if (type.startsWith("video/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "w-8 h-8" });
+    if (type.startsWith("audio/")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Music, { className: "w-8 h-8" });
+    if (type === "application/pdf") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-8 h-8" });
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { className: "w-8 h-8" });
+  };
+  const formatFileSize = (bytes) => {
+    if (bytes === 0) return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FormField,
+    {
+      control: form.control,
+      name: input.name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(FormLabel, { htmlFor: input.name, children: [
+          input.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 mr-1", children: "*" }),
+          input.label
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            size: "sm",
-            variant: "ghost",
-            onClick: handleCopyCoordinates,
-            className: "h-6 px-2",
-            children: copiedCoords ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3 w-3" })
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          !file || !file.uploadedUrl ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              onDrop: handleDrop,
+              onDragOver: handleDragOver,
+              onDragLeave: handleDragLeave,
+              className: cn(
+                "relative border-2 border-dashed rounded-lg p-8 transition-colors",
+                dragAndDrop ? "cursor-pointer" : "",
+                dragOver ? "border-blue-500 bg-blue-50" : "border-gray-300 hover:border-gray-400",
+                uploading ? "opacity-50 pointer-events-none" : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "file",
+                    onChange: handleInputChange,
+                    className: "hidden",
+                    id: input.name,
+                    disabled: uploading || isSubmitting,
+                    accept: acceptedFormats.join(",")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center gap-3", children: uploading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-8 h-8 animate-spin text-blue-500" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "Uploading..." })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "w-8 h-8 text-gray-400" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: dragAndDrop ? "Drag and drop your file here, or click to select" : "Click to select a file" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
+                      "Max size: ",
+                      formatFileSize(maxSize)
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => inputRef.current?.click(),
+                      className: "mt-2 px-4 py-2 bg-blue-500 text-white text-sm rounded-md hover:bg-blue-600 transition-colors",
+                      children: "Select File"
+                    }
+                  )
+                ] }) })
+              ]
+            }
+          ) : null,
+          file && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border rounded-lg p-4 bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: previewUrl && previewUrl !== "audio" && previewUrl !== "pdf" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: previewUrl,
+                alt: "preview",
+                className: "w-16 h-16 object-cover rounded-md"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 bg-gray-200 rounded-md flex items-center justify-center text-gray-400", children: getFileIcon() }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: file.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-1", children: formatFileSize(file.size) }),
+              progressBar && file.uploadProgress !== void 0 && file.uploadProgress < 100 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-200 rounded-full h-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "bg-blue-500 h-2 rounded-full transition-all duration-300",
+                    style: { width: `${file.uploadProgress}%` }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
+                  Math.round(file.uploadProgress),
+                  "% uploaded"
+                ] })
+              ] }),
+              file.uploadedUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: "w-4 h-4 text-green-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-green-600", children: "Upload complete" })
+              ] })
+            ] }),
+            !uploading && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleRemove,
+                className: "shrink-0 p-1 text-gray-400 hover:text-gray-600 rounded-md hover:bg-gray-200 transition-colors",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-5 h-5" })
+              }
+            )
+          ] }) }),
+          autoValidate && form.formState.errors[input.name] && iconInvalidState,
+          autoValidate && !form.formState.errors[input.name] && file && iconValidState
+        ] }) }),
+        input.description && /* @__PURE__ */ jsxRuntime.jsx(FormDescription, { children: input.description }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
       ] })
-    ] }),
-    value && !disabled && !required && /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: handleClear,
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 mr-2" }),
-          "Limpiar ubicaci\xF3n"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: "\u{1F4A1} Haz click en el mapa para marcar una ubicaci\xF3n o busca una direcci\xF3n." })
-  ] });
-}
+    }
+  );
+};
 var inputMap = {
   ["text_group" /* TEXT_GROUP */]: TextInputGroup,
   ["text" /* TEXT */]: TextInput,
@@ -15138,8 +15971,13 @@ var inputMap = {
   // ✨ New input types (v1.36.0)
   ["email" /* EMAIL */]: EmailInput,
   ["search" /* SEARCH */]: TextInput,
-  // TODO: Implement SearchInput
+  // SearchInput component is currently a function component
   ["location_picker" /* LOCATION_PICKER */]: LocationPickerInput,
+  ["date_range" /* DATE_RANGE */]: DateRangeInput,
+  ["country_select" /* COUNTRY_SELECT */]: CountrySelectInput,
+  ["range" /* RANGE */]: RangeInput,
+  // ✨ New input types (v1.37.0)
+  ["file_upload" /* FILE_UPLOAD */]: FileUploadInput,
   //ToDos: ============================================================
   ["slider" /* SLIDER */]: SliderInput,
   //ToDo: // PENDIENTE ... VISUALMENTE NO SE VE BIEN.!!!
@@ -15479,61 +16317,6 @@ var FormWrapper = ({ form, handleSubmit, children, readOnly, debug, isWrapInWiza
     }
   ) });
 };
-function Stepper({ steps, currentStep, clickable = false, onStepClick }) {
-  const handleStepClick = (stepNumber) => {
-    if (clickable && onStepClick) {
-      onStepClick(stepNumber);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-4 items-center justify-around", children: steps.map((step, index) => {
-    const stepNumber = index + 1;
-    const isCompleted = stepNumber < currentStep;
-    const isCurrent = stepNumber === currentStep;
-    const isUpcoming = stepNumber > currentStep;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            onClick: () => handleStepClick(stepNumber),
-            className: cn(
-              "flex size-10 items-center shadow-lg  justify-center rounded-full border-2 transition-all duration-300",
-              isCompleted && "border-primary bg-primary text-primary-foreground",
-              isCurrent && "border-primary bg-background text-primary scale-110",
-              isUpcoming && "border-muted-foreground/60 bg-background border-b text-muted-foreground",
-              clickable && "cursor-pointer hover:scale-125 hover:shadow-xl",
-              !clickable && "cursor-default"
-            ),
-            children: isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: stepNumber })
-          }
-        ),
-        step.title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "text-sm font-medium transition-colors",
-                (isCompleted || isCurrent) && "text-foreground",
-                isUpcoming && "text-muted-foreground"
-              ),
-              children: step.title
-            }
-          ),
-          step.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground max-w-[120px]", children: step.description })
-        ] })
-      ] }),
-      index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 flex-1 mb-8", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "h-0.5 w-full transition-all duration-300",
-            stepNumber < currentStep ? "bg-primary" : "bg-muted-foreground/30"
-          )
-        }
-      ) })
-    ] }, index);
-  }) }) });
-}
 var WizardForm = ({
   fields,
   record,
@@ -15756,6 +16539,18 @@ var InputList = ({ handleAddInput, inputsTypes }) => {
     );
   }) });
 };
+var CustomSheet = ({ title = "", children, childrenHeader, isOpen, className, side = "bottom" }) => {
+  const setIsOpen = useKeyboardStore((state) => state.setIsOpen);
+  const storeIsOpen = useKeyboardStore((state) => state.isOpen);
+  const controlledIsOpen = typeof isOpen === "boolean" ? isOpen : storeIsOpen;
+  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open: controlledIsOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { children: childrenHeader })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SheetFooter, { children })
+  ] }) });
+};
 var GenericFilter = ({
   filters = [],
   pagination,
@@ -16014,6 +16809,7 @@ exports.CommandShortcut = CommandShortcut;
 exports.CurrencyInput = CurrencyInput;
 exports.CustomAlert = CustomAlert;
 exports.CustomInputGroup = CustomInputGroup;
+exports.CustomSheet = CustomSheet;
 exports.DateInput = DateInput;
 exports.DateTimeInput = DateTimeInput;
 exports.Dialog = Dialog;