ivt 0.7.3 → 0.7.4

package/dist/form-layout/index.mjs

@@ -0,0 +1,534 @@
+import * as React from 'react';
+import { useId, useState, useEffect } from 'react';
+import { P as PatternFormat, N as NumericFormat } from '../chunks/react-number-format.es-rRpdCutF.mjs';
+import { c as cn } from '../chunks/utils-M7D-rn0u.mjs';
+import { f as formatDateToBrazilian, p as ptBR } from '../chunks/date-DYEUxjwi.mjs';
+import { f as formatMoney } from '../chunks/format-numbers-BpGX211b.mjs';
+import { f as FormField, a as FormItem, b as FormLabel, c as FormControl, d as FormDescription, e as FormMessage, F as Form } from '../chunks/form-CJnoOgoH.mjs';
+import { T as Toggle } from '../chunks/toggle-x7-6JYvP.mjs';
+import { I as InputOTP, a as InputOTPGroup, b as InputOTPSlot } from '../chunks/input-otp-b-7MmY2H.mjs';
+import { S as Slider } from '../chunks/slider-C_afdOBq.mjs';
+import { R as RadioGroup, a as RadioGroupItem } from '../chunks/radio-group-r3ejuIom.mjs';
+import { S as Switch } from '../chunks/switch-CoxjUYji.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-xkRZC0aJ.mjs';
+import { A as AutoComplete } from '../chunks/AutoComplete-qFuwmV53.mjs';
+import { L as ListItem } from '../chunks/ListItem-zxS4CZdq.mjs';
+import { C as Checkbox } from '../chunks/checkbox-C7RUdsIS.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-ChoMUAP9.mjs';
+import { B as Button } from '../chunks/button-DsgJkgEz.mjs';
+import { f as format } from '../chunks/format-BSPAt__h.mjs';
+import { C as Calendar$1 } from '../chunks/calendar-Co99lCn4.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-CICQavYx.mjs';
+import { I as Input } from '../chunks/input-NILUGijL.mjs';
+import { S as Separator } from '../chunks/separator-CL28DVoA.mjs';
+import '../chunks/bundle-mjs-B1dpl-bk.mjs';
+import '@radix-ui/react-slot';
+import '../chunks/label-81mjh4Q4.mjs';
+import 'react-dom';
+import 'react/jsx-runtime';
+import '../chunks/index-G8uUqzC7.mjs';
+import '../chunks/index-BpZD69GD.mjs';
+import '../chunks/index-DjoMuta5.mjs';
+import 'class-variance-authority';
+import '../chunks/index-B8zlei3I.mjs';
+import '../chunks/index-Cm5-jAR7.mjs';
+import '../chunks/index-B49Rv10M.mjs';
+import '../chunks/index-SJQIKyxi.mjs';
+import '../chunks/index-DWtzT31F.mjs';
+import '@radix-ui/react-collection';
+import '../chunks/index-CvWc6WZ4.mjs';
+import '../chunks/index-Dn87UbZu.mjs';
+import '../chunks/index-BtdTgi0_.mjs';
+import '../chunks/index-CsC-dafu.mjs';
+import '../chunks/check-CzKqQLNR.mjs';
+import '../chunks/index.module-B_Z75X1e.mjs';
+import '../chunks/chevrons-up-down-DKM8h8j_.mjs';
+import '../chunks/command-CAS791lb.mjs';
+import '../chunks/index-7wUPkpwA.mjs';
+import '../chunks/index-DSBOi0JP.mjs';
+import '../chunks/index-fcmnzZn6.mjs';
+import '../chunks/tslib.es6-9fTryOSE.mjs';
+import '../chunks/index-zv8c0UAU.mjs';
+import '../chunks/dialog-Dt_M700u.mjs';
+import '../chunks/x-Heb3hHKJ.mjs';
+import '../chunks/TooltipIndicator-CwGGAeRz.mjs';
+import '../chunks/tooltip-aCFcTWvT.mjs';
+import '../chunks/index-CuEeN4AG.mjs';
+import '../chunks/index-0DBJW078.mjs';
+import '../chunks/badge-C6mkl9yr.mjs';
+import '../chunks/chevron-left-BpfBwM4S.mjs';
+import '../chunks/chevron-right-uq-O8rwC.mjs';
+import '../chunks/chevron-down-CZjN_vyX.mjs';
+import '@radix-ui/react-select';
+
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "M8 2v4",
+            key: "1cmpym"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M16 2v4",
+            key: "4m81vk"
+        }
+    ],
+    [
+        "rect",
+        {
+            width: "18",
+            height: "18",
+            x: "3",
+            y: "4",
+            rx: "2",
+            key: "1hopcy"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M3 10h18",
+            key: "8toen8"
+        }
+    ]
+];
+const Calendar = createLucideIcon("Calendar", __iconNode);
+
+/**
+ * Formata uma data para o padrão brasileiro (dd/MM/yyyy)
+ * @param date Data a ser formatada (Date, string ou undefined)
+ * @returns String formatada ou undefined se não houver valor
+ */ function formatDate(date) {
+    if (!date) return undefined;
+    return formatDateToBrazilian(date);
+}
+/**
+ * Formata um CNPJ no padrão brasileiro (##.###.###/####-##)
+ * @param cnpj CNPJ a ser formatado (string com ou sem formatação)
+ * @returns String formatada ou undefined se não houver valor
+ */ function formatCNPJ(cnpj) {
+    if (!cnpj) return undefined;
+    // Remove caracteres não numéricos
+    const cleaned = cnpj.replace(/\D/g, "");
+    // Verifica se tem 14 dígitos
+    if (cleaned.length !== 14) {
+        // Se não tiver 14 dígitos, retorna o valor original
+        return cnpj;
+    }
+    // Formata: ##.###.###/####-##
+    return `${cleaned.slice(0, 2)}.${cleaned.slice(2, 5)}.${cleaned.slice(5, 8)}/${cleaned.slice(8, 12)}-${cleaned.slice(12, 14)}`;
+}
+/**
+ * Formata um valor numérico como moeda brasileira (R$)
+ * @param value Valor numérico a ser formatado
+ * @returns String formatada ou undefined se não houver valor
+ */ function formatCurrency(value) {
+    if (value === null || value === undefined) return undefined;
+    return formatMoney({
+        value,
+        currency: "BRL",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    });
+}
+
+function AutocompleteFieldWrapper({ field, form, autocompleteConfig, placeholder, disabled }) {
+    const [open, setOpen] = useState(false);
+    // biome-ignore lint/suspicious/noExplicitAny: autocomplete option type
+    const [selectedOption, setSelectedOption] = useState(null);
+    const getOptionLabel = autocompleteConfig.getOptionLabel || // biome-ignore lint/suspicious/noExplicitAny: autocomplete option type
+    ((option)=>option.label || String(option.id));
+    const getOptionKey = autocompleteConfig.getOptionKey || // biome-ignore lint/suspicious/noExplicitAny: autocomplete option type
+    ((option)=>option.id);
+    const getOptionValue = autocompleteConfig.getOptionValue || // biome-ignore lint/suspicious/noExplicitAny: autocomplete option type
+    ((option)=>option.id);
+    useEffect(()=>{
+        if (field.value && autocompleteConfig.fetchOptions) {
+            const searchTerm = typeof field.value === "string" ? field.value : "";
+            autocompleteConfig.fetchOptions(searchTerm).then((options)=>{
+                let found = options.find((opt)=>getOptionValue(opt) === field.value);
+                if (!found && typeof field.value === "string") {
+                    found = options.find((opt)=>{
+                        const label = getOptionLabel(opt);
+                        return label === field.value || label.toLowerCase().includes(field.value.toLowerCase());
+                    });
+                }
+                if (!found && typeof field.value === "number") {
+                    found = options.find((opt)=>getOptionKey(opt) === field.value);
+                }
+                if (found) {
+                    setSelectedOption(found);
+                } else {
+                    setSelectedOption(null);
+                }
+            }).catch(()=>{
+                setSelectedOption(null);
+            });
+        } else {
+            setSelectedOption(null);
+        }
+    }, [
+        field.value,
+        autocompleteConfig.fetchOptions,
+        getOptionValue,
+        getOptionLabel,
+        getOptionKey
+    ]);
+    return /*#__PURE__*/ React.createElement(AutoComplete, {
+        value: selectedOption,
+        // biome-ignore lint/suspicious/noExplicitAny: autocomplete option type
+        onChange: (option)=>{
+            const value = option ? getOptionValue(option) : null;
+            field.onChange(value);
+            setSelectedOption(option);
+            if (option && autocompleteConfig.onChangeCallback) {
+                autocompleteConfig.onChangeCallback(option, form);
+            }
+        },
+        placeholder: placeholder || "Digite para buscar...",
+        searchPlaceholder: autocompleteConfig.searchPlaceholder || "Buscar...",
+        open: open,
+        onOpenChange: setOpen,
+        fetchOptions: autocompleteConfig.fetchOptions,
+        disabled: disabled,
+        messageEmpty: autocompleteConfig.messageEmpty || "Nenhum resultado encontrado...",
+        getOptionLabel: getOptionLabel,
+        getOptionKey: getOptionKey,
+        className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+    });
+}
+function BaseFormField({ config, control, readOnly = false, form }) {
+    const baseId = useId();
+    const { name, label, type, placeholder, description, required, options, decimalScale, disabled, prefix, radioOptions, otpLength, sliderRange, format: patternFormat, mask, autocompleteConfig, render: customRender } = config;
+    const formatReadOnlyValue = (value, fieldType)=>{
+        if (value === null || value === undefined || value === "") {
+            return undefined;
+        }
+        switch(fieldType){
+            case "date":
+                return formatDate(value);
+            case "currency":
+                return formatCurrency(value);
+            case "number":
+                return typeof value === "number" ? value.toLocaleString("pt-BR", {
+                    minimumFractionDigits: decimalScale ?? 0,
+                    maximumFractionDigits: decimalScale ?? 7
+                }) : String(value);
+            case "pattern":
+                if (patternFormat && typeof value === "string") {
+                    if (patternFormat.includes("##.###.###/####-##")) {
+                        return formatCNPJ(value);
+                    }
+                    return value;
+                }
+                return String(value);
+            case "select":
+                if (options && options.length > 0) {
+                    const option = options.find((opt)=>{
+                        const optValue = typeof opt === "object" ? opt.value : opt;
+                        return String(optValue) === String(value);
+                    });
+                    if (option) {
+                        return typeof option === "object" ? option.label : option;
+                    }
+                }
+                return String(value);
+            case "checkbox":
+            case "switch":
+            case "toggle":
+                return value ? "Sim" : "Não";
+            case "radio":
+                if (radioOptions) {
+                    const option = radioOptions.find((opt)=>String(opt.value) === String(value));
+                    return option ? option.label : String(value);
+                }
+                return String(value);
+            case "slider":
+                return typeof value === "number" ? String(value) : undefined;
+            default:
+                return String(value);
+        }
+    };
+    if (readOnly) {
+        return /*#__PURE__*/ React.createElement(FormField, {
+            control: control,
+            name: name,
+            // biome-ignore lint/suspicious/noExplicitAny: react-hook-form field type
+            render: ({ field })=>/*#__PURE__*/ React.createElement(ListItem, {
+                    title: label,
+                    value: formatReadOnlyValue(field.value, type)
+                })
+        });
+    }
+    return /*#__PURE__*/ React.createElement(FormField, {
+        control: control,
+        name: name,
+        // biome-ignore lint/suspicious/noExplicitAny: react-hook-form field type
+        render: ({ field })=>{
+            if (customRender && form) {
+                return /*#__PURE__*/ React.createElement(FormItem, {
+                    className: type === "checkbox" ? "flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4" : ""
+                }, type !== "checkbox" && type !== "switch" && /*#__PURE__*/ React.createElement(FormLabel, null, label, " ", required && /*#__PURE__*/ React.createElement("span", {
+                    className: "text-destructive"
+                }, "*")), /*#__PURE__*/ React.createElement(FormControl, null, customRender({
+                    field,
+                    form
+                })), type !== "checkbox" && description && /*#__PURE__*/ React.createElement(FormDescription, null, description), /*#__PURE__*/ React.createElement(FormMessage, null));
+            }
+            return /*#__PURE__*/ React.createElement(FormItem, {
+                className: type === "checkbox" ? "flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4" : ""
+            }, type !== "checkbox" && type !== "switch" && /*#__PURE__*/ React.createElement(FormLabel, null, label, " ", required && /*#__PURE__*/ React.createElement("span", {
+                className: "text-destructive"
+            }, "*")), /*#__PURE__*/ React.createElement(FormControl, null, (()=>{
+                switch(type){
+                    case "text":
+                    case "email":
+                    case "url":
+                    case "tel":
+                        return /*#__PURE__*/ React.createElement(Input, {
+                            ...field,
+                            type: type,
+                            placeholder: placeholder,
+                            disabled: disabled,
+                            value: field.value || ""
+                        });
+                    case "textarea":
+                        return /*#__PURE__*/ React.createElement("textarea", {
+                            className: "flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                            ...field,
+                            placeholder: placeholder,
+                            disabled: disabled,
+                            value: field.value || ""
+                        });
+                    case "number":
+                        return /*#__PURE__*/ React.createElement(NumericFormat, {
+                            customInput: Input,
+                            decimalSeparator: ",",
+                            thousandSeparator: ".",
+                            decimalScale: decimalScale ?? 7,
+                            value: field.value ?? "",
+                            onValueChange: (values)=>field.onChange(values.floatValue),
+                            placeholder: placeholder,
+                            disabled: disabled
+                        });
+                    case "currency":
+                        return /*#__PURE__*/ React.createElement(NumericFormat, {
+                            customInput: Input,
+                            decimalSeparator: ",",
+                            thousandSeparator: ".",
+                            decimalScale: decimalScale ?? 2,
+                            value: field.value ?? "",
+                            onValueChange: (values)=>field.onChange(values.floatValue),
+                            placeholder: placeholder,
+                            disabled: disabled,
+                            prefix: prefix ?? "R$ "
+                        });
+                    case "pattern":
+                        return /*#__PURE__*/ React.createElement(PatternFormat, {
+                            customInput: Input,
+                            format: patternFormat || "",
+                            mask: mask || "_",
+                            placeholder: placeholder,
+                            disabled: disabled,
+                            value: field.value || "",
+                            onValueChange: (values)=>{
+                                field.onChange(values.value);
+                            }
+                        });
+                    case "select":
+                        {
+                            const selectValue = String(field.value || "");
+                            return /*#__PURE__*/ React.createElement(Select, {
+                                onValueChange: field.onChange,
+                                value: selectValue,
+                                disabled: disabled
+                            }, /*#__PURE__*/ React.createElement(FormControl, null, /*#__PURE__*/ React.createElement(SelectTrigger, {
+                                className: "w-full"
+                            }, /*#__PURE__*/ React.createElement(SelectValue, {
+                                placeholder: placeholder || "Selecione"
+                            }))), /*#__PURE__*/ React.createElement(SelectContent, {
+                                className: "max-h-[300px] overflow-y-auto overflow-x-hidden"
+                            }, options?.map((opt)=>{
+                                const val = typeof opt === "object" ? String(opt.value) : opt;
+                                const lab = typeof opt === "object" ? opt.label : opt;
+                                return /*#__PURE__*/ React.createElement(SelectItem, {
+                                    key: val,
+                                    value: val
+                                }, lab);
+                            })));
+                        }
+                    case "date":
+                        return /*#__PURE__*/ React.createElement(Popover, null, /*#__PURE__*/ React.createElement(PopoverTrigger, {
+                            asChild: true
+                        }, /*#__PURE__*/ React.createElement(Button, {
+                            variant: "outline",
+                            disabled: disabled,
+                            className: cn("w-full justify-start text-left font-normal", !field.value && "text-muted-foreground")
+                        }, /*#__PURE__*/ React.createElement(Calendar, {
+                            className: "mr-2 h-4 w-4"
+                        }), field.value ? format(new Date(field.value), "dd/MM/yyyy", {
+                            locale: ptBR
+                        }) : /*#__PURE__*/ React.createElement("span", null, placeholder || "Selecione"))), /*#__PURE__*/ React.createElement(PopoverContent, {
+                            className: "w-auto p-0",
+                            align: "start"
+                        }, /*#__PURE__*/ React.createElement(Calendar$1, {
+                            mode: "single",
+                            selected: field.value ? new Date(field.value) : undefined,
+                            onSelect: field.onChange,
+                            locale: ptBR
+                        })));
+                    case "checkbox":
+                        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Checkbox, {
+                            checked: !!field.value,
+                            onCheckedChange: field.onChange,
+                            disabled: disabled
+                        }), /*#__PURE__*/ React.createElement("div", {
+                            className: "space-y-1 leading-none"
+                        }, /*#__PURE__*/ React.createElement(FormLabel, null, label), description && /*#__PURE__*/ React.createElement(FormDescription, null, description)));
+                    case "switch":
+                        return /*#__PURE__*/ React.createElement("div", {
+                            className: "flex items-center justify-between"
+                        }, /*#__PURE__*/ React.createElement(FormLabel, null, label), /*#__PURE__*/ React.createElement(Switch, {
+                            checked: !!field.value,
+                            onCheckedChange: field.onChange,
+                            disabled: disabled
+                        }));
+                    case "radio":
+                        return /*#__PURE__*/ React.createElement(RadioGroup, {
+                            value: String(field.value ?? ""),
+                            onValueChange: field.onChange,
+                            className: "flex flex-col gap-2",
+                            disabled: disabled ?? false
+                        }, (radioOptions ?? [])?.map((opt)=>/*#__PURE__*/ React.createElement("div", {
+                                key: opt.value,
+                                className: "flex items-center gap-2"
+                            }, /*#__PURE__*/ React.createElement(RadioGroupItem, {
+                                value: opt.value,
+                                id: `${String(name)}-${opt.value}`
+                            }), /*#__PURE__*/ React.createElement("label", {
+                                htmlFor: `${String(name)}-${opt.value}`,
+                                className: "text-sm"
+                            }, opt.label))));
+                    case "slider":
+                        return /*#__PURE__*/ React.createElement("div", {
+                            className: "space-y-2"
+                        }, /*#__PURE__*/ React.createElement(Slider, {
+                            value: [
+                                Number(field.value ?? sliderRange?.min ?? 0)
+                            ],
+                            onValueChange: (vals)=>field.onChange(vals[0]),
+                            min: sliderRange?.min ?? 0,
+                            max: sliderRange?.max ?? 100,
+                            step: sliderRange?.step ?? 1,
+                            disabled: disabled
+                        }), typeof field.value === "number" && /*#__PURE__*/ React.createElement("p", {
+                            className: "text-xs text-muted-foreground"
+                        }, "Valor: ", field.value));
+                    case "otp":
+                        return /*#__PURE__*/ React.createElement(InputOTP, {
+                            maxLength: otpLength ?? 6,
+                            value: String(field.value ?? ""),
+                            onChange: field.onChange,
+                            disabled: disabled
+                        }, /*#__PURE__*/ React.createElement(InputOTPGroup, null, Array.from({
+                            length: otpLength ?? 6
+                        }, (_, i)=>/*#__PURE__*/ React.createElement(InputOTPSlot, {
+                                key: `${baseId}-otp-${i}`,
+                                index: i
+                            }))));
+                    case "toggle":
+                        return /*#__PURE__*/ React.createElement("div", {
+                            className: "flex items-center gap-2"
+                        }, /*#__PURE__*/ React.createElement(Toggle, {
+                            pressed: !!field.value,
+                            onPressedChange: (pressed)=>field.onChange(pressed),
+                            disabled: disabled
+                        }, label));
+                    case "autocomplete":
+                        {
+                            if (!autocompleteConfig || !form) {
+                                return null;
+                            }
+                            return /*#__PURE__*/ React.createElement(AutocompleteFieldWrapper, {
+                                field: field,
+                                form: form,
+                                autocompleteConfig: autocompleteConfig,
+                                placeholder: placeholder,
+                                disabled: disabled
+                            });
+                        }
+                    default:
+                        return null;
+                }
+            })()), type !== "checkbox" && description && /*#__PURE__*/ React.createElement(FormDescription, null, description), /*#__PURE__*/ React.createElement(FormMessage, null));
+        }
+    });
+}
+BaseFormField.displayName = "BaseFormField";
+function FormLayout({ form, sections, onSubmit, onError, formId, title, description, headerContent, readOnly = false, formRef }) {
+    const getColSpanClass = (cols)=>{
+        if (!cols || cols === 1) return "col-span-12 md:col-span-6 xl:col-span-4";
+        if (cols === 2) return "col-span-12 md:col-span-12 xl:col-span-8";
+        if (cols === 3) return "col-span-12";
+        if (cols === 6) return "col-span-12 2xl:col-span-6";
+        return "col-span-12";
+    };
+    return /*#__PURE__*/ React.createElement(Form, form, onSubmit ? /*#__PURE__*/ React.createElement("form", {
+        onSubmit: form.handleSubmit(onSubmit, onError),
+        id: formId,
+        ref: formRef,
+        className: "space-y-8 relative px-1"
+    }, (title || description) && /*#__PURE__*/ React.createElement("div", {
+        className: "space-y-2 mb-6"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "flex justify-between items-start"
+    }, /*#__PURE__*/ React.createElement("div", null, title && /*#__PURE__*/ React.createElement("h2", {
+        className: "text-xl font-semibold tracking-tight"
+    }, title), description && /*#__PURE__*/ React.createElement("p", {
+        className: "text-muted-foreground text-sm"
+    }, description)), headerContent)), sections.map((section, idx)=>/*#__PURE__*/ React.createElement("div", {
+            key: section.title ? `${section.title}-${idx}` : `section-${idx}`,
+            className: "space-y-4"
+        }, (section.title || section.description) && /*#__PURE__*/ React.createElement("div", {
+            className: "flex items-center gap-2"
+        }, section.title && /*#__PURE__*/ React.createElement("h3", null, section.title), /*#__PURE__*/ React.createElement(Separator, {
+            className: "flex-1"
+        })), /*#__PURE__*/ React.createElement("div", {
+            className: cn("grid grid-cols-12", readOnly ? "gap-2" : "gap-4")
+        }, section.fields.map((config)=>/*#__PURE__*/ React.createElement("div", {
+                key: String(config.name),
+                className: getColSpanClass(config.cols)
+            }, /*#__PURE__*/ React.createElement(BaseFormField, {
+                config: config,
+                control: form.control,
+                readOnly: readOnly,
+                form: form
+            }))))))) : /*#__PURE__*/ React.createElement("div", {
+        id: formId,
+        className: "space-y-8 relative px-1"
+    }, sections.map((section, idx)=>/*#__PURE__*/ React.createElement("div", {
+            key: section.title ? `${section.title}-${idx}` : `section-${idx}`,
+            className: "space-y-4"
+        }, (section.title || section.description) && /*#__PURE__*/ React.createElement("div", {
+            className: "flex items-center gap-2"
+        }, section.title && /*#__PURE__*/ React.createElement("h3", null, section.title), /*#__PURE__*/ React.createElement(Separator, {
+            className: "flex-1"
+        })), /*#__PURE__*/ React.createElement("div", {
+            className: cn("grid grid-cols-12", readOnly ? "gap-2" : "gap-4")
+        }, section.fields.map((config)=>/*#__PURE__*/ React.createElement("div", {
+                key: String(config.name),
+                className: getColSpanClass(config.cols)
+            }, /*#__PURE__*/ React.createElement(BaseFormField, {
+                config: config,
+                control: form.control,
+                readOnly: readOnly,
+                form: form
+            }))))))));
+}
+FormLayout.displayName = "FormLayout";
+
+export { BaseFormField, FormLayout };
+//# sourceMappingURL=index.mjs.map