@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/Form/FormDescription.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDescription.mjs","sources":["../../../src/components/Form/FormDescription.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormDescription: FC<HTMLAttributes<HTMLParagraphElement>> = (\n  props\n) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p className=\"text-neutral text-sm\" id={formDescriptionId} {...props} />\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,kBAA4D,CACvE,UACG;AACH,QAAM,EAAE,kBAAA,IAAsB,aAAA;AAE9B,6BACG,KAAA,EAAE,WAAU,wBAAuB,IAAI,mBAAoB,GAAG,OAAO;AAE1E;"}

package/dist/components/Form/FormField.cjs

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const reactHookForm = require("react-hook-form");
-const components_Form_FormItem = require("./FormItem.cjs");
-const FormFieldContext = ReactExports.createContext(
-  {}
-);
-const FormField = ({
-  ...props
-}) => {
-  const memoValue = ReactExports.useMemo(
-    () => ({
-      name: props.name
-    }),
-    [props.name]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext, { value: memoValue, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
-};
-const useFormField = () => {
-  const fieldContext = ReactExports.useContext(FormFieldContext);
-  const itemContext = ReactExports.useContext(components_Form_FormItem.FormItemContext);
-  const { getFieldState, formState } = reactHookForm.useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-exports.FormField = FormField;
-exports.useFormField = useFormField;
-//# sourceMappingURL=FormField.cjs.map

package/dist/components/Form/FormField.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.cjs","sources":["../../../src/components/Form/FormField.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useMemo } from 'react';\nimport {\n  type FieldValues,\n  type FieldPath,\n  type ControllerProps,\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport { FormItemContext } from './FormItem';\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n);\n\nexport const FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const memoValue = useMemo(\n    () => ({\n      name: props.name,\n    }),\n    [props.name]\n  );\n\n  return (\n    <FormFieldContext value={memoValue}>\n      <Controller {...props} />\n    </FormFieldContext>\n  );\n};\n\nexport const useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n"],"names":["createContext","useMemo","jsx","Controller","useContext","FormItemContext","useFormContext"],"mappings":";;;;;;;AAmBA,MAAM,mBAAmBA,aAAAA;AAAAA,EACvB,CAAA;AACF;AAEO,MAAM,YAAY,CAGvB;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,YAAYC,aAAAA;AAAAA,IAChB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,IAAA;AAAA,IAEd,CAAC,MAAM,IAAI;AAAA,EAAA;AAGb,SACEC,+BAAC,oBAAiB,OAAO,WACvB,yCAACC,0BAAA,EAAY,GAAG,OAAO,EAAA,CACzB;AAEJ;AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,eAAeC,aAAAA,WAAW,gBAAgB;AAChD,QAAM,cAAcA,aAAAA,WAAWC,wCAAe;AAC9C,QAAM,EAAE,eAAe,UAAA,IAAcC,6BAAA;AAErC,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,OAAO;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,GAAG,EAAE;AAAA,IACjB,mBAAmB,GAAG,EAAE;AAAA,IACxB,eAAe,GAAG,EAAE;AAAA,IACpB,GAAG;AAAA,EAAA;AAEP;;;"}

package/dist/components/Form/FormField.d.ts

@@ -1,15 +0,0 @@
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
-export declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: import('react-hook-form').FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-//# sourceMappingURL=FormField.d.ts.map

package/dist/components/Form/FormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormField.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,eAAe,EAGrB,MAAM,iBAAiB,CAAC;AAczB,eAAO,MAAM,SAAS,GACpB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAatC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAqBxB,CAAC"}

package/dist/components/Form/FormField.mjs

@@ -1,42 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
-import { useFormContext, Controller } from "react-hook-form";
-import { FormItemContext } from "./FormItem.mjs";
-const FormFieldContext = createContext(
-  {}
-);
-const FormField = ({
-  ...props
-}) => {
-  const memoValue = useMemo(
-    () => ({
-      name: props.name
-    }),
-    [props.name]
-  );
-  return /* @__PURE__ */ jsx(FormFieldContext, { value: memoValue, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
-};
-const useFormField = () => {
-  const fieldContext = useContext(FormFieldContext);
-  const itemContext = useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-export {
-  FormField,
-  useFormField
-};
-//# sourceMappingURL=FormField.mjs.map

package/dist/components/Form/FormField.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.mjs","sources":["../../../src/components/Form/FormField.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useMemo } from 'react';\nimport {\n  type FieldValues,\n  type FieldPath,\n  type ControllerProps,\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport { FormItemContext } from './FormItem';\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n);\n\nexport const FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const memoValue = useMemo(\n    () => ({\n      name: props.name,\n    }),\n    [props.name]\n  );\n\n  return (\n    <FormFieldContext value={memoValue}>\n      <Controller {...props} />\n    </FormFieldContext>\n  );\n};\n\nexport const useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,mBAAmB;AAAA,EACvB,CAAA;AACF;AAEO,MAAM,YAAY,CAGvB;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,IAAA;AAAA,IAEd,CAAC,MAAM,IAAI;AAAA,EAAA;AAGb,SACE,oBAAC,oBAAiB,OAAO,WACvB,8BAAC,YAAA,EAAY,GAAG,OAAO,EAAA,CACzB;AAEJ;AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,eAAe,WAAW,gBAAgB;AAChD,QAAM,cAAc,WAAW,eAAe;AAC9C,QAAM,EAAE,eAAe,UAAA,IAAc,eAAA;AAErC,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,OAAO;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,GAAG,EAAE;AAAA,IACjB,mBAAmB,GAAG,EAAE;AAAA,IACxB,eAAe,GAAG,EAAE;AAAA,IACpB,GAAG;AAAA,EAAA;AAEP;"}

package/dist/components/Form/FormItem.cjs

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const FormItem = (props) => {
-  const id = ReactExports.useId();
-  const memoValue = ReactExports.useMemo(
-    () => ({
-      id
-    }),
-    [id]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", ...props }) });
-};
-const FormItemContext = ReactExports.createContext(
-  {}
-);
-exports.FormItem = FormItem;
-exports.FormItemContext = FormItemContext;
-//# sourceMappingURL=FormItem.cjs.map

package/dist/components/Form/FormItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormItem.cjs","sources":["../../../src/components/Form/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  useId,\n  createContext,\n  useMemo,\n} from 'react';\n\nexport const FormItem: FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n  const id = useId();\n\n  const memoValue = useMemo(\n    () => ({\n      id,\n    }),\n    [id]\n  );\n\n  return (\n    <FormItemContext value={memoValue}>\n      <div className=\"flex flex-col gap-2 p-2\" {...props} />\n    </FormItemContext>\n  );\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nexport const FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n"],"names":["useId","useMemo","jsx","createContext"],"mappings":";;;;;AAUO,MAAM,WAA+C,CAAC,UAAU;AACrE,QAAM,KAAKA,aAAAA,MAAA;AAEX,QAAM,YAAYC,aAAAA;AAAAA,IAChB,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,CAAC,EAAE;AAAA,EAAA;AAGL,SACEC,2BAAAA,IAAC,iBAAA,EAAgB,OAAO,WACtB,UAAAA,2BAAAA,IAAC,SAAI,WAAU,2BAA2B,GAAG,MAAA,CAAO,EAAA,CACtD;AAEJ;AAMO,MAAM,kBAAkBC,aAAAA;AAAAA,EAC7B,CAAA;AACF;;;"}

package/dist/components/Form/FormItem.d.ts

@@ -1,8 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const FormItem: FC<HTMLAttributes<HTMLDivElement>>;
-type FormItemContextValue = {
-    id: string;
-};
-export declare const FormItemContext: import('react').Context<FormItemContextValue>;
-export {};
-//# sourceMappingURL=FormItem.d.ts.map

package/dist/components/Form/FormItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAevD,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,eAAe,+CAE3B,CAAC"}

package/dist/components/Form/FormItem.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useId, useMemo } from "react";
-const FormItem = (props) => {
-  const id = useId();
-  const memoValue = useMemo(
-    () => ({
-      id
-    }),
-    [id]
-  );
-  return /* @__PURE__ */ jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-2", ...props }) });
-};
-const FormItemContext = createContext(
-  {}
-);
-export {
-  FormItem,
-  FormItemContext
-};
-//# sourceMappingURL=FormItem.mjs.map

package/dist/components/Form/FormItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormItem.mjs","sources":["../../../src/components/Form/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  useId,\n  createContext,\n  useMemo,\n} from 'react';\n\nexport const FormItem: FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n  const id = useId();\n\n  const memoValue = useMemo(\n    () => ({\n      id,\n    }),\n    [id]\n  );\n\n  return (\n    <FormItemContext value={memoValue}>\n      <div className=\"flex flex-col gap-2 p-2\" {...props} />\n    </FormItemContext>\n  );\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nexport const FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n"],"names":[],"mappings":";;;AAUO,MAAM,WAA+C,CAAC,UAAU;AACrE,QAAM,KAAK,MAAA;AAEX,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,CAAC,EAAE;AAAA,EAAA;AAGL,SACE,oBAAC,iBAAA,EAAgB,OAAO,WACtB,UAAA,oBAAC,SAAI,WAAU,2BAA2B,GAAG,MAAA,CAAO,EAAA,CACtD;AAEJ;AAMO,MAAM,kBAAkB;AAAA,EAC7B,CAAA;AACF;"}

package/dist/components/Form/FormLabel.cjs

@@ -1,23 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Label_index = require("../Label/index.cjs");
-const components_Form_FormField = require("./FormField.cjs");
-const FormLabel = ({
-  className,
-  ...props
-}) => {
-  const { error, formItemId } = components_Form_FormField.useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_Label_index.Label,
-    {
-      className: utils_cn.cn("mb-2", error && "text-error", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-};
-exports.FormLabel = FormLabel;
-//# sourceMappingURL=FormLabel.cjs.map

package/dist/components/Form/FormLabel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLabel.cjs","sources":["../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\nimport { useFormField } from './FormField';\n\nexport const FormLabel: FC<ComponentProps<typeof Label>> = ({\n  className,\n  ...props\n}) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn('mb-2', error && 'text-error', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormField","jsx","Label","cn"],"mappings":";;;;;;;AAOO,MAAM,YAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,WAAA,IAAeA,uCAAA;AAE9B,SACEC,2BAAAA;AAAAA,IAACC,uBAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,SAAAA,GAAG,QAAQ,SAAS,cAAc,SAAS;AAAA,MACtD,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}

package/dist/components/Form/FormLabel.d.ts

@@ -1,4 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { Label } from '../Label';
-export declare const FormLabel: FC<ComponentProps<typeof Label>>;
-//# sourceMappingURL=FormLabel.d.ts.map

package/dist/components/Form/FormLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAatD,CAAC"}

package/dist/components/Form/FormLabel.mjs

@@ -1,23 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-import { Label } from "../Label/index.mjs";
-import { useFormField } from "./FormField.mjs";
-const FormLabel = ({
-  className,
-  ...props
-}) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      className: cn("mb-2", error && "text-error", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-};
-export {
-  FormLabel
-};
-//# sourceMappingURL=FormLabel.mjs.map

package/dist/components/Form/FormLabel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\nimport { useFormField } from './FormField';\n\nexport const FormLabel: FC<ComponentProps<typeof Label>> = ({\n  className,\n  ...props\n}) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn('mb-2', error && 'text-error', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,YAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,WAAA,IAAe,aAAA;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,SAAS,cAAc,SAAS;AAAA,MACtD,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Form/FormMessage.cjs

@@ -1,27 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const components_Form_FormField = require("./FormField.cjs");
-const FormMessage = ({
-  children,
-  ...props
-}) => {
-  const { error, formMessageId } = components_Form_FormField.useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      className: "text-error text-xs font-medium",
-      role: "alert",
-      id: formMessageId,
-      ...props,
-      children: body
-    }
-  );
-};
-exports.FormMessage = FormMessage;
-//# sourceMappingURL=FormMessage.cjs.map

package/dist/components/Form/FormMessage.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormMessage.cjs","sources":["../../../src/components/Form/FormMessage.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormMessage: FC<HTMLAttributes<HTMLParagraphElement>> = ({\n  children,\n  ...props\n}) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      className=\"text-error text-xs font-medium\"\n      role=\"alert\"\n      id={formMessageId}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n};\n"],"names":["useFormField","jsx"],"mappings":";;;;;AAKO,MAAM,cAAwD,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,cAAA,IAAkBA,uCAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,EAAE,IAAI;AAEpD,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,IAAI;AAAA,MACH,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/components/Form/FormMessage.d.ts

@@ -1,3 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const FormMessage: FC<HTMLAttributes<HTMLParagraphElement>>;
-//# sourceMappingURL=FormMessage.d.ts.map

package/dist/components/Form/FormMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAqBhE,CAAC"}

package/dist/components/Form/FormMessage.mjs

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useFormField } from "./FormField.mjs";
-const FormMessage = ({
-  children,
-  ...props
-}) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: "text-error text-xs font-medium",
-      role: "alert",
-      id: formMessageId,
-      ...props,
-      children: body
-    }
-  );
-};
-export {
-  FormMessage
-};
-//# sourceMappingURL=FormMessage.mjs.map

package/dist/components/Form/FormMessage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormMessage.mjs","sources":["../../../src/components/Form/FormMessage.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormMessage: FC<HTMLAttributes<HTMLParagraphElement>> = ({\n  children,\n  ...props\n}) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      className=\"text-error text-xs font-medium\"\n      role=\"alert\"\n      id={formMessageId}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAwD,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,cAAA,IAAkB,aAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,EAAE,IAAI;AAEpD,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,IAAI;AAAA,MACH,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Form/elements/AutoSizeTextAreaElement.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("../../TextArea/AutoSizeTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-exports.AutoSizedTextAreaElement = components_Form_layout_FormItemLayout.AutoSizedTextAreaElement;
-//# sourceMappingURL=AutoSizeTextAreaElement.cjs.map

package/dist/components/Form/elements/AutoSizeTextAreaElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSizeTextAreaElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/AutoSizeTextAreaElement.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { AutoSizedTextArea } from '../../TextArea/AutoSizeTextArea';
-import { FormElementProps } from './FormElement';
-type AutoSizedTextAreaElementsProps = Omit<FormElementProps<typeof AutoSizedTextArea>, 'Element'> & React.ComponentProps<typeof AutoSizedTextArea> & {
-    name: string;
-};
-export declare const AutoSizedTextAreaElement: FC<AutoSizedTextAreaElementsProps>;
-export {};
-//# sourceMappingURL=AutoSizeTextAreaElement.d.ts.map

package/dist/components/Form/elements/AutoSizeTextAreaElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSizeTextAreaElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/AutoSizeTextAreaElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,8BAA8B,GAAG,IAAI,CACxC,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,EAC1C,SAAS,CACV,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,8BAA8B,CASvE,CAAC"}

package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "../../TextArea/AutoSizeTextArea.mjs";
-import { A } from "../../../Form-CriPBaZk.js";
-export {
-  A as AutoSizedTextAreaElement
-};
-//# sourceMappingURL=AutoSizeTextAreaElement.mjs.map

package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoSizeTextAreaElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Form/elements/CheckboxElement.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("../../Input/Input.cjs");
-require("lucide-react");
-require("react");
-require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-exports.CheckboxElement = components_Form_layout_FormItemLayout.CheckboxElement;
-//# sourceMappingURL=CheckboxElement.cjs.map

package/dist/components/Form/elements/CheckboxElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Form/elements/CheckboxElement.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps, FC, ReactNode } from 'react';
-import { Checkbox } from '../../Input';
-import { FormElementProps } from './FormElement';
-type CheckboxElementProps = Omit<FormElementProps<typeof Checkbox>, 'Element'> & ComponentProps<typeof Checkbox> & {
-    name: string;
-    inputLabel?: ReactNode;
-};
-export declare const CheckboxElement: FC<CheckboxElementProps>;
-export {};
-//# sourceMappingURL=CheckboxElement.d.ts.map

package/dist/components/Form/elements/CheckboxElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/CheckboxElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,QAAQ,CAAC,EAAE,SAAS,CAAC,GAC5E,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAYJ,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/dist/components/Form/elements/CheckboxElement.mjs

@@ -1,10 +0,0 @@
-import "react/jsx-runtime";
-import "../../Input/Input.mjs";
-import "lucide-react";
-import "react";
-import "../../Input/Checkbox.mjs";
-import { C } from "../../../Form-CriPBaZk.js";
-export {
-  C as CheckboxElement
-};
-//# sourceMappingURL=CheckboxElement.mjs.map

package/dist/components/Form/elements/CheckboxElement.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/EditableFieldInputElement.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("../../EditableField/EditableFieldInput.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
-//# sourceMappingURL=EditableFieldInputElement.cjs.map

package/dist/components/Form/elements/EditableFieldInputElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldInputElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/EditableFieldInputElement.d.ts

@@ -1,13 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { EditableFieldInput } from '../../EditableField/EditableFieldInput';
-import { FormElementProps } from './FormElement';
-type EditableFieldInputElementProps = Omit<FormElementProps<typeof EditableFieldInput>, 'Element'> & Omit<ComponentProps<typeof EditableFieldInput> & {
-    name: string;
-    description?: ReactNode;
-    placeholder?: string;
-    className?: string;
-    children?: ReactNode;
-}, 'aria-label' | 'aria-labelledby'>;
-export declare const EditableFieldInputElement: (props: EditableFieldInputElementProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditableFieldInputElement.d.ts.map

package/dist/components/Form/elements/EditableFieldInputElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldInputElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldInputElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,8BAA8B,GAAG,IAAI,CACxC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,EAC3C,SAAS,CACV,GACC,IAAI,CACF,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,EACD,YAAY,GAAG,iBAAiB,CACjC,CAAC;AAEJ,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,4CAUtC,CAAC"}

package/dist/components/Form/elements/EditableFieldInputElement.mjs

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "../../EditableField/EditableFieldInput.mjs";
-import { E } from "../../../Form-CriPBaZk.js";
-export {
-  E as EditableFieldInputElement
-};
-//# sourceMappingURL=EditableFieldInputElement.mjs.map

package/dist/components/Form/elements/EditableFieldInputElement.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldInputElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Form/elements/EditableFieldTextAreaElement.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
-//# sourceMappingURL=EditableFieldTextAreaElement.cjs.map

package/dist/components/Form/elements/EditableFieldTextAreaElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldTextAreaElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/EditableFieldTextAreaElement.d.ts

@@ -1,13 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea';
-import { FormElementProps } from './FormElement';
-type EditableFieldTextAreaElementProps = Omit<FormElementProps<typeof EditableFieldTextArea>, 'Element'> & Omit<ComponentProps<typeof EditableFieldTextArea> & {
-    name: string;
-    description?: ReactNode;
-    placeholder?: string;
-    className?: string;
-    children?: ReactNode;
-}, 'aria-label' | 'aria-labelledby'>;
-export declare const EditableFieldTextAreaElement: (props: EditableFieldTextAreaElementProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EditableFieldTextAreaElement.d.ts.map

package/dist/components/Form/elements/EditableFieldTextAreaElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldTextAreaElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/EditableFieldTextAreaElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,KAAK,iCAAiC,GAAG,IAAI,CAC3C,gBAAgB,CAAC,OAAO,qBAAqB,CAAC,EAC9C,SAAS,CACV,GACC,IAAI,CACF,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,EACD,YAAY,GAAG,iBAAiB,CACjC,CAAC;AAEJ,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,4CAUzC,CAAC"}

package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "../../EditableField/EditableFieldTextArea.mjs";
-import { c } from "../../../Form-CriPBaZk.js";
-export {
-  c as EditableFieldTextAreaElement
-};
-//# sourceMappingURL=EditableFieldTextAreaElement.mjs.map

package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldTextAreaElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Form/elements/FormElement.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("react/jsx-runtime");
-require("react-hook-form");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-require("../FormField.cjs");
-require("clsx");
-require("tailwind-merge");
-exports.FormElement = components_Form_layout_FormItemLayout.FormElement;
-//# sourceMappingURL=FormElement.cjs.map

package/dist/components/Form/elements/FormElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElement.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Form/elements/FormElement.d.ts

@@ -1,20 +0,0 @@
-import { ComponentProps, ElementType, ReactNode } from 'react';
-import { FormItemLayoutProps } from '../layout';
-export type FormElementProps<T extends ElementType> = {
-    name: string;
-    Element: T;
-    label?: ReactNode;
-    isRequired?: boolean;
-    info?: string;
-    showErrorMessage?: boolean;
-    focus?: boolean;
-} & Omit<FormItemLayoutProps, 'children'>;
-/**
- * FormElement is a component that allows you to create a form element with a label, description, error message, and validation.
- *
- * The Element prop is the type of the element that will be rendered.
- * This element will interact with the FormContext and will be controlled by the FormControl component.
- * The props used to control the element will be `value` and `onChange`.
- */
-export declare const FormElement: <T extends ElementType>(props: FormElementProps<T> & ComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FormElement.d.ts.map

package/dist/components/Form/elements/FormElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/elements/FormElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpE,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,WAAW,CAAC;AAErE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AAqC1C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EAC/C,OAAO,gBAAgB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,4CAW/C,CAAC"}

package/dist/components/Form/elements/FormElement.mjs

@@ -1,10 +0,0 @@
-import "react/jsx-runtime";
-import "react-hook-form";
-import { a } from "../../../Form-CriPBaZk.js";
-import "../FormField.mjs";
-import "clsx";
-import "tailwind-merge";
-export {
-  a as FormElement
-};
-//# sourceMappingURL=FormElement.mjs.map

package/dist/components/Form/elements/FormElement.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElement.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Form/elements/FormElementWrapper.cjs

@@ -1,37 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const zod = require("../../../zod-CvjrdkEg.cjs");
-const reactHookForm = require("react-hook-form");
-const schemas = require("../../../schemas-0lUZlFWF.cjs");
-const Schema = schemas.object({
-  test: schemas.string().min(3, "test error")
-});
-const FormElementWrapper = (props) => {
-  const objectFormSchema = props.schema ?? Schema;
-  const form = reactHookForm.useForm({
-    resolver: zod.a(objectFormSchema),
-    values: props.values
-  });
-  const { children, onSubmit, ...rest } = props;
-  const onSubmitForm = (values, event) => {
-    const parsedValues = objectFormSchema.safeParse(values);
-    if (parsedValues.success) {
-      onSubmit?.(event);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "form",
-    {
-      ...rest,
-      onSubmit: (e) => {
-        e.preventDefault();
-        form.handleSubmit((values) => onSubmitForm(values, e));
-      },
-      children
-    }
-  ) });
-};
-exports.FormElementWrapper = FormElementWrapper;
-//# sourceMappingURL=FormElementWrapper.cjs.map