@saastro/forms 0.1.3

package/dist/DateRenderers-3JUQNLKJ.js

@@ -0,0 +1,139 @@
+import {
+  MissingComponentFallback,
+  useComponents
+} from "./chunk-GHDCNAWC.js";
+
+// src/factory/DateRenderers.tsx
+import { ChevronDown } from "lucide-react";
+import React from "react";
+import { format } from "date-fns";
+import { es } from "date-fns/locale";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateRenderers = ({
+  type = "simple",
+  value,
+  onChange,
+  disabled,
+  className,
+  label = "date",
+  placeholder = "Seleccionar fecha"
+}) => {
+  const components = useComponents();
+  const { Button, Calendar, Popover, PopoverTrigger, PopoverContent } = components;
+  const [open, setOpen] = React.useState(false);
+  const getMissingComponents = () => {
+    const missing = [];
+    if (!Calendar) missing.push("Calendar");
+    if (type !== "simple") {
+      if (!Button) missing.push("Button");
+      if (!Popover) missing.push("Popover");
+      if (!PopoverTrigger) missing.push("PopoverTrigger");
+      if (!PopoverContent) missing.push("PopoverContent");
+    }
+    return missing;
+  };
+  const missingComponents = getMissingComponents();
+  if (missingComponents.length > 0) {
+    return /* @__PURE__ */ jsx(
+      MissingComponentFallback,
+      {
+        fieldName: label,
+        fieldType: type === "range" ? "daterange" : "date",
+        missingComponents
+      }
+    );
+  }
+  switch (type) {
+    case "simple":
+      return /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: value,
+          onSelect: onChange,
+          disabled,
+          className,
+          buttonVariant: "ghost"
+        }
+      );
+    case "popover":
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "w-full justify-between font-normal",
+            disabled,
+            children: [
+              value ? format(value, "PPP", { locale: es }) : placeholder,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "single",
+            selected: value,
+            captionLayout: "dropdown",
+            onSelect: (date) => {
+              onChange?.(date);
+              setOpen(false);
+            },
+            disabled,
+            className: "rounded-md border"
+          }
+        ) })
+      ] }) });
+    case "range": {
+      const rangeValue = value;
+      const formatRange = (range) => {
+        if (!range?.from) return placeholder;
+        if (range.from && !range.to) {
+          return `Desde ${format(range.from, "PPP", { locale: es })}`;
+        }
+        if (range.from && range.to) {
+          return `${format(range.from, "PPP", { locale: es })} - ${format(range.to, "PPP", { locale: es })}`;
+        }
+        return placeholder;
+      };
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            className: "w-full justify-between font-normal",
+            disabled,
+            children: [
+              formatRange(rangeValue),
+              /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "range",
+            selected: rangeValue,
+            captionLayout: "dropdown",
+            onSelect: (range) => {
+              onChange?.(range);
+              if (range?.from && range?.to) {
+                setOpen(false);
+              }
+            },
+            disabled,
+            className: "rounded-md border",
+            numberOfMonths: 2
+          }
+        ) })
+      ] }) });
+    }
+    default:
+      return null;
+  }
+};
+export {
+  DateRenderers
+};
+//# sourceMappingURL=DateRenderers-3JUQNLKJ.js.map

package/dist/DateRenderers-3JUQNLKJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/factory/DateRenderers.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport React from 'react';\nimport { useComponents } from '../context/ComponentContext';\nimport { MissingComponentFallback } from '../components/MissingComponentFallback';\n\nimport { format } from 'date-fns';\nimport { es } from 'date-fns/locale';\nimport type { DateRange } from 'react-day-picker';\n\ninterface DateRenderersProps {\n  type: 'simple' | 'popover' | 'range';\n  value?: Date | DateRange;\n  onChange?: (date: Date | DateRange | undefined) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n  label?: string;\n  placeholder?: string;\n  showTime?: boolean;\n  presets?: Array<{ label: string; value: number }>;\n}\n\nexport const DateRenderers: React.FC<DateRenderersProps> = ({\n  type = 'simple',\n  value,\n  onChange,\n  disabled,\n  className,\n  label = 'date',\n  placeholder = 'Seleccionar fecha',\n}) => {\n  const components = useComponents();\n  const { Button, Calendar, Popover, PopoverTrigger, PopoverContent } = components;\n  const [open, setOpen] = React.useState(false);\n\n  // Check for missing components based on type\n  const getMissingComponents = (): string[] => {\n    const missing: string[] = [];\n    if (!Calendar) missing.push('Calendar');\n    if (type !== 'simple') {\n      if (!Button) missing.push('Button');\n      if (!Popover) missing.push('Popover');\n      if (!PopoverTrigger) missing.push('PopoverTrigger');\n      if (!PopoverContent) missing.push('PopoverContent');\n    }\n    return missing;\n  };\n\n  const missingComponents = getMissingComponents();\n  if (missingComponents.length > 0) {\n    return (\n      <MissingComponentFallback\n        fieldName={label}\n        fieldType={type === 'range' ? 'daterange' : 'date'}\n        missingComponents={missingComponents}\n      />\n    );\n  }\n\n  switch (type) {\n    case 'simple':\n      return (\n        <Calendar\n          mode=\"single\"\n          selected={value as Date}\n          onSelect={onChange as (date: Date | undefined) => void}\n          disabled={disabled}\n          className={className}\n          buttonVariant=\"ghost\"\n        />\n      );\n\n    case 'popover':\n      return (\n        <div className=\"flex flex-col gap-3\">\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"w-full justify-between font-normal\"\n                disabled={disabled}\n              >\n                {value ? format(value as Date, 'PPP', { locale: es }) : placeholder}\n                <ChevronDown className=\"ml-2 h-4 w-4 opacity-50\" />\n              </Button>\n            </PopoverTrigger>\n            <PopoverContent className=\"w-auto p-0\" align=\"start\">\n              <Calendar\n                mode=\"single\"\n                selected={value as Date}\n                captionLayout=\"dropdown\"\n                onSelect={(date: Date | undefined) => {\n                  onChange?.(date);\n                  setOpen(false);\n                }}\n                disabled={disabled}\n                className=\"rounded-md border\"\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n      );\n\n    case 'range': {\n      const rangeValue = value as DateRange | undefined;\n      const formatRange = (range: DateRange | undefined): string => {\n        if (!range?.from) return placeholder;\n        if (range.from && !range.to) {\n          return `Desde ${format(range.from, 'PPP', { locale: es })}`;\n        }\n        if (range.from && range.to) {\n          return `${format(range.from, 'PPP', { locale: es })} - ${format(range.to, 'PPP', { locale: es })}`;\n        }\n        return placeholder;\n      };\n\n      return (\n        <div className=\"flex flex-col gap-3\">\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"w-full justify-between font-normal\"\n                disabled={disabled}\n              >\n                {formatRange(rangeValue)}\n                <ChevronDown className=\"ml-2 h-4 w-4 opacity-50\" />\n              </Button>\n            </PopoverTrigger>\n            <PopoverContent className=\"w-auto p-0\" align=\"start\">\n              <Calendar\n                mode=\"range\"\n                selected={rangeValue}\n                captionLayout=\"dropdown\"\n                onSelect={(range: DateRange | undefined) => {\n                  onChange?.(range);\n                  if (range?.from && range?.to) {\n                    setOpen(false);\n                  }\n                }}\n                disabled={disabled}\n                className=\"rounded-md border\"\n                numberOfMonths={2}\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-GHDCNAWC.js

@@ -0,0 +1,247 @@
+// src/context/ComponentContext.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var ComponentContext = createContext(null);
+var InternalComponentContext = createContext(null);
+var ComponentProvider = ({ components, children }) => {
+  return /* @__PURE__ */ jsx(ComponentContext.Provider, { value: components, children });
+};
+var InternalComponentProvider = ({
+  components,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(InternalComponentContext.Provider, { value: components, children });
+};
+var useComponents = () => {
+  const legacyComponents = useContext(ComponentContext);
+  const internalComponents = useContext(InternalComponentContext);
+  if (legacyComponents) {
+    return legacyComponents;
+  }
+  if (internalComponents) {
+    return internalComponents;
+  }
+  throw new Error(
+    "useComponents must be used within a Form component or ComponentProvider.\n\nOption 1 (Recommended - Zero Config):\n  <Form config={config} components={{ Input, Button }} />\n\nOption 2 (Legacy):\n  <ComponentProvider components={fullRegistry}>\n    <Form config={config} />\n  </ComponentProvider>\n\nSee documentation: https://forms.saastro.io/getting-started"
+  );
+};
+var usePartialComponents = () => {
+  const legacyComponents = useContext(ComponentContext);
+  const internalComponents = useContext(InternalComponentContext);
+  if (legacyComponents) {
+    return legacyComponents;
+  }
+  if (internalComponents) {
+    return internalComponents;
+  }
+  return {};
+};
+function withComponents(Component) {
+  const WrappedComponent = (props) => {
+    const components = useComponents();
+    return /* @__PURE__ */ jsx(Component, { ...props, components });
+  };
+  WrappedComponent.displayName = `withComponents(${Component.displayName || Component.name || "Component"})`;
+  return WrappedComponent;
+}
+var useHasComponentProvider = () => {
+  const legacyComponents = useContext(ComponentContext);
+  const internalComponents = useContext(InternalComponentContext);
+  return legacyComponents !== null || internalComponents !== null;
+};
+var useComponentMode = () => {
+  const legacyComponents = useContext(ComponentContext);
+  const internalComponents = useContext(InternalComponentContext);
+  if (legacyComponents) return "legacy";
+  if (internalComponents) return "zero-config";
+  return "none";
+};
+function mergeComponentRegistries(...registries) {
+  const result = {};
+  for (const registry of registries) {
+    if (registry) {
+      for (const [key, value] of Object.entries(registry)) {
+        if (value !== void 0) {
+          result[key] = value;
+        }
+      }
+    }
+  }
+  return result;
+}
+function pathToComponentName(path) {
+  const filename = path.split("/").pop()?.replace(/\.(tsx?|jsx?)$/, "") || "";
+  const specialCases = {
+    "input-otp": "InputOTP",
+    otp: "OTP"
+  };
+  if (specialCases[filename]) {
+    return specialCases[filename];
+  }
+  return filename.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function parseGlobModules(modules) {
+  const registry = {};
+  for (const [path, mod] of Object.entries(modules)) {
+    if (typeof mod !== "object" || mod === null) continue;
+    const baseName = pathToComponentName(path);
+    for (const [exportName, exportValue] of Object.entries(mod)) {
+      if (typeof exportValue === "function" || typeof exportValue === "object" && exportValue !== null && "$$typeof" in exportValue) {
+        if (exportName !== "default") {
+          registry[exportName] = exportValue;
+        } else {
+          registry[baseName] = exportValue;
+        }
+      }
+    }
+  }
+  return registry;
+}
+var FormComponentsProvider = ({
+  components: globModules,
+  children
+}) => {
+  const registry = useMemo(() => parseGlobModules(globModules), [globModules]);
+  return /* @__PURE__ */ jsx(InternalComponentContext.Provider, { value: registry, children });
+};
+
+// src/components/MissingComponentFallback.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function getInstallCommand(missingComponents) {
+  const packageMap = {
+    Input: "input",
+    Textarea: "textarea",
+    Button: "button",
+    Label: "label",
+    Checkbox: "checkbox",
+    Switch: "switch",
+    RadioGroup: "radio-group",
+    RadioGroupItem: "radio-group",
+    Select: "select",
+    SelectTrigger: "select",
+    SelectContent: "select",
+    SelectItem: "select",
+    SelectValue: "select",
+    NativeSelect: "native-select",
+    Slider: "slider",
+    Popover: "popover",
+    PopoverTrigger: "popover",
+    PopoverContent: "popover",
+    Tooltip: "tooltip",
+    TooltipTrigger: "tooltip",
+    TooltipContent: "tooltip",
+    TooltipProvider: "tooltip",
+    Separator: "separator",
+    Dialog: "dialog",
+    DialogTrigger: "dialog",
+    DialogContent: "dialog",
+    DialogHeader: "dialog",
+    DialogTitle: "dialog",
+    DialogDescription: "dialog",
+    Command: "command",
+    CommandInput: "command",
+    CommandList: "command",
+    CommandEmpty: "command",
+    CommandGroup: "command",
+    CommandItem: "command",
+    InputOTP: "input-otp",
+    InputOTPGroup: "input-otp",
+    InputOTPSlot: "input-otp",
+    Accordion: "accordion",
+    AccordionItem: "accordion",
+    AccordionTrigger: "accordion",
+    AccordionContent: "accordion",
+    Calendar: "calendar",
+    FormField: "form",
+    FormControl: "form",
+    Field: "field",
+    FieldLabel: "field",
+    FieldDescription: "field",
+    FieldError: "field"
+  };
+  const packages = /* @__PURE__ */ new Set();
+  for (const component of missingComponents) {
+    const pkg = packageMap[component];
+    if (pkg) {
+      packages.add(pkg);
+    }
+  }
+  const packageList = Array.from(packages).join(" ");
+  return `npx shadcn@latest add ${packageList}`;
+}
+function MissingComponentFallback({
+  fieldName,
+  fieldType,
+  missingComponents,
+  message,
+  className
+}) {
+  const installCmd = getInstallCommand(missingComponents);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: `border-2 border-dashed border-amber-400 bg-amber-50 dark:bg-amber-950/20 rounded-lg p-4 my-2 ${className || ""}`,
+      role: "alert",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx2(
+          "span",
+          {
+            className: "text-amber-600 dark:text-amber-400 text-xl flex-shrink-0",
+            "aria-hidden": "true",
+            children: "\u26A0\uFE0F"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "font-medium text-amber-800 dark:text-amber-200", children: message || /* @__PURE__ */ jsxs(Fragment, { children: [
+            'Field "',
+            fieldName,
+            '" (',
+            fieldType,
+            ") requires missing components:"
+          ] }) }),
+          /* @__PURE__ */ jsx2("code", { className: "block mt-1 text-amber-700 dark:text-amber-300 break-words", children: missingComponents.join(", ") }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 bg-amber-100 dark:bg-amber-900/30 rounded px-3 py-2 overflow-x-auto", children: [
+            /* @__PURE__ */ jsx2("p", { className: "text-xs text-amber-600 dark:text-amber-400 mb-1", children: "Install with:" }),
+            /* @__PURE__ */ jsx2("code", { className: "text-xs font-mono text-amber-800 dark:text-amber-200 whitespace-nowrap", children: installCmd })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-2 text-xs text-amber-600 dark:text-amber-400", children: [
+            "Or provide components via the",
+            " ",
+            /* @__PURE__ */ jsx2("code", { className: "bg-amber-100 dark:bg-amber-900/50 px-1 rounded", children: "components" }),
+            " prop:"
+          ] }),
+          /* @__PURE__ */ jsx2("pre", { className: "mt-1 text-xs bg-amber-100 dark:bg-amber-900/30 rounded px-2 py-1 overflow-x-auto", children: /* @__PURE__ */ jsx2("code", { children: `<Form config={config} components={{ ${missingComponents[0]}: MyCustom${missingComponents[0]} }} />` }) })
+        ] })
+      ] })
+    }
+  );
+}
+function createMissingComponentPlaceholder(componentName, fieldType) {
+  const Placeholder = ({ name = "unknown" }) => /* @__PURE__ */ jsx2(
+    MissingComponentFallback,
+    {
+      fieldName: name,
+      fieldType,
+      missingComponents: [componentName]
+    }
+  );
+  Placeholder.displayName = `Missing${componentName}`;
+  return Placeholder;
+}
+
+export {
+  ComponentProvider,
+  InternalComponentProvider,
+  useComponents,
+  usePartialComponents,
+  withComponents,
+  useHasComponentProvider,
+  useComponentMode,
+  mergeComponentRegistries,
+  parseGlobModules,
+  FormComponentsProvider,
+  MissingComponentFallback,
+  createMissingComponentPlaceholder
+};
+//# sourceMappingURL=chunk-GHDCNAWC.js.map

package/dist/chunk-GHDCNAWC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/ComponentContext.tsx","../src/components/MissingComponentFallback.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type { ComponentRegistry, PartialComponentRegistry } from '../types/components';\n\n/**\n * ============================================\n * COMPONENT CONTEXT - Dependency Injection\n * ============================================\n *\n * Este contexto permite inyectar componentes UI en el plugin,\n * haciendo que sea agnóstico de la librería UI utilizada.\n *\n * Supports two modes:\n * 1. Legacy mode: Full ComponentRegistry via ComponentProvider (required all components)\n * 2. Zero-config mode: Partial registry via InternalComponentContext (Form-level)\n */\n\n// Legacy context for full registry (backwards compatible)\nconst ComponentContext = createContext<ComponentRegistry | null>(null);\n\n// Internal context for Form-level partial registry (zero-config mode)\nconst InternalComponentContext = createContext<PartialComponentRegistry | null>(null);\n\nexport interface ComponentProviderProps {\n  /** Registry completo de componentes UI */\n  components: ComponentRegistry;\n  /** Componentes hijos que tendrán acceso al registry */\n  children: React.ReactNode;\n}\n\n/**\n * Provider que inyecta los componentes UI en el árbol de React.\n * This is the legacy provider that requires a full ComponentRegistry.\n *\n * @example\n * ```tsx\n * import { ComponentProvider, createComponentRegistry } from \"@saastro/forms\";\n * import * as shadcn from \"@/lib/form-components\";\n *\n * const registry = createComponentRegistry(shadcn);\n *\n * function App() {\n *   return (\n *     <ComponentProvider components={registry}>\n *       <MyForm />\n *     </ComponentProvider>\n *   );\n * }\n * ```\n *\n * @deprecated Consider using the zero-config approach with inline components prop on Form\n */\nexport const ComponentProvider: React.FC<ComponentProviderProps> = ({ components, children }) => {\n  return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>;\n};\n\nexport interface InternalComponentProviderProps {\n  /** Partial registry de componentes UI */\n  components: PartialComponentRegistry;\n  /** Componentes hijos que tendrán acceso al registry */\n  children: React.ReactNode;\n}\n\n/**\n * Internal provider used by Form component for zero-config mode.\n * Accepts a partial registry - only the components needed for the form.\n *\n * @internal\n */\nexport const InternalComponentProvider: React.FC<InternalComponentProviderProps> = ({\n  components,\n  children,\n}) => {\n  return (\n    <InternalComponentContext.Provider value={components}>\n      {children}\n    </InternalComponentContext.Provider>\n  );\n};\n\n/**\n * Hook para acceder al registry de componentes inyectados.\n *\n * Supports both legacy (ComponentProvider) and zero-config (InternalComponentContext) modes.\n * Legacy mode takes precedence for backwards compatibility.\n *\n * @throws Error si se usa fuera de cualquier provider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { Input, Button } = useComponents();\n *\n *   return (\n *     <div>\n *       <Input placeholder=\"Email\" />\n *       <Button>Submit</Button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const useComponents = (): ComponentRegistry => {\n  const legacyComponents = useContext(ComponentContext);\n  const internalComponents = useContext(InternalComponentContext);\n\n  // Legacy mode takes precedence\n  if (legacyComponents) {\n    return legacyComponents;\n  }\n\n  // Zero-config mode\n  if (internalComponents) {\n    // Return partial as full (consumers should handle missing components)\n    return internalComponents as ComponentRegistry;\n  }\n\n  throw new Error(\n    'useComponents must be used within a Form component or ComponentProvider.\\n\\n' +\n      'Option 1 (Recommended - Zero Config):\\n' +\n      '  <Form config={config} components={{ Input, Button }} />\\n\\n' +\n      'Option 2 (Legacy):\\n' +\n      '  <ComponentProvider components={fullRegistry}>\\n' +\n      '    <Form config={config} />\\n' +\n      '  </ComponentProvider>\\n\\n' +\n      'See documentation: https://forms.saastro.io/getting-started',\n  );\n};\n\n/**\n * Hook to access partial components safely (may have missing components).\n * Returns null for components that are not provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const components = usePartialComponents();\n *\n *   if (!components.Input) {\n *     return <MissingComponentFallback missingComponents={['Input']} />;\n *   }\n *\n *   return <components.Input placeholder=\"Email\" />;\n * }\n * ```\n */\nexport const usePartialComponents = (): PartialComponentRegistry => {\n  const legacyComponents = useContext(ComponentContext);\n  const internalComponents = useContext(InternalComponentContext);\n\n  if (legacyComponents) {\n    return legacyComponents;\n  }\n\n  if (internalComponents) {\n    return internalComponents;\n  }\n\n  return {};\n};\n\n/**\n * HOC para envolver componentes que necesitan acceso a los componentes UI.\n *\n * @example\n * ```tsx\n * const MyFormWithComponents = withComponents(MyForm);\n * ```\n */\nexport function withComponents<P extends object>(Component: React.ComponentType<P>): React.FC<P> {\n  const WrappedComponent: React.FC<P> = (props) => {\n    const components = useComponents();\n    return <Component {...props} components={components} />;\n  };\n\n  WrappedComponent.displayName = `withComponents(${Component.displayName || Component.name || 'Component'})`;\n\n  return WrappedComponent;\n}\n\n/**\n * Hook para verificar si estamos dentro de un ComponentProvider.\n * Útil para componentes que pueden funcionar con o sin provider.\n *\n * @returns true si hay un provider activo (legacy or internal), false en caso contrario\n */\nexport const useHasComponentProvider = (): boolean => {\n  const legacyComponents = useContext(ComponentContext);\n  const internalComponents = useContext(InternalComponentContext);\n  return legacyComponents !== null || internalComponents !== null;\n};\n\n/**\n * Hook to check which mode we're operating in\n */\nexport const useComponentMode = (): 'legacy' | 'zero-config' | 'none' => {\n  const legacyComponents = useContext(ComponentContext);\n  const internalComponents = useContext(InternalComponentContext);\n\n  if (legacyComponents) return 'legacy';\n  if (internalComponents) return 'zero-config';\n  return 'none';\n};\n\n/**\n * Merge multiple component registries with later ones taking precedence\n */\nexport function mergeComponentRegistries(\n  ...registries: Array<PartialComponentRegistry | undefined>\n): PartialComponentRegistry {\n  const result: PartialComponentRegistry = {};\n\n  for (const registry of registries) {\n    if (registry) {\n      for (const [key, value] of Object.entries(registry)) {\n        if (value !== undefined) {\n          (result as Record<string, unknown>)[key] = value;\n        }\n      }\n    }\n  }\n\n  return result;\n}\n\n// ═══════════════════════════════════════════════════════════\n// GLOB-BASED AUTO-DISCOVERY (Recommended for Vite projects)\n// ═══════════════════════════════════════════════════════════\n\n/**\n * Type for Vite's import.meta.glob result.\n * Accepts the actual Vite return type which is Record<string, unknown>.\n */\nexport type GlobModules = Record<string, unknown>;\n\n/**\n * Convert a file path to PascalCase component name\n * @example\n * '/components/ui/button.tsx' -> 'Button'\n * '/components/ui/radio-group.tsx' -> 'RadioGroup'\n * '/components/ui/input-otp.tsx' -> 'InputOTP'\n */\nfunction pathToComponentName(path: string): string {\n  // Extract filename without extension\n  const filename =\n    path\n      .split('/')\n      .pop()\n      ?.replace(/\\.(tsx?|jsx?)$/, '') || '';\n\n  // Special cases for common naming patterns\n  const specialCases: Record<string, string> = {\n    'input-otp': 'InputOTP',\n    otp: 'OTP',\n  };\n\n  if (specialCases[filename]) {\n    return specialCases[filename];\n  }\n\n  // Convert kebab-case to PascalCase\n  return filename\n    .split('-')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\n/**\n * Parse Vite's import.meta.glob result into a component registry.\n *\n * This function extracts all named exports from the glob modules\n * and creates a flat registry of components.\n *\n * @param modules - Result of import.meta.glob('@/components/ui/*.tsx', { eager: true })\n * @returns Component registry ready to use with Form\n *\n * @example\n * ```tsx\n * const modules = import.meta.glob('@/components/ui/*.tsx', { eager: true });\n * const components = parseGlobModules(modules);\n * // { Button, Input, Label, Select, SelectTrigger, ... }\n * ```\n */\nexport function parseGlobModules(modules: GlobModules): PartialComponentRegistry {\n  const registry: Record<string, React.ComponentType<unknown>> = {};\n\n  for (const [path, mod] of Object.entries(modules)) {\n    // Skip if module is not an object (shouldn't happen with eager: true)\n    if (typeof mod !== 'object' || mod === null) continue;\n\n    // Get the base component name from file path\n    const baseName = pathToComponentName(path);\n\n    // Extract all named exports that look like React components\n    for (const [exportName, exportValue] of Object.entries(mod as Record<string, unknown>)) {\n      // Skip non-component exports (like types, constants, etc.)\n      if (\n        typeof exportValue === 'function' ||\n        (typeof exportValue === 'object' && exportValue !== null && '$$typeof' in exportValue)\n      ) {\n        // Use the export name directly (Button, SelectTrigger, etc.)\n        if (exportName !== 'default') {\n          registry[exportName] = exportValue as React.ComponentType<unknown>;\n        } else {\n          // For default exports, use the file name\n          registry[baseName] = exportValue as React.ComponentType<unknown>;\n        }\n      }\n    }\n  }\n\n  return registry as PartialComponentRegistry;\n}\n\nexport interface FormComponentsProviderProps {\n  /**\n   * Glob modules from import.meta.glob.\n   * Use { eager: true } for synchronous loading.\n   *\n   * @example\n   * ```tsx\n   * <FormComponentsProvider\n   *   components={import.meta.glob('@/components/ui/*.tsx', { eager: true })}\n   * >\n   * ```\n   */\n  components: GlobModules;\n  /** Child components */\n  children: React.ReactNode;\n}\n\n/**\n * Provider for auto-discovered shadcn components using Vite's import.meta.glob.\n *\n * Place this once at your app's root layout. Forms will automatically\n * use any shadcn components installed in your project.\n *\n * @example\n * ```tsx\n * // app/layout.tsx or _app.tsx - ONE TIME SETUP\n * import { FormComponentsProvider } from '@saastro/forms';\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <FormComponentsProvider\n *       components={import.meta.glob('@/components/ui/*.tsx', { eager: true })}\n *     >\n *       {children}\n *     </FormComponentsProvider>\n *   );\n * }\n * ```\n *\n * Then use Form anywhere without passing components:\n * ```tsx\n * <Form config={config} />\n * ```\n *\n * If a component is missing, a helpful message will appear\n * with installation instructions.\n */\nexport const FormComponentsProvider: React.FC<FormComponentsProviderProps> = ({\n  components: globModules,\n  children,\n}) => {\n  // Parse glob modules into component registry (memoized)\n  const registry = useMemo(() => parseGlobModules(globModules), [globModules]);\n\n  return (\n    <InternalComponentContext.Provider value={registry}>\n      {children}\n    </InternalComponentContext.Provider>\n  );\n};\n","import React from 'react';\n\n/**\n * Props for MissingComponentFallback\n */\nexport interface MissingComponentFallbackProps {\n  /** Name of the field that requires the missing component */\n  fieldName: string;\n  /** Type of the field (e.g., 'text', 'select', 'date') */\n  fieldType: string;\n  /** List of missing component names */\n  missingComponents: string[];\n  /** Optional custom message */\n  message?: string;\n  /** Optional className for layout (e.g., column span classes) */\n  className?: string;\n}\n\n/**\n * Generates the npx shadcn command for installing missing components\n */\nfunction getInstallCommand(missingComponents: string[]): string {\n  // Map component names to their shadcn package names\n  const packageMap: Record<string, string> = {\n    Input: 'input',\n    Textarea: 'textarea',\n    Button: 'button',\n    Label: 'label',\n    Checkbox: 'checkbox',\n    Switch: 'switch',\n    RadioGroup: 'radio-group',\n    RadioGroupItem: 'radio-group',\n    Select: 'select',\n    SelectTrigger: 'select',\n    SelectContent: 'select',\n    SelectItem: 'select',\n    SelectValue: 'select',\n    NativeSelect: 'native-select',\n    Slider: 'slider',\n    Popover: 'popover',\n    PopoverTrigger: 'popover',\n    PopoverContent: 'popover',\n    Tooltip: 'tooltip',\n    TooltipTrigger: 'tooltip',\n    TooltipContent: 'tooltip',\n    TooltipProvider: 'tooltip',\n    Separator: 'separator',\n    Dialog: 'dialog',\n    DialogTrigger: 'dialog',\n    DialogContent: 'dialog',\n    DialogHeader: 'dialog',\n    DialogTitle: 'dialog',\n    DialogDescription: 'dialog',\n    Command: 'command',\n    CommandInput: 'command',\n    CommandList: 'command',\n    CommandEmpty: 'command',\n    CommandGroup: 'command',\n    CommandItem: 'command',\n    InputOTP: 'input-otp',\n    InputOTPGroup: 'input-otp',\n    InputOTPSlot: 'input-otp',\n    Accordion: 'accordion',\n    AccordionItem: 'accordion',\n    AccordionTrigger: 'accordion',\n    AccordionContent: 'accordion',\n    Calendar: 'calendar',\n    FormField: 'form',\n    FormControl: 'form',\n    Field: 'field',\n    FieldLabel: 'field',\n    FieldDescription: 'field',\n    FieldError: 'field',\n  };\n\n  // Get unique package names\n  const packages = new Set<string>();\n  for (const component of missingComponents) {\n    const pkg = packageMap[component];\n    if (pkg) {\n      packages.add(pkg);\n    }\n  }\n\n  const packageList = Array.from(packages).join(' ');\n  return `npx shadcn@latest add ${packageList}`;\n}\n\n/**\n * Fallback component displayed when required UI components are missing.\n * Shows a helpful warning with installation instructions.\n *\n * @example\n * ```tsx\n * <MissingComponentFallback\n *   fieldName=\"birthdate\"\n *   fieldType=\"date\"\n *   missingComponents={['Calendar', 'Popover']}\n * />\n * ```\n */\nexport function MissingComponentFallback({\n  fieldName,\n  fieldType,\n  missingComponents,\n  message,\n  className,\n}: MissingComponentFallbackProps): React.ReactElement {\n  const installCmd = getInstallCommand(missingComponents);\n\n  return (\n    <div\n      className={`border-2 border-dashed border-amber-400 bg-amber-50 dark:bg-amber-950/20 rounded-lg p-4 my-2 ${className || ''}`}\n      role=\"alert\"\n      aria-live=\"polite\"\n    >\n      <div className=\"flex items-start gap-3\">\n        {/* Warning Icon */}\n        <span\n          className=\"text-amber-600 dark:text-amber-400 text-xl flex-shrink-0\"\n          aria-hidden=\"true\"\n        >\n          ⚠️\n        </span>\n\n        <div className=\"text-sm min-w-0\">\n          {/* Main message */}\n          <p className=\"font-medium text-amber-800 dark:text-amber-200\">\n            {message || (\n              <>\n                Field &quot;{fieldName}&quot; ({fieldType}) requires missing components:\n              </>\n            )}\n          </p>\n\n          {/* Missing components list */}\n          <code className=\"block mt-1 text-amber-700 dark:text-amber-300 break-words\">\n            {missingComponents.join(', ')}\n          </code>\n\n          {/* Install command */}\n          <div className=\"mt-3 bg-amber-100 dark:bg-amber-900/30 rounded px-3 py-2 overflow-x-auto\">\n            <p className=\"text-xs text-amber-600 dark:text-amber-400 mb-1\">Install with:</p>\n            <code className=\"text-xs font-mono text-amber-800 dark:text-amber-200 whitespace-nowrap\">\n              {installCmd}\n            </code>\n          </div>\n\n          {/* Alternative: provide components prop */}\n          <p className=\"mt-2 text-xs text-amber-600 dark:text-amber-400\">\n            Or provide components via the{' '}\n            <code className=\"bg-amber-100 dark:bg-amber-900/50 px-1 rounded\">components</code> prop:\n          </p>\n          <pre className=\"mt-1 text-xs bg-amber-100 dark:bg-amber-900/30 rounded px-2 py-1 overflow-x-auto\">\n            <code>{`<Form config={config} components={{ ${missingComponents[0]}: MyCustom${missingComponents[0]} }} />`}</code>\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Creates a placeholder component that renders the MissingComponentFallback\n * Can be used as a drop-in replacement for missing components\n */\nexport function createMissingComponentPlaceholder(\n  componentName: string,\n  fieldType: string,\n): React.FC<{ name?: string }> {\n  const Placeholder: React.FC<{ name?: string }> = ({ name = 'unknown' }) => (\n    <MissingComponentFallback\n      fieldName={name}\n      fieldType={fieldType}\n      missingComponents={[componentName]}\n    />\n  );\n  Placeholder.displayName = `Missing${componentName}`;\n  return Placeholder;\n}\n"],"mappings":"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","names":["jsx"]}