shadcn-zod-formkit 3.8.1 → 3.9.1

package/dist/index.cjs

@@ -6,11 +6,9 @@ var lucideReact = require('lucide-react');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var tailwindMerge = require('tailwind-merge');
-var reactSlot = require('@radix-ui/react-slot');
-var zustand = require('zustand');
-var reactHookForm = require('react-hook-form');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var radixUi = require('radix-ui');
+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');
@@ -20,6 +18,7 @@ require('react-color-palette/css');
 var cmdk = require('cmdk');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var LabelPrimitive = require('@radix-ui/react-label');
+var reactHookForm = require('react-hook-form');
 var inputOtp = require('input-otp');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var ResizablePrimitive = require('react-resizable-panels');
@@ -31,6 +30,7 @@ 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 zustand = require('zustand');
 var dateFns = require('date-fns');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
@@ -9868,6 +9868,60 @@ var CustomAlert = ({
     }
   );
 };
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
 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",
   {
@@ -9914,1026 +9968,301 @@ function Button({
     }
   );
 }
-function normalizeBorder(border, defaultWidth = 4) {
-  if (!border) return null;
-  if (typeof border === "string") {
-    return { width: defaultWidth, color: border };
-  }
-  return { width: border.width ?? defaultWidth, color: border.color };
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
 }
-function generateBorderShadows(borders) {
-  if (!borders) return "none";
-  const shadows = [];
-  const allBorder = normalizeBorder(borders.all);
-  const left = normalizeBorder(borders.left) ?? allBorder;
-  const right = normalizeBorder(borders.right) ?? allBorder;
-  const top = normalizeBorder(borders.top) ?? allBorder;
-  const bottom = normalizeBorder(borders.bottom) ?? allBorder;
-  if (left?.color) {
-    shadows.push(`inset ${left.width}px 0 0 0 ${left.color}`);
-  }
-  if (right?.color) {
-    shadows.push(`inset -${right.width}px 0 0 0 ${right.color}`);
-  }
-  if (top?.color) {
-    shadows.push(`inset 0 ${top.width}px 0 0 ${top.color}`);
-  }
-  if (bottom?.color) {
-    shadows.push(`inset 0 -${bottom.width}px 0 0 ${bottom.color}`);
-  }
-  return shadows.length > 0 ? shadows.join(", ") : "none";
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
-var Key = ({
-  label,
-  onClick,
-  onDoubleClick,
-  style,
-  disabled = false,
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
   className,
-  shortcut,
-  children,
-  withLabel = true,
-  isActive = false,
-  fontSize = "text-sm",
-  icons,
-  borders,
-  // iconSize = 72,
-  iconClassName = "w-8 h-8"
-}) => {
-  let content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    withLabel && label,
-    shortcut && ` (${shortcut})`
-  ] });
-  if (children) content = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  const borderShadow = generateBorderShadows(borders);
-  const hasBorders = borders && borderShadow !== "none";
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
+    radixUi.AlertDialog.Overlay,
     {
-      disabled,
-      onDoubleClick,
-      onClick: (e) => onClick?.(label ?? e.currentTarget.textContent ?? ""),
-      style: {
-        ...style,
-        ...hasBorders && { boxShadow: borderShadow }
-      },
+      "data-slot": "alert-dialog-overlay",
       className: cn(
-        // Base
-        "shadow-md shadow-black/20",
-        "flex flex-1 items-center justify-center rounded-lg h-full w-full",
-        "font-mono font-bold transition-all duration-100",
-        "active:scale-95",
-        fontSize,
-        // Estados base (soft UI)
-        "border border-(--color-border)",
-        "bg-(--color-secondary-soft) text-(--color-foreground)",
-        // Hover
-        "hover:bg-(--color-accent-soft)",
-        // Active click (presionado)
-        "active:bg-(--color-primary) active:text-(--color-primary-foreground)",
-        // Estado activo (seleccionado)
-        isActive && "bg-(--color-primary) text-(--color-primary-foreground) border-(--color-primary)",
-        // Backspace especial
-        // label === '⌫' &&
-        //   'bg-(--color-destructive) text-white hover:opacity-90',
-        // Overflow hidden para que los bordes respeten el border-radius
-        "overflow-hidden",
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center items-center", children: [
-        icons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-center text-3xl", children: icons.map((IconComponent, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          IconComponent,
-          {
-            className: iconClassName
-          },
-          index
-        )) }),
-        content
-      ] })
+      ...props
     }
   );
-};
-var applyCase = (label, upper) => {
-  if (!label || label.length !== 1 || !/[a-z]/.test(label)) return label;
-  return upper ? label.toUpperCase() : label;
-};
-var letter = (l, isUpper, handleKey) => ({
-  label: applyCase(l, isUpper),
-  onClick: handleKey,
-  className: "flex-1"
-});
-
-// src/components/custom/keyboard/keyboard-base.tsx
-var BaseKeyboard = class {
-  constructor() {
-  }
-};
-var KeyboardBuilder = ({
-  keys,
-  withCard = false,
+}
+function AlertDialogContent({
   className,
-  keyFontSize: keyFontSize3
-}) => {
-  const keyMap = React3.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    keys?.forEach((row) => {
-      row.forEach((k) => {
-        if (k.shortcut) {
-          map.set(k.shortcut.toLowerCase(), k);
-        }
-      });
-    });
-    return map;
-  }, [keys]);
-  const triggerKey = React3.useCallback((pressedKey) => {
-    const key = keyMap.get(pressedKey.toLowerCase());
-    if (key && !key.disabled) {
-      key.onClick?.(pressedKey);
-      const keyboardEvent = new KeyboardEvent("keydown", {
-        key: pressedKey,
-        bubbles: true
-      });
-      window.dispatchEvent(keyboardEvent);
-    }
-  }, [keyMap]);
-  React3.useEffect(() => {
-    const handleKeyDown = (event) => {
-      const active = document.activeElement;
-      if (active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active && active.getAttribute("contenteditable") === "true") {
-        console.log("\u{1F680} ~ Ignorando tecla porque el foco est\xE1 en un input:", event.key);
-        return;
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.AlertDialog.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg",
+          className
+        ),
+        ...props
       }
-      triggerKey(event.key);
-      event.preventDefault();
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [triggerKey]);
-  const content = /* @__PURE__ */ jsxRuntime.jsx(
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      "data-slot": "alert-dialog-header",
       className: cn(
-        `flex-1 grid grid-rows-${keys?.length} h-full`,
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
         className
       ),
-      children: keys?.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 p-1 h-full", children: row.map((key, indx) => {
-        const handleClick = () => {
-          triggerKey(key.label ?? "");
-          key.onClick?.(key.label ?? "");
-          if (!key.shortcut) return;
-          triggerKey(key.shortcut);
-        };
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          key.label == "" && !key.icons?.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${key.className}` }, indx),
-          (key.label != "" || key.icons?.length) && /* @__PURE__ */ jsxRuntime.jsx(
-            Key,
-            {
-              borders: {
-                left: key.disabled ? "grey" : "",
-                bottom: key.disabled ? "grey" : ""
-              },
-              label: key.label,
-              onClick: handleClick,
-              shortcut: key.shortcut,
-              icons: key.icons,
-              className: `${key.className} ${key.disabled ? "bg-muted-foreground h-full" : "h-full"}`,
-              iconClassName: key.iconClassName,
-              iconSize: key.iconSize,
-              fontSize: keyFontSize3,
-              isActive: key.isActive,
-              disabled: key.disabled,
-              children: key.children
-            },
-            indx
-          )
-        ] });
-      }) }, ri))
+      ...props
     }
   );
-  if (!withCard) return content;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full m-0.5 p-1", className), children: content });
-};
-
-// src/components/custom/keyboard/keyboard-types.ts
-var KeyboardTypes = /* @__PURE__ */ ((KeyboardTypes2) => {
-  KeyboardTypes2["QWERTY"] = "qwerty";
-  KeyboardTypes2["NUMBER"] = "number";
-  KeyboardTypes2["QWERTY_NOT_CHARS"] = "qwerty_not_chars";
-  return KeyboardTypes2;
-})(KeyboardTypes || {});
-
-// src/components/custom/keyboard/providers/keyboard.store.ts
-var useKeyboardStore = zustand.create((set, get) => ({
-  activeInput: null,
-  inputs: {},
-  type: "qwerty" /* QWERTY */,
-  currentInputField: null,
-  setCurrentInputField(inputField) {
-    set({ currentInputField: inputField });
-  },
-  isOpen: false,
-  setIsOpen(open) {
-    set({ isOpen: open ?? !get().isOpen });
-  },
-  registerInput: (id, initialValue = "") => set((state) => ({
-    inputs: {
-      ...state.inputs,
-      [id]: initialValue
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
     }
-  })),
-  unregisterInput: (id) => set((state) => {
-    const newInputs = { ...state.inputs };
-    delete newInputs[id];
-    return { inputs: newInputs };
-  }),
-  focusInput: (id) => set({ activeInput: id }),
-  // write: (char) =>
-  //   set((state) => {
-  //     const current = state.currentInputField;
-  //     if (!current?.field) return state;
-  //     const newValue = (current.field.value ?? "") + char;
-  //     current.field.onChange(newValue); // 🔥 RHF update
-  //     return {
-  //       currentInputField: {
-  //         ...current,
-  //         field: {
-  //           ...current.field,
-  //           value: newValue
-  //         }
-  //       }
-  //     };
-  // }),
-  write: (char) => set((state) => {
-    let currentInputField = state.currentInputField;
-    if (currentInputField && currentInputField.field) {
-      currentInputField.field.value += char;
-      const newValue = currentInputField.field.value;
-      set({ currentInputField });
-      currentInputField.field.onChange(newValue);
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
     }
-    if (!state.activeInput) return state;
-    const current = state.inputs[state.activeInput] || "";
-    return {
-      inputs: {
-        ...state.inputs,
-        [state.activeInput]: current + char
-      }
-    };
-  }),
-  backspace: () => set((state) => {
-    let currentInputField = state.currentInputField;
-    if (currentInputField && currentInputField.field) {
-      const newValue = currentInputField.field.value.slice(0, -1);
-      currentInputField.field.value = newValue;
-      set({ currentInputField });
-      currentInputField.field.onChange(newValue);
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
     }
-    if (!state.activeInput) return state;
-    const current = state.inputs[state.activeInput] || "";
-    console.log("RUN BACKSPACE - current value:", current);
-    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
+  );
+}
+function AlertDialogMedia({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: cn(
+        "mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+        className
+      ),
+      ...props
     }
-  }))
-}));
-
-// src/components/custom/form/inputs/base/definitions.ts
-var flattenFields = (fields, onAnyFieldChange) => {
-  const result = [];
-  for (const field of fields) {
-    if (Array.isArray(field)) {
-      result.push(...flattenFields(field));
-    } else if (field.fields) {
-      result.push(...flattenFields(field.fields));
-    } else {
-      if (onAnyFieldChange) field.onAnyFieldChange = (data) => onAnyFieldChange(data);
-      result.push(field);
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
     }
-  }
-  return result;
-};
-var TextInputType = /* @__PURE__ */ ((TextInputType3) => {
-  TextInputType3["DEFAULT"] = "default";
-  TextInputType3["NUMBER"] = "number";
-  TextInputType3["EMAIL"] = "email";
-  TextInputType3["PHONE"] = "phone";
-  TextInputType3["PASSWORD"] = "password";
-  return TextInputType3;
-})(TextInputType || {});
-var QwertyKeyboard = class extends BaseKeyboard {
-  render(input) {
-    return /* @__PURE__ */ jsxRuntime.jsx(KeyboardQwerty, {});
-  }
-};
-var KeyboardQwerty = ({ onKeyPress, onEnter, keyFontSize: keyFontSize3 = "text-2xl", onDelete, input }) => {
-  const [shiftMode, setShiftMode] = React3.useState("off");
-  const [mode, setMode] = React3.useState("letters");
-  const lastShiftPress = React3.useRef(0);
-  const { currentInputField, write, setIsOpen, backspace } = useKeyboardStore();
-  const isUpper = shiftMode !== "off";
-  React3.useEffect(() => {
-    const handleKeyDown = (e) => {
-      if (!currentInputField) return;
-      const key = e.key;
-      if (key === "Enter") {
-        e.preventDefault();
-        onEnter?.();
-        return;
+  ) });
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
-      if (key === "Backspace") {
-        backspace();
-        e.preventDefault();
-        onDelete?.();
-        return;
-      }
-      if (key === " ") {
-        e.preventDefault();
-        handleKey(" ");
-        return;
-      }
-      if (key === "Shift") {
-        handleShift();
-        return;
-      }
-      if (key === "CapsLock") {
-        handleCaps();
-        return;
-      }
-      if (key === "Tab") {
-        e.preventDefault();
-        return;
-      }
-      if (key === "Escape") {
-        setIsOpen(false);
-        return;
-      }
-      if (key.length === 1) {
-        handleKey(key);
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [currentInputField, shiftMode]);
-  const handleShift = () => {
-    const now = Date.now();
-    if (now - lastShiftPress.current < 300) {
-      setShiftMode((prev) => prev === "caps" ? "off" : "caps");
-    } else {
-      setShiftMode((prev) => prev === "once" ? "off" : "once");
+    },
+    defaultVariants: {
+      variant: "default"
     }
-    lastShiftPress.current = now;
-  };
-  const handleKey = (key) => {
-    const output = isUpper ? key.toUpperCase() : key;
-    onKeyPress?.(output);
-    write(output);
-    if (shiftMode === "once") setShiftMode("off");
-  };
-  const handleCaps = () => {
-    setShiftMode((prev) => prev === "caps" ? "off" : "caps");
-  };
-  const shiftLabel = shiftMode === "caps" ? lucideReact.ArrowBigUpDash : lucideReact.ArrowBigUp;
-  const shiftActive = shiftMode !== "off";
-  const textField = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: currentInputField && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 h-full min-h-16 flex-1 flex flex-row text-2xl font-bold justify-center text-center items-center gap-2 rounded-xl border-2 transition-all  outline-none border-amber-400 bg-amber-50 ", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentInputField.input && currentInputField.input.keyboardType == "password" /* PASSWORD */ ? "\u2022".repeat(currentInputField.field?.value.toString().length) : currentInputField.field?.value || "" }) }) });
-  if (mode === "symbols") {
-    const keys = [
-      ["!", "@", "#", "$", "%", "^", "&", "*", "(", ")"],
-      ["~", "`", "|", "\\", "/", "{", "}", "[", "]"],
-      ["+", "=", "<", ">", "?", "'", '"', ":", ";"]
-    ].map(
-      (row) => row.map((k) => ({
-        label: k,
-        onClick: () => handleKey(k)
-      }))
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col", children: [
-      textField,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        KeyboardBuilder,
-        {
-          className: "w-full h-full",
-          keyFontSize: keyFontSize3,
-          keys: [
-            ...keys,
-            [
-              { label: "ABC", onClick: () => setMode("letters"), className: "flex-[2]" },
-              { label: " ", onClick: () => handleKey(" "), className: "flex-[4]" },
-              { label: "Enter", onClick: onEnter, className: "flex-[2] bg-green-200 " }
-            ]
-          ]
-        }
-      )
-    ] });
   }
-  const fila1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"].map((l) => letter(l, isUpper, handleKey));
-  const fila2 = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"].map((l) => letter(l, isUpper, handleKey));
-  const fila3 = ["a", "s", "d", "f", "g", "h", "j", "k", "l"].map((l) => letter(l, isUpper, handleKey));
-  const fila4 = ["z", "x", "c", "v", "b", "n", "m"].map((l) => letter(l, isUpper, handleKey));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col", children: [
-    textField,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      KeyboardBuilder,
-      {
-        className: "w-full h-full flex-3",
-        keyFontSize: keyFontSize3,
-        keys: [
-          [
-            { label: "esc", onClick: () => {
-              setIsOpen(false);
-            }, className: "bg-red-200" },
-            ...fila1,
-            { label: "delete", icons: [lucideReact.DeleteIcon], onClick: () => {
-              backspace();
-            }, className: "bg-red-200 text-xs" }
-          ],
-          [
-            { label: "tab", onClick: () => {
-            } },
-            ...fila2
-            // { icons:[Delete], onClick: backspace, className: 'text-xs' },
-          ],
-          [
-            { label: "caps", onClick: handleCaps },
-            ...fila3
-          ],
-          [
-            {
-              label: "",
-              icons: [shiftLabel],
-              onClick: handleShift,
-              className: "flex-1",
-              isActive: shiftActive
-            },
-            ...fila4,
-            { label: ".", onClick: () => handleKey(".") },
-            { label: "-", onClick: () => handleKey("-") },
-            { label: "_", onClick: () => handleKey("_") }
-          ],
-          [
-            { label: "?123", onClick: () => setMode("symbols"), className: "flex-[2]" },
-            { label: " ", onClick: () => handleKey(" "), className: "flex-[4]" },
-            { label: "Enter", onClick: onEnter, className: "flex-[2] bg-green-200" }
-          ]
-        ]
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+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"
       }
-    )
-  ] });
-};
-var keyboardMap = {
-  ["qwerty" /* QWERTY */]: QwertyKeyboard,
-  ["qwerty_not_chars" /* QWERTY_NOT_CHARS */]: QwertyKeyboard,
-  ["number" /* NUMBER */]: QwertyKeyboard
-};
-var KeyboardFactory = class {
-  static create(typeKeyboard, input) {
-    const inputKbType = input?.keyboardType;
-    let keyboardType = typeKeyboard ?? "qwerty" /* QWERTY */;
-    if (inputKbType) {
-      if (inputKbType == "number" /* NUMBER */) keyboardType = "number" /* NUMBER */;
+    },
+    defaultVariants: {
+      orientation: "horizontal"
     }
-    const keyboardClass = keyboardMap[keyboardType] ?? QwertyKeyboard;
-    const instance = new keyboardClass();
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: instance.render() });
-  }
-};
-
-// src/components/custom/form/input-errors.ts
-var validationMessages = {
-  required: "Este campo es obligatorio",
-  email: "El correo electr\xF3nico no es v\xE1lido",
-  invalidFormat: "Formato inv\xE1lido",
-  onlyPositive: "Solo n\xFAmeros positivos",
-  minLength: (length) => `Debe tener al menos ${length} caracteres`,
-  maxLength: (length) => `No puede tener m\xE1s de ${length} caracteres`,
-  passwordMismatch: "Las contrase\xF1as no coinciden",
-  invalidPhone: "El n\xFAmero de tel\xE9fono no es v\xE1lido"
-};
-
-// src/components/custom/form/inputs/base/base-input.ts
-var BaseInput = class {
-  constructor(input, form, isSubmitting) {
-    this.input = input;
-    this.form = form;
-    this.isSubmitting = isSubmitting;
-  }
-};
-var entityToInputOption = (entitiy, name = "name", description = "description", groupedLabel, optionLabel = "label") => ({
-  id: entitiy["id"],
-  name: entitiy[name],
-  label: entitiy[optionLabel],
-  description: entitiy[description],
-  groupedLabel
-});
-var entitiesToInputOption = (data, optionValue = "name", groupedLabel, optionLabel = "description") => {
-  const entities = [];
-  for (const key of data) {
-    const entidad = entityToInputOption(key, optionValue, optionLabel, groupedLabel);
-    if (entidad) entities.push(entidad);
-  }
-  return entities;
-};
-var entityToGroupedOption = (entitiy, name = "name") => ({
-  id: entitiy["id"],
-  label: entitiy[name] || entitiy["label"],
-  options: entitiy["options"] || [],
-  selectedOptions: []
-});
-var entitiesToGroupedOption = (data, optionValue = "name") => {
-  const entities = [];
-  for (const key of data) {
-    const entidad = entityToGroupedOption(key, optionValue);
-    if (entidad) entities.push(entidad);
-  }
-  return entities;
-};
-var handleOnChage = (event, input, field) => {
-  let value = event;
-  if (event && typeof event === "object" && "target" in event) {
-    value = event.target.value;
-  }
-  field?.onChange(value);
-  const data = input.form?.getValues();
-  input.onChange?.(value, data);
-  input.onAnyFieldChange?.(data);
-};
-var isValidField = (input, form, defaultValue) => {
-  const value = defaultValue ?? form.getValues(input.name);
-  const fieldState = form.getFieldState(input.name);
-  if (input.zodType) {
-    const result = input.zodType.safeParse(value);
-    return result.success;
   }
-  return !fieldState.error && value !== void 0 && value !== "";
-};
-
-// src/components/custom/form/inputs/base/input-types.ts
-var InputTypes = /* @__PURE__ */ ((InputTypes3) => {
-  InputTypes3["HIDDEN"] = "hidden";
-  InputTypes3["TEXT"] = "text";
-  InputTypes3["TEXT_GROUP"] = "text_group";
-  InputTypes3["NUMBER"] = "number";
-  InputTypes3["SWITCH"] = "switch";
-  InputTypes3["CHECKBOX"] = "checkbox";
-  InputTypes3["SELECT"] = "select";
-  InputTypes3["SIMPLE_CHECK_LIST"] = "siple_checklist";
-  InputTypes3["CHECK_LIST"] = "checklist";
-  InputTypes3["GROUPED_SWITCH_LIST"] = "grouped_switchlist";
-  InputTypes3["ACCORDION_GROUPED_SWITCH_LIST"] = "accordion_grouped_switchlist";
-  InputTypes3["DATE"] = "date";
-  InputTypes3["TEXTAREA"] = "textarea";
-  InputTypes3["FILE"] = "file";
-  InputTypes3["OTP"] = "otp";
-  InputTypes3["FORM"] = "form";
-  InputTypes3["COLOR"] = "color";
-  InputTypes3["RADIO_GROUP"] = "radio_group";
-  InputTypes3["TAGS"] = "tags";
-  InputTypes3["DATE_TIME"] = "date_time";
-  InputTypes3["TIME"] = "time";
-  InputTypes3["FILE_MULTI_UPLOAD"] = "file_multi_upload";
-  InputTypes3["SLIDER"] = "slider";
-  InputTypes3["BUTTON_GROUP"] = "button_group";
-  InputTypes3["CURRENCY"] = "currency";
-  InputTypes3["KEY_VALUE"] = "key_value";
-  InputTypes3["REPEATER"] = "repeater";
-  InputTypes3["MULTI_SELECT"] = "multi_select";
-  InputTypes3["COMBOBOX"] = "COMBO_BOX";
-  InputTypes3["SORTABLE_LIST"] = "sortable_list";
-  InputTypes3["REPEATER_TABS"] = "repeater_tabs";
-  InputTypes3["STRING_LIST"] = "string_list";
-  InputTypes3["RATING"] = "rating";
-  InputTypes3["PHONE"] = "phone";
-  InputTypes3["URL"] = "url";
-  InputTypes3["PASSWORD"] = "password";
-  InputTypes3["AUTOCOMPLETE"] = "autocomplete";
-  InputTypes3["EMAIL"] = "email";
-  InputTypes3["SEARCH"] = "search";
-  InputTypes3["LOCATION_PICKER"] = "location_picker";
-  InputTypes3["DATE_RANGE"] = "date_range";
-  InputTypes3["COUNTRY_SELECT"] = "country_select";
-  InputTypes3["RANGE"] = "range";
-  InputTypes3["FILE_UPLOAD"] = "file_upload";
-  return InputTypes3;
-})(InputTypes || {});
-var inputFieldComp = [
-  "string_list" /* STRING_LIST */,
-  "repeater_tabs" /* REPEATER_TABS */,
-  "sortable_list" /* SORTABLE_LIST */,
-  "COMBO_BOX" /* COMBOBOX */,
-  "multi_select" /* MULTI_SELECT */,
-  "repeater" /* REPEATER */,
-  "key_value" /* KEY_VALUE */,
-  "currency" /* CURRENCY */,
-  "button_group" /* BUTTON_GROUP */,
-  "slider" /* SLIDER */,
-  "file_multi_upload" /* FILE_MULTI_UPLOAD */,
-  "time" /* TIME */,
-  "date_time" /* DATE_TIME */,
-  "tags" /* TAGS */,
-  "radio_group" /* RADIO_GROUP */,
-  "text_group" /* TEXT_GROUP */,
-  "accordion_grouped_switchlist" /* ACCORDION_GROUPED_SWITCH_LIST */,
-  "grouped_switchlist" /* GROUPED_SWITCH_LIST */,
-  "text" /* TEXT */,
-  "switch" /* SWITCH */,
-  "siple_checklist" /* SIMPLE_CHECK_LIST */,
-  "checkbox" /* CHECKBOX */,
-  "color" /* COLOR */,
-  "otp" /* OTP */,
-  "select" /* SELECT */,
-  "date" /* DATE */,
-  "file" /* FILE */,
-  "form" /* FORM */,
-  "number" /* NUMBER */,
-  "textarea" /* TEXTAREA */,
-  // InputTypes.SWITCH_LIST,
-  "hidden" /* HIDDEN */,
-  // ✨ New input types (v1.35.0)
-  "rating" /* RATING */,
-  "phone" /* PHONE */,
-  "url" /* URL */,
-  "password" /* PASSWORD */,
-  "autocomplete" /* AUTOCOMPLETE */,
-  // ✨ New input types (v1.36.0)
-  "email" /* EMAIL */,
-  "search" /* SEARCH */,
-  "location_picker" /* LOCATION_PICKER */,
-  "date_range" /* DATE_RANGE */,
-  "country_select" /* COUNTRY_SELECT */,
-  "range" /* RANGE */,
-  // ✨ New input types (v1.37.0)
-  "file_upload" /* FILE_UPLOAD */
-];
-function Accordion({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
-      ...props
-    }
-  );
-}
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
-      ]
-    }
-  ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
-    }
-  );
-}
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-function AlertDialogOverlay({
+);
+function ButtonGroup({
   className,
+  orientation: orientation2,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.AlertDialog.Overlay,
+    "div",
     {
-      "data-slot": "alert-dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation2,
+      className: cn(buttonGroupVariants({ orientation: orientation2 }), className),
       ...props
     }
   );
 }
-function AlertDialogContent({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      radixUi.AlertDialog.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        "data-size": size,
-        className: cn(
-          "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({
+function ButtonGroupText({
   className,
+  asChild = false,
   ...props
 }) {
+  const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    Comp,
     {
-      "data-slot": "alert-dialog-header",
       className: cn(
-        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        "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 AlertDialogFooter({
+function ButtonGroupSeparator({
   className,
+  orientation: orientation2 = "vertical",
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    Separator,
     {
-      "data-slot": "alert-dialog-footer",
+      "data-slot": "button-group-separator",
+      orientation: orientation2,
       className: cn(
-        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
         className
       ),
       ...props
     }
   );
 }
-function AlertDialogTitle({
+function Calendar({
   className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
   ...props
 }) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.AlertDialog.Title,
+    reactDayPicker.DayPicker,
     {
-      "data-slot": "alert-dialog-title",
+      showOutsideDays,
       className: cn(
-        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.AlertDialog.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function AlertDialogMedia({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-media",
-      className: cn(
-        "mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.AlertDialog.Action,
-    {
-      "data-slot": "alert-dialog-action",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-function AlertDialogCancel({
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.AlertDialog.Cancel,
-    {
-      "data-slot": "alert-dialog-cancel",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-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
-    }
-  );
-}
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}) {
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
-    {
-      showOutsideDays,
-      className: cn(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
       ),
       captionLayout,
@@ -12378,6 +11707,16 @@ function SelectScrollDownButton({
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Root, { "data-slot": "sheet", ...props });
 }
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "sheet-close", ...props });
+}
 function SheetPortal({
   ...props
 }) {
@@ -12413,7 +11752,7 @@ function SheetContent({
       {
         "data-slot": "sheet-content",
         className: cn(
-          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+          "fixed z-50 flex flex-col gap-2 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
           side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
           side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
           side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
@@ -12437,7 +11776,7 @@ function SheetHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
+      className: cn("flex flex-col gap-1.5 p-2", className),
       ...props
     }
   );
@@ -12447,7 +11786,7 @@ function SheetFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: cn("mt-auto flex flex-col gap-2 p-2", className),
       ...props
     }
   );
@@ -12734,6 +12073,975 @@ function TooltipContent({
     }
   ) });
 }
+
+// src/components/custom/keyboard/keyboard-types.ts
+var KeyboardTypes = /* @__PURE__ */ ((KeyboardTypes3) => {
+  KeyboardTypes3["QWERTY"] = "qwerty";
+  KeyboardTypes3["NUMBER"] = "number";
+  KeyboardTypes3["QWERTY_NOT_CHARS"] = "qwerty_not_chars";
+  return KeyboardTypes3;
+})(KeyboardTypes || {});
+
+// src/components/custom/keyboard/providers/keyboard.store.ts
+var useKeyboardStore = zustand.create((set, get) => ({
+  isInputRequired: false,
+  activeInput: null,
+  inputs: {},
+  type: "qwerty" /* QWERTY */,
+  currentInputField: null,
+  children: void 0,
+  isOpen: false,
+  isOpenDynamic: false,
+  value: "",
+  onEnter: void 0,
+  setChildren(children) {
+    set({ children });
+  },
+  setOnEnter(onEnter) {
+    set({ onEnter });
+  },
+  setCurrentInputField(inputField) {
+    set({ currentInputField: inputField, isInputRequired: true });
+  },
+  setIsOpen(open) {
+    if (!open) set({ value: "" });
+    set({ isOpen: open ?? !get().isOpen, children: void 0 });
+    if (!get().isOpen) {
+      set({
+        children: void 0,
+        value: "",
+        currentInputField: null,
+        isInputRequired: false,
+        onEnter: void 0
+      });
+    }
+  },
+  setIsOpenDynamic(open) {
+    if (!open) set({ value: "" });
+    set({ isOpenDynamic: open ?? !get().isOpenDynamic });
+    if (!get().isOpenDynamic) {
+      set({
+        children: void 0,
+        value: "",
+        currentInputField: null,
+        isInputRequired: false
+      });
+    }
+  },
+  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) => {
+  //     const current = state.currentInputField;
+  //     if (!current?.field) return state;
+  //     const newValue = (current.field.value ?? "") + char;
+  //     current.field.onChange(newValue); // 🔥 RHF update
+  //     return {
+  //       currentInputField: {
+  //         ...current,
+  //         field: {
+  //           ...current.field,
+  //           value: newValue
+  //         }
+  //       }
+  //     };
+  // }),
+  write: (char) => set((state) => {
+    if (!state.isInputRequired) {
+      const newValue = get().value + char;
+      set({ value: newValue });
+      state.value = newValue;
+      return state;
+    }
+    let currentInputField = state.currentInputField;
+    if (currentInputField && currentInputField.field) {
+      currentInputField.field.value += char;
+      const newValue = currentInputField.field.value;
+      set({ currentInputField });
+      currentInputField.field.onChange(newValue);
+    }
+    if (!state.activeInput) return state;
+    const current = state.inputs[state.activeInput] || "";
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: current + char
+      }
+    };
+  }),
+  backspace: () => set((state) => {
+    if (!state.isInputRequired) {
+      set({ value: state.value.slice(0, -1) });
+      state.value = state.value.slice(0, -1);
+    }
+    let currentInputField = state.currentInputField;
+    if (currentInputField && currentInputField.field) {
+      const newValue = currentInputField.field.value.slice(0, -1);
+      currentInputField.field.value = newValue;
+      set({ currentInputField });
+      currentInputField.field.onChange(newValue);
+    }
+    if (!state.activeInput) return state;
+    const current = state.inputs[state.activeInput] || "";
+    console.log("RUN BACKSPACE - current value:", current);
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: current.slice(0, -1)
+      }
+    };
+  }),
+  clear: () => set((state) => {
+    if (!state.isInputRequired) {
+      set({ value: "" });
+      state.value = "";
+    }
+    if (!state.activeInput) return state;
+    return {
+      inputs: {
+        ...state.inputs,
+        [state.activeInput]: ""
+      }
+    };
+  }),
+  setValue: (id, value) => set((state) => ({
+    inputs: {
+      ...state.inputs,
+      [id]: value
+    }
+  }))
+}));
+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.jsx(SheetContent, { side, className, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetDescription, { children: [
+      childrenHeader,
+      children
+    ] })
+  ] }) }) });
+};
+var DynamicDialog = ({
+  open,
+  onOpenChange,
+  trigger,
+  title = "Are you absolutely sure?",
+  description = "This action cannot be undone.",
+  cancelText = "Cerrar",
+  actionText = "Procesar",
+  className = "bg-red-600 text-white font-bold",
+  variant = "info",
+  loading = false,
+  autoCloseOnFinish = true,
+  onAction,
+  children,
+  listBtnConfig = [],
+  btnGroupDirection = "flex-end",
+  submitBtnClass = "h-16",
+  iconSize = "w-16 h-16",
+  btnHeightClass = "h-16 text-xl",
+  showActionBtn = true,
+  centerContent = false
+}) => {
+  const isLoading = variant === "loading" || loading;
+  React3.useEffect(() => {
+    if (!isLoading && open && autoCloseOnFinish) {
+      onOpenChange?.(false);
+    }
+  }, [isLoading]);
+  const getVariantStyles = () => {
+    switch (variant) {
+      case "info":
+        return {
+          container: "!bg-blue-100 !text-blue-800 dark:!bg-blue-900 dark:!text-blue-200",
+          border: "!border-blue-500/30 dark:!border-blue-300/30",
+          media: "bg-blue-500/10 dark:bg-blue-300/10",
+          action: "text-blue-200 bg-blue-500 dark:bg-blue-300",
+          icon: "text-blue-500 dark:text-blue-300",
+          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleWarning, { className: iconSize })
+        };
+      case "warning":
+        return {
+          container: "!bg-yellow-100 !text-yellow-800 dark:!bg-yellow-900 dark:!text-yellow-200",
+          border: "!border-yellow-500/30 dark:!border-yellow-300/30",
+          media: "bg-yellow-500/10 dark:bg-yellow-300/10",
+          action: "text-yellow-200 bg-yellow-500 dark:bg-yellow-300",
+          icon: "text-yellow-500 dark:text-yellow-300",
+          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: iconSize })
+        };
+      case "error":
+      case "delete":
+        return {
+          container: "!bg-red-100 !text-red-800 dark:!bg-red-900 dark:!text-red-200",
+          border: "!border-red-500/30 dark:!border-red-300/30",
+          media: "bg-red-500/10 dark:bg-red-300/10",
+          action: "text-red-200 bg-red-500 dark:bg-red-300",
+          icon: "text-red-500 dark:text-red-300",
+          iconNode: variant === "delete" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: iconSize }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonX, { className: iconSize })
+        };
+      case "success":
+        return {
+          container: "!bg-green-100 !text-green-800 dark:!bg-green-900 dark:!text-green-200",
+          border: "!border-green-500/30 dark:!border-green-300/30",
+          media: "bg-green-500/10 dark:bg-green-300/10",
+          action: "text-green-200 bg-green-500 dark:bg-green-300",
+          icon: "text-green-500 dark:text-green-300",
+          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: iconSize })
+        };
+      case "confirm":
+        return {
+          container: "!bg-purple-100 !text-purple-800 dark:!bg-purple-900 dark:!text-purple-200",
+          border: "!border-purple-500/30 dark:!border-purple-300/30",
+          media: "bg-purple-500/10 dark:bg-purple-300/10",
+          action: "text-purple-200 bg-purple-500 dark:bg-purple-300",
+          icon: "text-purple-500 dark:text-purple-300",
+          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleQuestionMark, { className: iconSize })
+        };
+      case "loading":
+        return {
+          container: "!bg-gray-100 !text-gray-800 dark:!bg-gray-900 dark:!text-gray-200",
+          border: "!border-gray-500/30 dark:!border-gray-300/30",
+          media: "bg-gray-500/10 dark:bg-gray-300/10",
+          action: "text-gray-200 bg-gray-500 dark:bg-gray-300",
+          icon: "text-gray-500 dark:text-gray-300",
+          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: cn(iconSize, "animate-spin") })
+        };
+    }
+  };
+  const styles = getVariantStyles();
+  const handleActionClick = async () => {
+    if (!onAction) return;
+    const result = onAction();
+    if (result instanceof Promise) {
+      await result;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialog, { open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      AlertDialogContent,
+      {
+        className: cn(
+          "w-full h-fit font-mono border-x-8",
+          styles.container,
+          styles.border
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { className: "flex flex-col justify-center w-full text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+              AlertDialogMedia,
+              {
+                className: cn(
+                  styles.media,
+                  "rounded-full flex items-center justify-center",
+                  iconSize
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.icon, children: styles.iconNode })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { className: "text-2xl text-center w-full", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogDescription, { className: cn("text-xl w-full flex-row", centerContent ? "text-center" : "text-left"), children: description })
+          ] }),
+          children,
+          !isLoading && /* @__PURE__ */ jsxRuntime.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            ButtonGroup,
+            {
+              className: "flex w-full",
+              style: {
+                justifyContent: btnGroupDirection,
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { className: cn("flex-1", btnHeightClass), children: cancelText }),
+                listBtnConfig.map((btn, key) => /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    type: btn.btnType,
+                    size: "lg",
+                    className: cn(btnHeightClass, submitBtnClass),
+                    variant: btn.variant,
+                    onClick: btn.onClick,
+                    disabled: btn.disabled,
+                    children: btn.label
+                  },
+                  key
+                )),
+                onAction && showActionBtn && /* @__PURE__ */ jsxRuntime.jsx(
+                  AlertDialogAction,
+                  {
+                    onClick: handleActionClick,
+                    className: cn(
+                      "flex-1",
+                      btnHeightClass,
+                      className,
+                      styles.action
+                    ),
+                    children: actionText
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+var InputList = ({ handleAddInput, inputsTypes }) => {
+  const [inputSetups, setInputSetups] = React3.useState(
+    () => Object.fromEntries(
+      inputsTypes.map((type) => [type, { required: false, disabled: false }])
+    )
+  );
+  const toggleConfig = (type, key) => {
+    setInputSetups((prev) => ({
+      ...prev,
+      [type]: { ...prev[type], [key]: !prev[type][key] }
+    }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-1", children: inputsTypes.map((type) => {
+    const setup = inputSetups[type];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "border rounded-lg p-2 flex flex-col-2 gap-1 shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "icon", onClick: () => handleAddInput(type, setup), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "item-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-center w-full  content-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-xl", children: type }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Switch,
+                  {
+                    checked: setup.required,
+                    onCheckedChange: () => toggleConfig(type, "required")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Required" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Switch,
+                  {
+                    checked: setup.disabled,
+                    onCheckedChange: () => toggleConfig(type, "disabled")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Disabled" })
+              ] })
+            ] }) })
+          ] }) })
+        ]
+      },
+      type
+    );
+  }) });
+};
+
+// src/components/custom/form/input-errors.ts
+var validationMessages = {
+  required: "Este campo es obligatorio",
+  email: "El correo electr\xF3nico no es v\xE1lido",
+  invalidFormat: "Formato inv\xE1lido",
+  onlyPositive: "Solo n\xFAmeros positivos",
+  minLength: (length) => `Debe tener al menos ${length} caracteres`,
+  maxLength: (length) => `No puede tener m\xE1s de ${length} caracteres`,
+  passwordMismatch: "Las contrase\xF1as no coinciden",
+  invalidPhone: "El n\xFAmero de tel\xE9fono no es v\xE1lido"
+};
+function normalizeBorder(border, defaultWidth = 4) {
+  if (!border) return null;
+  if (typeof border === "string") {
+    return { width: defaultWidth, color: border };
+  }
+  return { width: border.width ?? defaultWidth, color: border.color };
+}
+function generateBorderShadows(borders) {
+  if (!borders) return "none";
+  const shadows = [];
+  const allBorder = normalizeBorder(borders.all);
+  const left = normalizeBorder(borders.left) ?? allBorder;
+  const right = normalizeBorder(borders.right) ?? allBorder;
+  const top = normalizeBorder(borders.top) ?? allBorder;
+  const bottom = normalizeBorder(borders.bottom) ?? allBorder;
+  if (left?.color) {
+    shadows.push(`inset ${left.width}px 0 0 0 ${left.color}`);
+  }
+  if (right?.color) {
+    shadows.push(`inset -${right.width}px 0 0 0 ${right.color}`);
+  }
+  if (top?.color) {
+    shadows.push(`inset 0 ${top.width}px 0 0 ${top.color}`);
+  }
+  if (bottom?.color) {
+    shadows.push(`inset 0 -${bottom.width}px 0 0 ${bottom.color}`);
+  }
+  return shadows.length > 0 ? shadows.join(", ") : "none";
+}
+var Key = ({
+  label,
+  onClick,
+  onDoubleClick,
+  style,
+  disabled = false,
+  className,
+  shortcut,
+  children,
+  withLabel = true,
+  isActive = false,
+  fontSize = "text-sm",
+  icons,
+  borders,
+  // iconSize = 72,
+  iconClassName = "w-8 h-8"
+}) => {
+  let content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    withLabel && label,
+    shortcut && ` (${shortcut})`
+  ] });
+  if (children) content = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  const borderShadow = generateBorderShadows(borders);
+  const hasBorders = borders && borderShadow !== "none";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      disabled,
+      onDoubleClick,
+      onClick: (e) => onClick?.(label ?? e.currentTarget.textContent ?? ""),
+      style: {
+        ...style,
+        ...hasBorders && { boxShadow: borderShadow }
+      },
+      className: cn(
+        // Base
+        "shadow-md shadow-black/20",
+        "flex flex-1 items-center justify-center rounded-lg h-full w-full",
+        "font-mono font-bold transition-all duration-100",
+        "active:scale-95",
+        fontSize,
+        // Estados base (soft UI)
+        "border border-(--color-border)",
+        "bg-(--color-secondary-soft) text-(--color-foreground)",
+        // Hover
+        "hover:bg-(--color-accent-soft)",
+        // Active click (presionado)
+        "active:bg-(--color-primary) active:text-(--color-primary-foreground)",
+        // Estado activo (seleccionado)
+        isActive && "bg-(--color-primary) text-(--color-primary-foreground) border-(--color-primary)",
+        // Backspace especial
+        // label === '⌫' &&
+        //   'bg-(--color-destructive) text-white hover:opacity-90',
+        // Overflow hidden para que los bordes respeten el border-radius
+        "overflow-hidden",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center items-center", children: [
+        icons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-center text-3xl", children: icons.map((IconComponent, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          IconComponent,
+          {
+            className: iconClassName
+          },
+          index
+        )) }),
+        content
+      ] })
+    }
+  );
+};
+var applyCase = (label, upper) => {
+  if (!label || label.length !== 1 || !/[a-z]/.test(label)) return label;
+  return upper ? label.toUpperCase() : label;
+};
+var letter = (l, isUpper, handleKey) => ({
+  label: applyCase(l, isUpper),
+  onClick: handleKey,
+  className: "flex-1"
+});
+
+// src/components/custom/keyboard/keyboard-base.tsx
+var BaseKeyboard = class {
+  constructor(input, children, className, keyFontSize) {
+    this.input = input;
+    this.children = children;
+    this.className = className;
+    this.keyFontSize = keyFontSize;
+  }
+};
+var KeyboardBuilder = ({
+  keys,
+  withCard = false,
+  className,
+  keyFontSize
+}) => {
+  const keyMap = React3.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    keys?.forEach((row) => {
+      row.forEach((k) => {
+        if (k.shortcut) {
+          map.set(k.shortcut.toLowerCase(), k);
+        }
+      });
+    });
+    return map;
+  }, [keys]);
+  const triggerKey = React3.useCallback((pressedKey) => {
+    const key = keyMap.get(pressedKey.toLowerCase());
+    if (key && !key.disabled) {
+      key.onClick?.(pressedKey);
+      const keyboardEvent = new KeyboardEvent("keydown", {
+        key: pressedKey,
+        bubbles: true
+      });
+      window.dispatchEvent(keyboardEvent);
+    }
+  }, [keyMap]);
+  React3.useEffect(() => {
+    const handleKeyDown = (event) => {
+      const active = document.activeElement;
+      if (active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active && active.getAttribute("contenteditable") === "true") {
+        console.log("\u{1F680} ~ Ignorando tecla porque el foco est\xE1 en un input:", event.key);
+        return;
+      }
+      triggerKey(event.key);
+      event.preventDefault();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [triggerKey]);
+  const content = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        `flex-1 grid grid-rows-${keys?.length} py-0.5 h-full`,
+        className
+      ),
+      children: keys?.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row py-0.5 gap-1 h-full", children: row.map((key, indx) => {
+        const handleClick = () => {
+          triggerKey(key.label ?? "");
+          key.onClick?.(key.label ?? "");
+          if (!key.shortcut) return;
+          triggerKey(key.shortcut);
+        };
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          key.label == "" && !key.icons?.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${key.className}` }, indx),
+          (key.label != "" || key.icons?.length) && /* @__PURE__ */ jsxRuntime.jsx(
+            Key,
+            {
+              borders: {
+                left: key.disabled ? "grey" : "",
+                bottom: key.disabled ? "grey" : ""
+              },
+              label: key.label,
+              onClick: handleClick,
+              shortcut: key.shortcut,
+              icons: key.icons,
+              className: `${key.className} ${key.disabled ? "bg-muted-foreground h-full" : "h-full"}`,
+              iconClassName: key.iconClassName,
+              iconSize: key.iconSize,
+              fontSize: keyFontSize,
+              isActive: key.isActive,
+              disabled: key.disabled,
+              style: key.style,
+              children: key.children
+            },
+            indx
+          )
+        ] });
+      }) }, ri))
+    }
+  );
+  if (!withCard) return content;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full m-0.5 p-1", className), children: content });
+};
+
+// src/components/custom/form/inputs/base/definitions.ts
+var flattenFields = (fields, onAnyFieldChange) => {
+  const result = [];
+  for (const field of fields) {
+    if (Array.isArray(field)) {
+      result.push(...flattenFields(field));
+    } else if (field.fields) {
+      result.push(...flattenFields(field.fields));
+    } else {
+      if (onAnyFieldChange) field.onAnyFieldChange = (data) => onAnyFieldChange(data);
+      result.push(field);
+    }
+  }
+  return result;
+};
+var TextInputType = /* @__PURE__ */ ((TextInputType3) => {
+  TextInputType3["DEFAULT"] = "default";
+  TextInputType3["NUMBER"] = "number";
+  TextInputType3["EMAIL"] = "email";
+  TextInputType3["PHONE"] = "phone";
+  TextInputType3["PASSWORD"] = "password";
+  return TextInputType3;
+})(TextInputType || {});
+var QwertyKeyboard = class extends BaseKeyboard {
+  render() {
+    const { input, children, className, keyFontSize } = this;
+    return /* @__PURE__ */ jsxRuntime.jsx(KeyboardQwerty, { children, input, className, keyFontSize });
+  }
+};
+var KeyboardQwerty = ({ onKeyPress, onEnter, keyFontSize = "text-2xl", onDelete, input, children, className }) => {
+  const [shiftMode, setShiftMode] = React3.useState("off");
+  const [mode, setMode] = React3.useState("letters");
+  const lastShiftPress = React3.useRef(0);
+  const { currentInputField, write, setIsOpen, backspace, isInputRequired } = useKeyboardStore();
+  const storeonEnter = useKeyboardStore((state) => state.onEnter);
+  const isUpper = shiftMode !== "off";
+  React3.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (isInputRequired && !currentInputField) return;
+      const key = e.key;
+      if (key === "Enter") {
+        e.preventDefault();
+        onEnter?.();
+        storeonEnter?.();
+        return;
+      }
+      if (key === "Backspace") {
+        backspace();
+        e.preventDefault();
+        onDelete?.();
+        return;
+      }
+      if (key === " ") {
+        e.preventDefault();
+        handleKey(" ");
+        return;
+      }
+      if (key === "Shift") {
+        handleShift();
+        return;
+      }
+      if (key === "CapsLock") {
+        handleCaps();
+        return;
+      }
+      if (key === "Tab") {
+        e.preventDefault();
+        return;
+      }
+      if (key === "Escape") {
+        setIsOpen(false);
+        return;
+      }
+      if (key.length === 1) {
+        handleKey(key);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [currentInputField, shiftMode]);
+  const handleShift = () => {
+    const now = Date.now();
+    if (now - lastShiftPress.current < 300) {
+      setShiftMode((prev) => prev === "caps" ? "off" : "caps");
+    } else {
+      setShiftMode((prev) => prev === "once" ? "off" : "once");
+    }
+    lastShiftPress.current = now;
+  };
+  const handleKey = (key) => {
+    const output = isUpper ? key.toUpperCase() : key;
+    onKeyPress?.(output);
+    write(output);
+    if (shiftMode === "once") setShiftMode("off");
+  };
+  const handleCaps = () => {
+    setShiftMode((prev) => prev === "caps" ? "off" : "caps");
+  };
+  const shiftLabel = shiftMode === "caps" ? lucideReact.ArrowBigUpDash : lucideReact.ArrowBigUp;
+  const shiftActive = shiftMode !== "off";
+  const textField = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children && children,
+    !children && currentInputField && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 h-full min-h-16 flex-1 flex flex-row text-2xl font-bold justify-center text-center items-center gap-2 rounded-xl border-2 transition-all  outline-none border-amber-400 bg-amber-50 ", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentInputField.input && currentInputField.input.keyboardType == "password" /* PASSWORD */ ? "\u2022".repeat(currentInputField.field?.value.toString().length) : currentInputField.field?.value || "" }) })
+  ] });
+  const btnDelete = { label: "delete", icons: [lucideReact.DeleteIcon], onClick: () => {
+    backspace();
+  }, className: "bg-red-200 text-xs", style: { backgroundColor: "#faba005e" } };
+  const btnEsc = { label: "esc", onClick: () => {
+    setIsOpen(false);
+  }, className: "", style: { backgroundColor: "#ffc0c0" } };
+  const btnEnter = { label: "Enter", onClick: onEnter, className: "flex-[2] bg-green-200", style: { backgroundColor: "#008f003d" } };
+  if (mode === "symbols") {
+    const keys = [
+      ["esc", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")"],
+      ["~", "`", "|", "\\", "/", "{", "}", "[", "]"],
+      ["+", "=", "<", ">", "?", "'", '"', ":", ";"]
+    ].map(
+      (row, index) => row.map(
+        (k, idx) => {
+          const isEsc = k == "esc";
+          if (index == 0 && idx == row.length - 1) return btnDelete;
+          if (isEsc) return btnEsc;
+          return {
+            label: k,
+            onClick: () => isEsc ? setIsOpen(false) : handleKey(k),
+            className: isEsc ? "bg-red-600" : ""
+          };
+        }
+      )
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full h-full flex flex-col", className), children: [
+      textField,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        KeyboardBuilder,
+        {
+          className: "w-full h-full",
+          keyFontSize,
+          keys: [
+            ...keys,
+            [
+              { label: "ABC", onClick: () => setMode("letters"), className: "flex-[2]" },
+              { label: " ", onClick: () => handleKey(" "), className: "flex-[4]" },
+              btnEnter
+            ]
+          ]
+        }
+      )
+    ] });
+  }
+  const fila1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"].map((l) => letter(l, isUpper, handleKey));
+  const fila2 = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"].map((l) => letter(l, isUpper, handleKey));
+  const fila3 = ["a", "s", "d", "f", "g", "h", "j", "k", "l"].map((l) => letter(l, isUpper, handleKey));
+  const fila4 = ["z", "x", "c", "v", "b", "n", "m"].map((l) => letter(l, isUpper, handleKey));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col", children: [
+    textField,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      KeyboardBuilder,
+      {
+        className: "w-full h-full flex-3",
+        keyFontSize,
+        keys: [
+          [
+            btnEsc,
+            ...fila1,
+            btnDelete
+          ],
+          [
+            { label: "tab", onClick: () => {
+            } },
+            ...fila2
+            // { icons:[Delete], onClick: backspace, className: 'text-xs' },
+          ],
+          [
+            { label: "caps", onClick: handleCaps },
+            ...fila3
+          ],
+          [
+            {
+              label: "",
+              icons: [shiftLabel],
+              onClick: handleShift,
+              className: "flex-1",
+              isActive: shiftActive
+            },
+            ...fila4,
+            { label: ".", onClick: () => handleKey(".") },
+            { label: "-", onClick: () => handleKey("-") },
+            { label: "_", onClick: () => handleKey("_") }
+          ],
+          [
+            { label: "?123", onClick: () => setMode("symbols"), className: "flex-[2]" },
+            { label: " ", onClick: () => handleKey(" "), className: "flex-[4]" },
+            btnEnter
+          ]
+        ]
+      }
+    )
+  ] });
+};
+var keyboardMap = {
+  ["qwerty" /* QWERTY */]: QwertyKeyboard,
+  ["qwerty_not_chars" /* QWERTY_NOT_CHARS */]: QwertyKeyboard,
+  ["number" /* NUMBER */]: QwertyKeyboard
+};
+var KeyboardFactory = class {
+  static create(typeKeyboard, input, children, className, keyFontSize) {
+    const inputKbType = input?.keyboardType;
+    let keyboardType = typeKeyboard ?? "qwerty" /* QWERTY */;
+    if (inputKbType) {
+      if (inputKbType == "number" /* NUMBER */) keyboardType = "number" /* NUMBER */;
+    }
+    const keyboardClass = keyboardMap[keyboardType] ?? QwertyKeyboard;
+    const instance = new keyboardClass(input, children, className, keyFontSize);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: instance.render() });
+  }
+};
+
+// src/components/custom/form/inputs/base/base-input.ts
+var BaseInput = class {
+  constructor(input, form, isSubmitting) {
+    this.input = input;
+    this.form = form;
+    this.isSubmitting = isSubmitting;
+  }
+};
+var entityToInputOption = (entitiy, name = "name", description = "description", groupedLabel, optionLabel = "label") => ({
+  id: entitiy["id"],
+  name: entitiy[name],
+  label: entitiy[optionLabel],
+  description: entitiy[description],
+  groupedLabel
+});
+var entitiesToInputOption = (data, optionValue = "name", groupedLabel, optionLabel = "description") => {
+  const entities = [];
+  for (const key of data) {
+    const entidad = entityToInputOption(key, optionValue, optionLabel, groupedLabel);
+    if (entidad) entities.push(entidad);
+  }
+  return entities;
+};
+var entityToGroupedOption = (entitiy, name = "name") => ({
+  id: entitiy["id"],
+  label: entitiy[name] || entitiy["label"],
+  options: entitiy["options"] || [],
+  selectedOptions: []
+});
+var entitiesToGroupedOption = (data, optionValue = "name") => {
+  const entities = [];
+  for (const key of data) {
+    const entidad = entityToGroupedOption(key, optionValue);
+    if (entidad) entities.push(entidad);
+  }
+  return entities;
+};
+var handleOnChage = (event, input, field) => {
+  let value = event;
+  if (event && typeof event === "object" && "target" in event) {
+    value = event.target.value;
+  }
+  field?.onChange(value);
+  const data = input.form?.getValues();
+  input.onChange?.(value, data);
+  input.onAnyFieldChange?.(data);
+};
+var isValidField = (input, form, defaultValue) => {
+  const value = defaultValue ?? form.getValues(input.name);
+  const fieldState = form.getFieldState(input.name);
+  if (input.zodType) {
+    const result = input.zodType.safeParse(value);
+    return result.success;
+  }
+  return !fieldState.error && value !== void 0 && value !== "";
+};
+
+// src/components/custom/form/inputs/base/input-types.ts
+var InputTypes = /* @__PURE__ */ ((InputTypes3) => {
+  InputTypes3["HIDDEN"] = "hidden";
+  InputTypes3["TEXT"] = "text";
+  InputTypes3["TEXT_GROUP"] = "text_group";
+  InputTypes3["NUMBER"] = "number";
+  InputTypes3["SWITCH"] = "switch";
+  InputTypes3["CHECKBOX"] = "checkbox";
+  InputTypes3["SELECT"] = "select";
+  InputTypes3["SIMPLE_CHECK_LIST"] = "siple_checklist";
+  InputTypes3["CHECK_LIST"] = "checklist";
+  InputTypes3["GROUPED_SWITCH_LIST"] = "grouped_switchlist";
+  InputTypes3["ACCORDION_GROUPED_SWITCH_LIST"] = "accordion_grouped_switchlist";
+  InputTypes3["DATE"] = "date";
+  InputTypes3["TEXTAREA"] = "textarea";
+  InputTypes3["FILE"] = "file";
+  InputTypes3["OTP"] = "otp";
+  InputTypes3["FORM"] = "form";
+  InputTypes3["COLOR"] = "color";
+  InputTypes3["RADIO_GROUP"] = "radio_group";
+  InputTypes3["TAGS"] = "tags";
+  InputTypes3["DATE_TIME"] = "date_time";
+  InputTypes3["TIME"] = "time";
+  InputTypes3["FILE_MULTI_UPLOAD"] = "file_multi_upload";
+  InputTypes3["SLIDER"] = "slider";
+  InputTypes3["BUTTON_GROUP"] = "button_group";
+  InputTypes3["CURRENCY"] = "currency";
+  InputTypes3["KEY_VALUE"] = "key_value";
+  InputTypes3["REPEATER"] = "repeater";
+  InputTypes3["MULTI_SELECT"] = "multi_select";
+  InputTypes3["COMBOBOX"] = "COMBO_BOX";
+  InputTypes3["SORTABLE_LIST"] = "sortable_list";
+  InputTypes3["REPEATER_TABS"] = "repeater_tabs";
+  InputTypes3["STRING_LIST"] = "string_list";
+  InputTypes3["RATING"] = "rating";
+  InputTypes3["PHONE"] = "phone";
+  InputTypes3["URL"] = "url";
+  InputTypes3["PASSWORD"] = "password";
+  InputTypes3["AUTOCOMPLETE"] = "autocomplete";
+  InputTypes3["EMAIL"] = "email";
+  InputTypes3["SEARCH"] = "search";
+  InputTypes3["LOCATION_PICKER"] = "location_picker";
+  InputTypes3["DATE_RANGE"] = "date_range";
+  InputTypes3["COUNTRY_SELECT"] = "country_select";
+  InputTypes3["RANGE"] = "range";
+  InputTypes3["FILE_UPLOAD"] = "file_upload";
+  return InputTypes3;
+})(InputTypes || {});
+var inputFieldComp = [
+  "string_list" /* STRING_LIST */,
+  "repeater_tabs" /* REPEATER_TABS */,
+  "sortable_list" /* SORTABLE_LIST */,
+  "COMBO_BOX" /* COMBOBOX */,
+  "multi_select" /* MULTI_SELECT */,
+  "repeater" /* REPEATER */,
+  "key_value" /* KEY_VALUE */,
+  "currency" /* CURRENCY */,
+  "button_group" /* BUTTON_GROUP */,
+  "slider" /* SLIDER */,
+  "file_multi_upload" /* FILE_MULTI_UPLOAD */,
+  "time" /* TIME */,
+  "date_time" /* DATE_TIME */,
+  "tags" /* TAGS */,
+  "radio_group" /* RADIO_GROUP */,
+  "text_group" /* TEXT_GROUP */,
+  "accordion_grouped_switchlist" /* ACCORDION_GROUPED_SWITCH_LIST */,
+  "grouped_switchlist" /* GROUPED_SWITCH_LIST */,
+  "text" /* TEXT */,
+  "switch" /* SWITCH */,
+  "siple_checklist" /* SIMPLE_CHECK_LIST */,
+  "checkbox" /* CHECKBOX */,
+  "color" /* COLOR */,
+  "otp" /* OTP */,
+  "select" /* SELECT */,
+  "date" /* DATE */,
+  "file" /* FILE */,
+  "form" /* FORM */,
+  "number" /* NUMBER */,
+  "textarea" /* TEXTAREA */,
+  // InputTypes.SWITCH_LIST,
+  "hidden" /* HIDDEN */,
+  // ✨ New input types (v1.35.0)
+  "rating" /* RATING */,
+  "phone" /* PHONE */,
+  "url" /* URL */,
+  "password" /* PASSWORD */,
+  "autocomplete" /* AUTOCOMPLETE */,
+  // ✨ New input types (v1.36.0)
+  "email" /* EMAIL */,
+  "search" /* SEARCH */,
+  "location_picker" /* LOCATION_PICKER */,
+  "date_range" /* DATE_RANGE */,
+  "country_select" /* COUNTRY_SELECT */,
+  "range" /* RANGE */,
+  // ✨ New input types (v1.37.0)
+  "file_upload" /* FILE_UPLOAD */
+];
 var GroupedSwitchInput = class extends BaseInput {
   render() {
     const { input, isSubmitting } = this;
@@ -13697,13 +14005,18 @@ var FakeInput = ({ input, field, form, isValid, isSubmitting, isPasswordField, s
       onBlur: handleBlur,
       onClick: () => ref.current?.focus(),
       className: `
-        p-3 min-h-16 w-full flex justify-items-center justify-between flex-row
+        p-1 min-h-8 w-full flex justify-items-center justify-between flex-row
         text-2xl font-bold rounded-xl border-2
         outline-none transition-all
-        ${isFocused ? "border-blue-500 bg-blue-50" : "border-amber-400 bg-amber-50"}
+        ${isFocused ? "border-amber-400 bg-amber-50" : "border-blue-200 bg-blue-50"}
       `,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left self-center", children: input && (isPasswordField && !showPassword) ? "\u2022".repeat(value.toString().length) : value || "" }),
+        value.toString().length == 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1 text-left self-center text-gray-400", children: [
+          " ",
+          input.placeHolder ?? input.label,
+          " "
+        ] }),
+        value.toString().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left self-center ", children: input && (isPasswordField && !showPassword) ? "\u2022".repeat(value.toString().length) : value || "" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-2 self-center", children: [
           isPasswordField && /* @__PURE__ */ jsxRuntime.jsx(
             Button,
@@ -13862,8 +14175,6 @@ var CustomInputGroup = ({
           value: field?.value ?? value ?? "",
           onChange: (e) => {
             let value2 = e.target.value;
-            console.log("\u{1F680} ~ CustomInputGroup ~ value:", value2);
-            console.log("Valor raw del input:", value2);
             if (isNumberField) {
               const numConfig = input.inputNumberConfig;
               const cleanValue = value2.replace(/[^\d.-]/g, "");
@@ -15744,7 +16055,7 @@ var SearchInputClass = class extends BaseInput {
   }
 };
 var FieldSearch = ({ input, form, isSubmitting }) => {
-  const debounceRef = React3.useRef();
+  const debounceRef = React3.useRef(void 0);
   return /* @__PURE__ */ jsxRuntime.jsx(
     FormField,
     {
@@ -16863,166 +17174,21 @@ var FormFieldsGrid = ({
     );
   }) });
 };
-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.jsxs(SheetDescription, { children: [
-        childrenHeader,
-        children
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SheetFooter, {})
-  ] }) });
-};
-var DynamicDialog = ({
-  trigger,
-  title = "Are you absolutely sure?",
-  description = "This action cannot be undone.",
-  cancelText = "Cancel",
-  actionText = "Confirmar",
-  className = "bg-red-600 text-white font-bold",
-  variant = "info",
-  onAction,
-  children,
-  listBtnConfig = [],
-  btnGroupDirection = "flex-end",
-  submitBtnClass = "h-16",
-  iconSize = "w-16 h-16",
-  btnHeightClass = "h-16",
-  showActionBtn = true
-}) => {
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "info":
-        return {
-          container: "!bg-blue-100 !text-blue-800 dark:!bg-blue-900 dark:!text-blue-200",
-          border: "!border-blue-500/30 dark:!border-blue-300/30",
-          media: "bg-blue-500/10 dark:bg-blue-300/10",
-          action: "text-blue-200 bg-blue-500 dark:bg-blue-300",
-          icon: "text-blue-500 dark:text-blue-300",
-          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleWarning, { className: iconSize })
-        };
-      case "warning":
-        return {
-          container: "!bg-yellow-100 !text-yellow-800 dark:!bg-yellow-900 dark:!text-yellow-200",
-          border: "!border-yellow-500/30 dark:!border-yellow-300/30",
-          media: "bg-yellow-500/10 dark:bg-yellow-300/10",
-          action: "text-yellow-200 bg-yellow-500 dark:bg-yellow-300",
-          icon: "text-yellow-500 dark:text-yellow-300",
-          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: iconSize })
-        };
-      case "error":
-      case "delete":
-        return {
-          container: "!bg-red-100 !text-red-800 dark:!bg-red-900 dark:!text-red-200",
-          border: "!border-red-500/30 dark:!border-red-300/30",
-          media: "bg-red-500/10 dark:bg-red-300/10",
-          action: "text-red-200 bg-red-500 dark:bg-red-300",
-          icon: "text-red-500 dark:text-red-300",
-          iconNode: variant === "delete" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: iconSize }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonX, { className: iconSize })
-        };
-      case "success":
-        return {
-          container: "!bg-green-100 !text-green-800 dark:!bg-green-900 dark:!text-green-200",
-          border: "!border-green-500/30 dark:!border-green-300/30",
-          media: "bg-green-500/10 dark:bg-green-300/10",
-          action: "text-green-200 bg-green-500 dark:bg-green-300",
-          icon: "text-green-500 dark:text-green-300",
-          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: iconSize })
-        };
-      case "confirm":
-        return {
-          container: "!bg-purple-100 !text-purple-800 dark:!bg-purple-900 dark:!text-purple-200",
-          border: "!border-purple-500/30 dark:!border-purple-300/30",
-          media: "bg-purple-500/10 dark:bg-purple-300/10",
-          action: "text-purple-200 bg-purple-500 dark:bg-purple-300",
-          icon: "text-purple-500 dark:text-purple-300",
-          iconNode: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleQuestionMark, { className: iconSize })
-        };
-    }
-  };
-  const styles = getVariantStyles();
-  console.log("onAction", onAction);
-  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialog, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "Show Dialog" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      AlertDialogContent,
-      {
-        className: cn(
-          "w-50 h-fit font-mono border-x-8",
-          styles.container,
-          styles.border
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { className: "justify-center w-full text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-              AlertDialogMedia,
-              {
-                className: cn(
-                  styles.media,
-                  "rounded-full flex items-center justify-center",
-                  iconSize
-                  // 🔥 ahora controla también el contenedor
-                ),
-                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.icon, children: styles.iconNode })
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { className: "text-2xl", children: title }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogDescription, { className: "text-xl text-center", children: description })
-          ] }),
-          children,
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-            ButtonGroup,
-            {
-              className: "flex w-full",
-              style: {
-                justifyContent: btnGroupDirection,
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { className: cn("flex-1", btnHeightClass), children: cancelText }),
-                listBtnConfig.map((btn, key) => /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    type: btn.btnType,
-                    size: "lg",
-                    className: cn(btnHeightClass, submitBtnClass),
-                    variant: btn.variant,
-                    onClick: btn.onClick,
-                    disabled: btn.disabled,
-                    children: btn.label
-                  },
-                  key
-                )),
-                onAction && showActionBtn && /* @__PURE__ */ jsxRuntime.jsx(
-                  AlertDialogAction,
-                  {
-                    onClick: (e) => {
-                      e.preventDefault();
-                      if (onAction) {
-                        onAction();
-                      }
-                    },
-                    className: cn(
-                      "flex-1",
-                      btnHeightClass,
-                      className,
-                      styles.action
-                    ),
-                    children: actionText
-                  }
-                )
-              ]
-            }
-          ) })
-        ]
-      }
-    )
+var DynamicSheetKeyboard = ({ currentInputField, children, input, className, childClassName, keyFontSize = "text-base" }) => {
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    " ",
+    KeyboardFactory.create(currentInputField?.input.keyboard ?? "qwerty" /* QWERTY */, input, children),
+    " "
   ] });
+  const [container, setContainer] = React3.useState(content);
+  React3.useEffect(() => {
+    setContainer(/* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      " ",
+      KeyboardFactory.create(currentInputField?.input.keyboard ?? "qwerty" /* QWERTY */, input, children, childClassName, keyFontSize),
+      " "
+    ] }));
+  }, [children]);
+  return /* @__PURE__ */ jsxRuntime.jsx(CustomSheet, { children: container, className });
 };
 var DynamicForm = ({
   formTitle,
@@ -17113,12 +17279,7 @@ var DynamicForm = ({
     }
   );
   const formBody = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      CustomSheet,
-      {
-        children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: KeyboardFactory.create(currentInputField?.input.keyboard ?? "qwerty" /* QWERTY */) })
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(DynamicSheetKeyboard, { currentInputField }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full grid grid-cols-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormFieldsGrid,
@@ -17222,53 +17383,120 @@ var FormWrapper = ({ form, handleSubmit, children, readOnly, debug, isWrapInWiza
     }
   ) });
 };
-var WizardForm = ({
-  fields,
-  record,
-  onSubmit,
-  children,
-  isWrapInWizard = true,
-  skipSteps = false
+var GenericFilter = ({
+  filters = [],
+  pagination,
+  autoSubmit = false,
+  defaultValues = {},
+  initPage = 1,
+  initLimit = 10,
+  rangeLimit = [10, 25, 50, 100],
+  onChange,
+  withSearch = true,
+  withInitDate = true,
+  withEndDate = true,
+  withActive = true,
+  withLimit = true,
+  wrapInCard = true
 }) => {
-  const [currentStep, setCurrentStep] = React3.useState(1);
-  const flattenFields4 = (list) => list.flatMap((f) => Array.isArray(f) ? flattenFields4(f) : f);
-  const allFields = flattenFields4(fields);
-  const totalSteps = allFields.reduce(
-    (max, f) => Math.max(max, f.step ?? 1),
-    1
-  );
-  const stepFields = allFields.filter((f) => (f.step ?? 1) === currentStep);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "flex flex-col gap-4 px-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between mb-4 gap-2 px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Stepper,
+  const record = {
+    page: initPage,
+    limit: initLimit,
+    ...defaultValues
+  };
+  const [values, setValues] = React3.useState(record);
+  const isFirstRender = React3.useRef(true);
+  React3.useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+  }, [values]);
+  const handleChange = (name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    if (autoSubmit && onChange) onChange({ ...values, [name]: value });
+  };
+  const baseFields = [
+    ...withSearch ? [
       {
-        steps: Array(totalSteps).fill({}),
-        currentStep,
-        clickable: skipSteps,
-        onStepClick: setCurrentStep
+        name: "search",
+        label: "Buscar",
+        inputType: "text_group" /* TEXT_GROUP */,
+        inputGroupConfig: { iconsLeft: [lucideReact.Search] },
+        onChange: (value) => handleChange("search", value)
       }
-    ) }) }),
-    children ? children({
-      stepFields,
-      currentStep,
-      totalSteps,
-      setCurrentStep
-    }) : /* @__PURE__ */ jsxRuntime.jsx(
-      DynamicForm,
+    ] : [],
+    ...withInitDate ? [
+      {
+        name: "initDate",
+        label: "Fecha de Inicio",
+        inputType: "date" /* DATE */,
+        onChange: (value) => handleChange("initDate", value)
+      }
+    ] : [],
+    ...withEndDate ? [
+      {
+        name: "endDate",
+        label: "Fecha Final",
+        inputType: "date" /* DATE */,
+        onChange: (value) => handleChange("endDate", value)
+      }
+    ] : [],
+    ...withActive ? [
+      {
+        wrapInCard: true,
+        name: "active",
+        label: "",
+        inputType: "button_group" /* BUTTON_GROUP */,
+        description: "Estado",
+        listConfig: {
+          list: [
+            { id: 1, name: "Activo", value: true },
+            { id: 2, name: "Inactivo", value: false },
+            { id: 3, name: "Todos", value: void 0 }
+          ],
+          onOptionChange: (item) => {
+            if (Array.isArray(item) && item[0]) handleChange("active", item[0].value);
+            else if (item && "value" in item) handleChange("active", item.value);
+          }
+        }
+      }
+    ] : [],
+    ...withLimit ? [
       {
-        record,
-        formSubTitle: "This is a subtitle",
-        formTitle: "Wizard Form Example",
-        withCard: false,
-        errorAlertPosition: "down",
-        fields: stepFields,
-        onSubmit,
-        isWrapInWizard: true,
-        currentStep,
-        totalSteps
+        name: "limit",
+        label: "L\xEDmite por p\xE1gina",
+        inputType: "select" /* SELECT */,
+        listConfig: {
+          list: rangeLimit.map((num) => ({
+            value: String(num),
+            id: num,
+            name: String(num)
+          })),
+          onOptionChange: (item) => handleChange("limit", Number(item?.value ?? 10))
+        }
       }
-    )
-  ] });
+    ] : []
+  ];
+  const fieldsConfig = [
+    ...filters,
+    baseFields
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col md:flex-row md:items-end gap-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+    DynamicForm,
+    {
+      withCard: wrapInCard,
+      withSubmitBtn: !autoSubmit,
+      formTitle: "",
+      submitBtnLabel: "Buscar",
+      fields: fieldsConfig,
+      record: values,
+      showFormHeader: false,
+      onSubmit: ({ data }) => {
+        if (onChange && !autoSubmit) onChange(data);
+      }
+    }
+  ) }) });
 };
 var DynamicFormExample = () => {
   const record = {
@@ -17393,171 +17621,89 @@ var mockFields = [
     zodType: z2__default.default.string().min(4, "Debe tener al menos 4 d\xEDgitos").max(6, "Debe tener m\xE1ximo 6 d\xEDgitos")
   }
 ];
-var InputList = ({ handleAddInput, inputsTypes }) => {
-  const [inputSetups, setInputSetups] = React3.useState(
-    () => Object.fromEntries(
-      inputsTypes.map((type) => [type, { required: false, disabled: false }])
-    )
-  );
-  const toggleConfig = (type, key) => {
-    setInputSetups((prev) => ({
-      ...prev,
-      [type]: { ...prev[type], [key]: !prev[type][key] }
-    }));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-1", children: inputsTypes.map((type) => {
-    const setup = inputSetups[type];
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "border rounded-lg p-2 flex flex-col-2 gap-1 shadow-sm",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "icon", onClick: () => handleAddInput(type, setup), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "item-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-center w-full  content-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-xl", children: type }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Switch,
-                  {
-                    checked: setup.required,
-                    onCheckedChange: () => toggleConfig(type, "required")
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Required" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Switch,
-                  {
-                    checked: setup.disabled,
-                    onCheckedChange: () => toggleConfig(type, "disabled")
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Disabled" })
-              ] })
-            ] }) })
-          ] }) })
-        ]
-      },
-      type
-    );
-  }) });
-};
-var GenericFilter = ({
-  filters = [],
-  pagination,
-  autoSubmit = false,
-  defaultValues = {},
-  initPage = 1,
-  initLimit = 10,
-  rangeLimit = [10, 25, 50, 100],
-  onChange,
-  withSearch = true,
-  withInitDate = true,
-  withEndDate = true,
-  withActive = true,
-  withLimit = true,
-  wrapInCard = true
+var WizardForm = ({
+  fields,
+  record,
+  onSubmit,
+  children,
+  isWrapInWizard = true,
+  skipSteps = false
 }) => {
-  const record = {
-    page: initPage,
-    limit: initLimit,
-    ...defaultValues
-  };
-  const [values, setValues] = React3.useState(record);
-  const isFirstRender = React3.useRef(true);
-  React3.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-  }, [values]);
-  const handleChange = (name, value) => {
-    setValues((prev) => ({ ...prev, [name]: value }));
-    if (autoSubmit && onChange) onChange({ ...values, [name]: value });
-  };
-  const baseFields = [
-    ...withSearch ? [
-      {
-        name: "search",
-        label: "Buscar",
-        inputType: "text_group" /* TEXT_GROUP */,
-        inputGroupConfig: { iconsLeft: [lucideReact.Search] },
-        onChange: (value) => handleChange("search", value)
-      }
-    ] : [],
-    ...withInitDate ? [
-      {
-        name: "initDate",
-        label: "Fecha de Inicio",
-        inputType: "date" /* DATE */,
-        onChange: (value) => handleChange("initDate", value)
-      }
-    ] : [],
-    ...withEndDate ? [
-      {
-        name: "endDate",
-        label: "Fecha Final",
-        inputType: "date" /* DATE */,
-        onChange: (value) => handleChange("endDate", value)
-      }
-    ] : [],
-    ...withActive ? [
+  const [currentStep, setCurrentStep] = React3.useState(1);
+  const flattenFields4 = (list) => list.flatMap((f) => Array.isArray(f) ? flattenFields4(f) : f);
+  const allFields = flattenFields4(fields);
+  const totalSteps = allFields.reduce(
+    (max, f) => Math.max(max, f.step ?? 1),
+    1
+  );
+  const stepFields = allFields.filter((f) => (f.step ?? 1) === currentStep);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "flex flex-col gap-4 px-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between mb-4 gap-2 px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Stepper,
       {
-        wrapInCard: true,
-        name: "active",
-        label: "",
-        inputType: "button_group" /* BUTTON_GROUP */,
-        description: "Estado",
-        listConfig: {
-          list: [
-            { id: 1, name: "Activo", value: true },
-            { id: 2, name: "Inactivo", value: false },
-            { id: 3, name: "Todos", value: void 0 }
-          ],
-          onOptionChange: (item) => {
-            if (Array.isArray(item) && item[0]) handleChange("active", item[0].value);
-            else if (item && "value" in item) handleChange("active", item.value);
-          }
-        }
+        steps: Array(totalSteps).fill({}),
+        currentStep,
+        clickable: skipSteps,
+        onStepClick: setCurrentStep
       }
-    ] : [],
-    ...withLimit ? [
+    ) }) }),
+    children ? children({
+      stepFields,
+      currentStep,
+      totalSteps,
+      setCurrentStep
+    }) : /* @__PURE__ */ jsxRuntime.jsx(
+      DynamicForm,
       {
-        name: "limit",
-        label: "L\xEDmite por p\xE1gina",
-        inputType: "select" /* SELECT */,
-        listConfig: {
-          list: rangeLimit.map((num) => ({
-            value: String(num),
-            id: num,
-            name: String(num)
-          })),
-          onOptionChange: (item) => handleChange("limit", Number(item?.value ?? 10))
-        }
-      }
-    ] : []
-  ];
-  const fieldsConfig = [
-    ...filters,
-    baseFields
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col md:flex-row md:items-end gap-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicForm,
-    {
-      withCard: wrapInCard,
-      withSubmitBtn: !autoSubmit,
-      formTitle: "",
-      submitBtnLabel: "Buscar",
-      fields: fieldsConfig,
-      record: values,
-      showFormHeader: false,
-      onSubmit: ({ data }) => {
-        if (onChange && !autoSubmit) onChange(data);
+        record,
+        formSubTitle: "This is a subtitle",
+        formTitle: "Wizard Form Example",
+        withCard: false,
+        errorAlertPosition: "down",
+        fields: stepFields,
+        onSubmit,
+        isWrapInWizard: true,
+        currentStep,
+        totalSteps
       }
-    }
-  ) }) });
+    )
+  ] });
+};
+
+// src/components/custom/form/theme/theme-config.ts
+var defaultTheme = {
+  colors: {
+    primary: "hsl(var(--primary))",
+    error: "hsl(var(--destructive))",
+    success: "hsl(var(--success))",
+    warning: "hsl(var(--warning))"
+  },
+  spacing: "normal",
+  borderRadius: "md",
+  labelPosition: "top",
+  fontSize: "base"
+};
+var spacingClasses = {
+  compact: "gap-1",
+  normal: "gap-2",
+  comfortable: "gap-4"
+};
+var borderRadiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+};
+var fontSizeClasses = {
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg"
+};
+var labelPositionClasses = {
+  top: "flex-col",
+  left: "flex-row items-center",
+  floating: "relative"
 };
 function useDynamicForm({
   fields,
@@ -17667,7 +17813,20 @@ exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogMedia = AlertDialogMedia;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertTitle = AlertTitle;
+exports.AutocompleteInput = AutocompleteInput;
 exports.Badge = Badge;
 exports.BaseInput = BaseInput;
 exports.BaseKeyboard = BaseKeyboard;
@@ -17700,11 +17859,13 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
+exports.CountrySelectInput = CountrySelectInput;
 exports.CurrencyInput = CurrencyInput;
 exports.CustomAlert = CustomAlert;
 exports.CustomInputGroup = CustomInputGroup;
 exports.CustomSheet = CustomSheet;
 exports.DateInput = DateInput;
+exports.DateRangeInput = DateRangeInput;
 exports.DateTimeInput = DateTimeInput;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
@@ -17716,8 +17877,12 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.DynamicDialog = DynamicDialog;
 exports.DynamicForm = DynamicForm;
 exports.DynamicFormExample = DynamicFormExample;
+exports.DynamicSheetKeyboard = DynamicSheetKeyboard;
+exports.EmailInput = EmailInput;
+exports.FakeInput = FakeInput;
 exports.Field = Field;
 exports.FieldButtonGroup = FieldButtonGroup;
 exports.FieldContent = FieldContent;
@@ -17726,10 +17891,12 @@ exports.FieldDateTimeInput = FieldDateTimeInput;
 exports.FieldDescription = FieldDescription;
 exports.FieldError = FieldError;
 exports.FieldFileMultiUpload = FieldFileMultiUpload;
+exports.FieldFileUpload = FieldFileUpload;
 exports.FieldGroup = FieldGroup;
 exports.FieldKeyValueList = FieldKeyValueList;
 exports.FieldLabel = FieldLabel;
 exports.FieldLegend = FieldLegend;
+exports.FieldRange = FieldRange;
 exports.FieldRepeater = FieldRepeater;
 exports.FieldSeparator = FieldSeparator;
 exports.FieldSet = FieldSet;
@@ -17741,6 +17908,7 @@ exports.FieldTimeInput = FieldTimeInput2;
 exports.FieldTitle = FieldTitle;
 exports.FileInput = FileInput;
 exports.FileMultiUploadInput = FileMultiUploadInput;
+exports.FileUploadInput = FileUploadInput;
 exports.Form = Form;
 exports.FormControl = FormControl;
 exports.FormDescription = FormDescription;
@@ -17774,9 +17942,12 @@ exports.KeyboardFactory = KeyboardFactory;
 exports.KeyboardQwerty = KeyboardQwerty;
 exports.KeyboardTypes = KeyboardTypes;
 exports.Label = Label;
+exports.LocationPickerInput = LocationPickerInput;
 exports.MultiSelectInput = MultiSelectInput;
 exports.NumberInput = NumberInput;
 exports.OTPInput = OTPInput2;
+exports.PasswordInput = PasswordInput;
+exports.PhoneInput = PhoneInput;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
@@ -17785,6 +17956,8 @@ exports.QwertyKeyboard = QwertyKeyboard;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupInput = RadioGroupInput;
 exports.RadioGroupItem = RadioGroupItem;
+exports.RangeInput = RangeInput;
+exports.RatingInput = RatingInput;
 exports.RepeaterInput = RepeaterInput;
 exports.RepeaterTabsInput = RepeaterTabsInput;
 exports.ResizableHandle = ResizableHandle;
@@ -17792,6 +17965,7 @@ exports.ResizablePanel = ResizablePanel;
 exports.ResizablePanelGroup = ResizablePanelGroup;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
+exports.SearchInputClass = SearchInputClass;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -17804,10 +17978,19 @@ exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.Separator = Separator;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
 exports.SimpleCheckListInput = SimpleCheckListInput;
 exports.Slider = Slider;
 exports.SliderInput = SliderInput;
 exports.SortableListInput = SortableListInput;
+exports.Stepper = Stepper;
 exports.StringValueListInput = StringValueListInput;
 exports.Switch = Switch;
 exports.SwitchInput = SwitchInput;
@@ -17827,18 +18010,22 @@ exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
+exports.UrlInput = UrlInput;
 exports.WizardForm = WizardForm;
 exports.applyCase = applyCase;
 exports.applyInputFilter = applyInputFilter;
 exports.badgeVariants = badgeVariants;
+exports.borderRadiusClasses = borderRadiusClasses;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.defaultTheme = defaultTheme;
 exports.entitiesToGroupedOption = entitiesToGroupedOption;
 exports.entitiesToInputOption = entitiesToInputOption;
 exports.entityToGroupedOption = entityToGroupedOption;
 exports.entityToInputOption = entityToInputOption;
 exports.flattenFields = flattenFields;
+exports.fontSizeClasses = fontSizeClasses;
 exports.getDefaultValues = getDefaultValues;
 exports.getDynamicSchema = getDynamicSchema;
 exports.getFieldLabel = getFieldLabel;
@@ -17846,8 +18033,10 @@ exports.handleOnChage = handleOnChage;
 exports.inputFieldComp = inputFieldComp;
 exports.inputMap = inputMap;
 exports.isValidField = isValidField;
+exports.labelPositionClasses = labelPositionClasses;
 exports.letter = letter;
 exports.mockFields = mockFields;
+exports.spacingClasses = spacingClasses;
 exports.useDynamicForm = useDynamicForm;
 exports.useFormField = useFormField;
 exports.useFormPersist = useFormPersist;