@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/Flags/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_Flags_Flag = require("./Flag.cjs");
+exports.Flag = components_Flags_Flag.Flag;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Flags/index.cjs.map

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

package/dist/components/Flags/index.d.ts

@@ -0,0 +1,2 @@
+export { Flag } from './Flag';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Flags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Flags/index.mjs

@@ -0,0 +1,5 @@
+import { Flag } from "./Flag.mjs";
+export {
+  Flag
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/Flags/index.mjs.map

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

package/dist/components/Footer/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const components_Logo_index = require("../Logo/index.cjs");
+const Footer = ({ links }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("footer", { className: "flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6", children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("aside", { className: "flex flex-col items-center justify-between md:w-1/4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Logo_index.Logo, { type: "logoWithTextBelow", width: 80, height: 80 }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-center text-xs", children: "© 2024 Intlayer, Inc." })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "m-auto flex w-full flex-row flex-wrap justify-around gap-x-3 gap-y-6 md:w-2/3", children: (links ?? []).map(({ title, links: links2 }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3 text-sm", children: links2.map((link) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("a", { href: link.href, "aria-label": link.label, children: link.text }, link.href)) })
+      ]
+    },
+    links2.map((link) => link.href).join(",")
+  )) })
+] });
+exports.Footer = Footer;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Footer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Footer/index.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Logo } from '../Logo';\n\nexport type FooterLink = {\n  href: string;\n  text: ReactNode;\n  onClick?: () => void;\n  label: string;\n};\n\nexport type LinkGroup = { title: ReactNode; links: FooterLink[] };\n\ntype FooterProps = { links?: LinkGroup[] };\n\nexport const Footer: FC<FooterProps> = ({ links }) => (\n  <footer className=\"flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6\">\n    <aside className=\"flex flex-col items-center justify-between md:w-1/4\">\n      <Logo type=\"logoWithTextBelow\" width={80} height={80} />\n      <span className=\"text-neutral dark:text-neutral-dark text-center text-xs\">\n        © 2024 Intlayer, Inc.\n      </span>\n    </aside>\n    <div className=\"m-auto flex w-full flex-row flex-wrap justify-around gap-x-3 gap-y-6 md:w-2/3\">\n      {(links ?? []).map(({ title, links }) => (\n        <div\n          className=\"flex flex-col gap-2\"\n          key={links.map((link) => link.href).join(',')}\n        >\n          <strong>{title}</strong>\n          <div className=\"flex flex-col gap-3 text-sm\">\n            {links.map((link) => (\n              <a key={link.href} href={link.href} aria-label={link.label}>\n                {link.text}\n              </a>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  </footer>\n);\n"],"names":["jsxs","jsx","Logo","links"],"mappings":";;;;AAca,MAAA,SAA0B,CAAC,EAAE,YACvCA,2BAAAA,kBAAAA,KAAA,UAAA,EAAO,WAAU,4EAChB,UAAA;AAAA,EAACA,2BAAAA,kBAAAA,KAAA,SAAA,EAAM,WAAU,uDACf,UAAA;AAAA,IAAAC,iDAACC,sBAAAA,QAAK,MAAK,qBAAoB,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrDD,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,2DAA0D,UAE1E,yBAAA;AAAA,EAAA,GACF;AAAA,EACCA,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,iFACX,WAAS,SAAA,CAAA,GAAI,IAAI,CAAC,EAAE,OAAO,OAAAE,OAC3B,MAAAH,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAAA,kBAAAA,IAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,QACfA,2BAAAA,kBAAAA,IAAC,SAAI,WAAU,+BACZ,UAAAE,OAAM,IAAI,CAAC,SACTF,2BAAA,kBAAA,IAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,QADA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKE,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAW/C,CAAA,GACH;AAAA,EACF,CAAA;;"}

package/dist/components/Footer/index.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 
-export type Link = {
+export type FooterLink = {
     href: string;
     text: ReactNode;
     onClick?: () => void;
@@ -8,10 +8,11 @@ export type Link = {
 };
 export type LinkGroup = {
     title: ReactNode;
-    links: Link[];
+    links: FooterLink[];
 };
 type FooterProps = {
     links?: LinkGroup[];
 };
 export declare const Footer: FC<FooterProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC;AAElE,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0BlC,CAAC"}

package/dist/components/Footer/index.mjs

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Logo } from "../Logo/index.mjs";
+const Footer = ({ links }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("footer", { className: "flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "flex flex-col items-center justify-between md:w-1/4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Logo, { type: "logoWithTextBelow", width: 80, height: 80 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-center text-xs", children: "© 2024 Intlayer, Inc." })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-auto flex w-full flex-row flex-wrap justify-around gap-x-3 gap-y-6 md:w-2/3", children: (links ?? []).map(({ title, links: links2 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3 text-sm", children: links2.map((link) => /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link.href, "aria-label": link.label, children: link.text }, link.href)) })
+      ]
+    },
+    links2.map((link) => link.href).join(",")
+  )) })
+] });
+export {
+  Footer
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/Footer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Footer/index.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Logo } from '../Logo';\n\nexport type FooterLink = {\n  href: string;\n  text: ReactNode;\n  onClick?: () => void;\n  label: string;\n};\n\nexport type LinkGroup = { title: ReactNode; links: FooterLink[] };\n\ntype FooterProps = { links?: LinkGroup[] };\n\nexport const Footer: FC<FooterProps> = ({ links }) => (\n  <footer className=\"flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6\">\n    <aside className=\"flex flex-col items-center justify-between md:w-1/4\">\n      <Logo type=\"logoWithTextBelow\" width={80} height={80} />\n      <span className=\"text-neutral dark:text-neutral-dark text-center text-xs\">\n        © 2024 Intlayer, Inc.\n      </span>\n    </aside>\n    <div className=\"m-auto flex w-full flex-row flex-wrap justify-around gap-x-3 gap-y-6 md:w-2/3\">\n      {(links ?? []).map(({ title, links }) => (\n        <div\n          className=\"flex flex-col gap-2\"\n          key={links.map((link) => link.href).join(',')}\n        >\n          <strong>{title}</strong>\n          <div className=\"flex flex-col gap-3 text-sm\">\n            {links.map((link) => (\n              <a key={link.href} href={link.href} aria-label={link.label}>\n                {link.text}\n              </a>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  </footer>\n);\n"],"names":["jsxs","jsx","links"],"mappings":";;AAca,MAAA,SAA0B,CAAC,EAAE,YACvCA,kCAAAA,KAAA,UAAA,EAAO,WAAU,4EAChB,UAAA;AAAA,EAACA,kCAAAA,KAAA,SAAA,EAAM,WAAU,uDACf,UAAA;AAAA,IAAAC,sCAAC,QAAK,MAAK,qBAAoB,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrDA,kCAAA,IAAA,QAAA,EAAK,WAAU,2DAA0D,UAE1E,yBAAA;AAAA,EAAA,GACF;AAAA,EACCA,kCAAAA,IAAA,OAAA,EAAI,WAAU,iFACX,WAAS,SAAA,CAAA,GAAI,IAAI,CAAC,EAAE,OAAO,OAAAC,OAC3B,MAAAF,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,kCAAAA,IAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,QACfA,kCAAAA,IAAC,SAAI,WAAU,+BACZ,UAAAC,OAAM,IAAI,CAAC,SACTD,kCAAA,IAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,QADA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKC,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAW/C,CAAA,GACH;AAAA,EACF,CAAA;"}

package/dist/components/Form/Form.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../Button/Button.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-wWTTkxTp.cjs");
+require("./FormBase.cjs");
+require("./FormControl.cjs");
+require("./FormDescription.cjs");
+require("./FormField.cjs");
+require("./FormItem.cjs");
+require("./FormMessage.cjs");
+require("../../jsx-runtime-DvCoRj5u.cjs");
+require("./layout/FormLabelLayout.cjs");
+exports.Form = components_Form_layout_FormItemLayout.Form;
+//# sourceMappingURL=Form.cjs.map

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

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

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

@@ -0,0 +1,54 @@
+import { Button } from '../Button';
+import { FormElement, InputElement, InputPasswordElement, TextAreaElement } from './elements';
+import { EditableFieldInputElement } from './elements/EditableFieldInputElement';
+import { EditableFieldTextAreaElement } from './elements/EditableFieldTextAreaElement';
+import { MultiSelectElement } from './elements/MultiselectElement';
+import { SelectElement } from './elements/SelectElement';
+import { SwitchSelectorElement } from './elements/SwitchSelectorElement';
+import { Form as FormRoot } from './FormBase';
+import { FormControl } from './FormControl';
+import { FormDescription } from './FormDescription';
+import { FormField } from './FormField';
+import { FormItem } from './FormItem';
+import { FormMessage } from './FormMessage';
+import { FormLabelLayout } from './layout';
+
+type FormType = typeof FormRoot & {
+    Description: typeof FormDescription;
+    Control: typeof FormControl;
+    Field: typeof FormField;
+    Item: typeof FormItem;
+    Label: typeof FormLabelLayout;
+    Message: typeof FormMessage;
+    Element: typeof FormElement;
+    Button: typeof Button;
+    Input: typeof InputElement;
+    InputPassword: typeof InputPasswordElement;
+    TextArea: typeof TextAreaElement;
+    MultiSelect: typeof MultiSelectElement;
+    Select: typeof SelectElement;
+    EditableFieldInput: typeof EditableFieldInputElement;
+    EditableFieldTextArea: typeof EditableFieldTextAreaElement;
+    SwitchSelector: typeof SwitchSelectorElement;
+};
+/**
+ * Form components
+ *
+ * Example of usage:
+ * ```jsx
+ * <Form
+ *  schema={ZodSchema}
+ *  onSubmitSuccess={onSubmitSuccess}
+ *  onSubmitError={onSubmitError}
+ *  autoComplete
+ * >
+ *   <Form.Input name="name" label="Name" />
+ *   <Form.Button type="submit" label="Click to submit">
+ *      Submit
+ *   </Form.Button>
+ * </Form>
+ * ```
+ */
+export declare const Form: FormType;
+export {};
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,eAAe,EAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,QAAQ,GAAG,OAAO,QAAQ,GAAG;IAChC,WAAW,EAAE,OAAO,eAAe,CAAC;IACpC,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,aAAa,EAAE,OAAO,oBAAoB,CAAC;IAC3C,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,WAAW,EAAE,OAAO,kBAAkB,CAAC;IACvC,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,kBAAkB,EAAE,OAAO,yBAAyB,CAAC;IACrD,qBAAqB,EAAE,OAAO,4BAA4B,CAAC;IAC3D,cAAc,EAAE,OAAO,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAe,QAAQ,CAAC"}

package/dist/components/Form/Form.mjs

@@ -0,0 +1,14 @@
+import "../Button/Button.mjs";
+import { F } from "../../Form-Cbu7ff1e.js";
+import "./FormBase.mjs";
+import "./FormControl.mjs";
+import "./FormDescription.mjs";
+import "./FormField.mjs";
+import "./FormItem.mjs";
+import "./FormMessage.mjs";
+import "../../jsx-runtime-BgSF1HG2.js";
+import "./layout/FormLabelLayout.mjs";
+export {
+  F as Form
+};
+//# sourceMappingURL=Form.mjs.map

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

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

package/dist/components/Form/FormBase.cjs

@@ -0,0 +1,72 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const zod = require("../../zod-DSrtTSD_.cjs");
+const require$$0 = require("react");
+const reactHookForm = require("react-hook-form");
+const utils_cn = require("../../utils/cn.cjs");
+const awaitFunction = async (fn) => {
+  if (fn && typeof fn.then === "function") {
+    await fn;
+  }
+};
+const Form = require$$0.forwardRef(
+  ({
+    schema,
+    onSubmit: onSubmitProp,
+    onSubmitSuccess: onSubmitSuccessProp,
+    onSubmitError: onSubmitErrorProp,
+    className,
+    children,
+    autoComplete,
+    ...props
+  }, ref) => {
+    const onSubmit = async (values) => {
+      const parsedValues = schema.safeParse(values);
+      await awaitFunction(onSubmitProp?.(values));
+      if (parsedValues.success) {
+        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));
+      } else {
+        await awaitFunction(
+          onSubmitErrorProp?.(
+            new Error(
+              parsedValues.error.errors.map((error) => error.message).join(", ")
+            )
+          )
+        );
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactHookForm.FormProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      "form",
+      {
+        className: utils_cn.cn("flex size-full flex-col gap-y-6", className),
+        onSubmit: props.handleSubmit(onSubmit),
+        autoComplete: autoComplete ? "on" : "off",
+        ref,
+        children
+      }
+    ) });
+  }
+);
+Form.displayName = "Form";
+const useForm = (schema, props) => {
+  const form = reactHookForm.useForm({
+    resolver: zod.t(schema),
+    ...props
+  });
+  const isSubmitting = form.formState.isSubmitting;
+  const isSubmitted = form.formState.isSubmitted;
+  const isLoading = form.formState.isLoading;
+  const isValid = form.formState.isValid;
+  return {
+    form,
+    isSubmitting,
+    isSubmitted,
+    isLoading,
+    isValid
+  };
+};
+exports.Form = Form;
+exports.useForm = useForm;
+//# sourceMappingURL=FormBase.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBase.cjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema.safeParse(values);\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          // eslint-disable-next-line sonarjs/no-misused-promises\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["forwardRef","jsx","FormProvider","cn","useFormReactHookForm","zodResolver"],"mappings":";;;;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAOA,WAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AAC9B,YAAA,eAAe,OAAO,UAAU,MAAM;AAGtC,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAC,2BAAA,kBAAA,IAACC,cAAc,cAAA,EAAA,GAAG,OAChB,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,SAAAA,GAAG,mCAAmC,SAAS;AAAA,QAE1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,cAAAA,QAAiC;AAAA,IAC5C,UAAUC,MAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;"}

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+import { UseFormProps } from 'react-hook-form';
+import { ZodType, z } from 'zod';
+
+export declare const Form: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLFormElement> & {
+    children: React.ReactNode | React.ReactNode[];
+} & import('react-hook-form').UseFormReturn<any, any, undefined> & {
+    schema: ZodType<any, z.ZodTypeDef, any>;
+    onSubmit?: ((data: any) => void | Promise<void>) | undefined;
+    onSubmitSuccess?: ((data: any) => void | Promise<void>) | undefined;
+    onSubmitError?: (error: Error) => void | Promise<void>;
+    autoComplete?: boolean;
+} & import('react').RefAttributes<HTMLFormElement>>;
+export declare const useForm: <T extends ZodType>(schema: T, props?: UseFormProps<z.infer<T>>) => {
+    form: import('react-hook-form').UseFormReturn<z.TypeOf<T>, any, undefined>;
+    isSubmitting: boolean;
+    isSubmitted: boolean;
+    isLoading: boolean;
+    isValid: boolean;
+};
+//# sourceMappingURL=FormBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBase.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormBase.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsBtC,eAAO,MAAM,IAAI;oBAyEk+uB,SAAS,SAAS,SAAS;;;+BAzFz+uB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;sCACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;oBAC5C,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;mBACvC,OAAO;mDA4DzB,CAAC;AAIF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,OAAO,UAC/B,CAAC,UACD,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;CAmBjC,CAAC"}

package/dist/components/Form/FormBase.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { t } from "../../zod-BV4nCGJE.js";
+import { forwardRef } from "react";
+import { FormProvider, useForm as useForm$1 } from "react-hook-form";
+import { cn } from "../../utils/cn.mjs";
+const awaitFunction = async (fn) => {
+  if (fn && typeof fn.then === "function") {
+    await fn;
+  }
+};
+const Form = forwardRef(
+  ({
+    schema,
+    onSubmit: onSubmitProp,
+    onSubmitSuccess: onSubmitSuccessProp,
+    onSubmitError: onSubmitErrorProp,
+    className,
+    children,
+    autoComplete,
+    ...props
+  }, ref) => {
+    const onSubmit = async (values) => {
+      const parsedValues = schema.safeParse(values);
+      await awaitFunction(onSubmitProp?.(values));
+      if (parsedValues.success) {
+        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));
+      } else {
+        await awaitFunction(
+          onSubmitErrorProp?.(
+            new Error(
+              parsedValues.error.errors.map((error) => error.message).join(", ")
+            )
+          )
+        );
+      }
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "form",
+      {
+        className: cn("flex size-full flex-col gap-y-6", className),
+        onSubmit: props.handleSubmit(onSubmit),
+        autoComplete: autoComplete ? "on" : "off",
+        ref,
+        children
+      }
+    ) });
+  }
+);
+Form.displayName = "Form";
+const useForm = (schema, props) => {
+  const form = useForm$1({
+    resolver: t(schema),
+    ...props
+  });
+  const isSubmitting = form.formState.isSubmitting;
+  const isSubmitted = form.formState.isSubmitted;
+  const isLoading = form.formState.isLoading;
+  const isValid = form.formState.isValid;
+  return {
+    form,
+    isSubmitting,
+    isSubmitted,
+    isLoading,
+    isValid
+  };
+};
+export {
+  Form,
+  useForm
+};
+//# sourceMappingURL=FormBase.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBase.mjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { forwardRef, type Ref, type HTMLAttributes } from 'react';\nimport {\n  FormProvider,\n  type FormProviderProps,\n  useForm as useFormReactHookForm,\n  type UseFormProps,\n} from 'react-hook-form';\nimport type { ZodType, z } from 'zod';\nimport { cn } from '../../utils/cn';\n\ntype FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> &\n  FormProviderProps<z.infer<T>> & {\n    schema: T;\n    onSubmit?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;\n    onSubmitError?: (error: Error) => void | Promise<void>;\n    autoComplete?: boolean;\n  };\n\nconst awaitFunction = async (fn: any) => {\n  // Check if result is a Promise (Thenable)\n\n  if (fn && typeof fn.then === 'function') {\n    // It's a Promise, so wait for it to resolve\n    await fn;\n  }\n  // If not a Promise, it will just execute without awaiting\n};\n\nexport const Form = forwardRef(\n  <T extends ZodType>(\n    {\n      schema,\n      onSubmit: onSubmitProp,\n      onSubmitSuccess: onSubmitSuccessProp,\n      onSubmitError: onSubmitErrorProp,\n      className,\n      children,\n      autoComplete,\n      ...props\n    }: FormProps<T>,\n    ref: Ref<HTMLFormElement>\n  ) => {\n    const onSubmit = async (values: T) => {\n      const parsedValues = schema.safeParse(values);\n\n      // onSubmitProp?.(values);\n      await awaitFunction(onSubmitProp?.(values));\n\n      if (parsedValues.success) {\n        await awaitFunction(onSubmitSuccessProp?.(parsedValues.data));\n      } else {\n        await awaitFunction(\n          onSubmitErrorProp?.(\n            new Error(\n              parsedValues.error.errors.map((error) => error.message).join(', ')\n            )\n          )\n        );\n      }\n    };\n\n    return (\n      <FormProvider {...props}>\n        <form\n          className={cn('flex size-full flex-col gap-y-6', className)}\n          // eslint-disable-next-line sonarjs/no-misused-promises\n          onSubmit={props.handleSubmit(onSubmit)}\n          autoComplete={autoComplete ? 'on' : 'off'}\n          ref={ref}\n        >\n          {children}\n        </form>\n      </FormProvider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport const useForm = <T extends ZodType>(\n  schema: T,\n  props?: UseFormProps<z.infer<T>>\n) => {\n  const form = useFormReactHookForm<z.infer<T>>({\n    resolver: zodResolver(schema),\n    ...props,\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const isSubmitted = form.formState.isSubmitted;\n  const isLoading = form.formState.isLoading;\n  const isValid = form.formState.isValid;\n\n  return {\n    form,\n    isSubmitting,\n    isSubmitted,\n    isLoading,\n    isValid,\n  };\n};\n"],"names":["jsx","useFormReactHookForm","zodResolver"],"mappings":";;;;;;AAuBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EACR;AAEF;AAEO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,WAAW,OAAO,WAAc;AAC9B,YAAA,eAAe,OAAO,UAAU,MAAM;AAGtC,YAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,UAAI,aAAa,SAAS;AACxB,cAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,MAAA,OACvD;AACC,cAAA;AAAA,UACJ;AAAA,YACE,IAAI;AAAA,cACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,YACnE;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAIA,WAAAA,kCAAA,IAAC,cAAc,EAAA,GAAG,OAChB,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,QAE1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAEL,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOC,UAAiC;AAAA,IAC5C,UAAUC,EAAY,MAAM;AAAA,IAC5B,GAAG;AAAA,EAAA,CACJ;AAEK,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,cAAc,KAAK,UAAU;AAC7B,QAAA,YAAY,KAAK,UAAU;AAC3B,QAAA,UAAU,KAAK,UAAU;AAExB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/Form/FormControl.cjs

@@ -0,0 +1,23 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const require$$0 = require("react");
+const components_Form_FormField = require("./FormField.cjs");
+const FormControl = require$$0.forwardRef((props, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = components_Form_FormField.useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+exports.FormControl = FormControl;
+//# sourceMappingURL=FormControl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.cjs","sources":["../../../src/components/Form/FormControl.tsx"],"sourcesContent":["'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  forwardRef,\n  type ElementRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormControl = forwardRef<\n  ElementRef<typeof Slot>,\n  ComponentPropsWithoutRef<typeof Slot>\n>((props, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n"],"names":["forwardRef","useFormField","jsx","Slot"],"mappings":";;;;;;;AAUO,MAAM,cAAcA,WAAA,WAGzB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAC5CC,0BAAAA;AAGA,SAAAC,2BAAA,kBAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,YAAY,cAAc;;"}

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

@@ -0,0 +1,2 @@
+export declare const FormControl: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-slot').SlotProps & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=FormControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormControl.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,4LAoBtB,CAAC"}

package/dist/components/Form/FormControl.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Slot } from "@radix-ui/react-slot";
+import { forwardRef } from "react";
+import { useFormField } from "./FormField.mjs";
+const FormControl = forwardRef((props, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+export {
+  FormControl
+};
+//# sourceMappingURL=FormControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.mjs","sources":["../../../src/components/Form/FormControl.tsx"],"sourcesContent":["'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  forwardRef,\n  type ElementRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormControl = forwardRef<\n  ElementRef<typeof Slot>,\n  ComponentPropsWithoutRef<typeof Slot>\n>((props, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n"],"names":["jsx"],"mappings":";;;;;AAUO,MAAM,cAAc,WAGzB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAC5C;AAGA,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,YAAY,cAAc;"}

package/dist/components/Form/FormDescription.cjs

@@ -0,0 +1,21 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const components_Form_FormField = require("./FormField.cjs");
+const FormDescription = require$$0.forwardRef((props, ref) => {
+  const { formDescriptionId } = components_Form_FormField.useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "p",
+    {
+      className: "text-neutral dark:text-neutral-dark text-sm",
+      ref,
+      id: formDescriptionId,
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+exports.FormDescription = FormDescription;
+//# sourceMappingURL=FormDescription.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.cjs","sources":["../../../src/components/Form/FormDescription.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>((props, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      className=\"text-neutral dark:text-neutral-dark text-sm\"\n      ref={ref}\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n});\n\nFormDescription.displayName = 'FormDescription';\n"],"names":["forwardRef","useFormField","jsx"],"mappings":";;;;;;AAKO,MAAM,kBAAkBA,WAAA,WAG7B,CAAC,OAAO,QAAQ;AACV,QAAA,EAAE,sBAAsBC,0BAAAA;AAG5B,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,gBAAgB,cAAc;;"}

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+
+export declare const FormDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FormDescription.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,eAAO,MAAM,eAAe,uIAc1B,CAAC"}

package/dist/components/Form/FormDescription.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { forwardRef } from "react";
+import { useFormField } from "./FormField.mjs";
+const FormDescription = forwardRef((props, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "p",
+    {
+      className: "text-neutral dark:text-neutral-dark text-sm",
+      ref,
+      id: formDescriptionId,
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+export {
+  FormDescription
+};
+//# sourceMappingURL=FormDescription.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.mjs","sources":["../../../src/components/Form/FormDescription.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>((props, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      className=\"text-neutral dark:text-neutral-dark text-sm\"\n      ref={ref}\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n});\n\nFormDescription.displayName = 'FormDescription';\n"],"names":["jsx"],"mappings":";;;;AAKO,MAAM,kBAAkB,WAG7B,CAAC,OAAO,QAAQ;AACV,QAAA,EAAE,sBAAsB;AAG5B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,gBAAgB,cAAc;"}

package/dist/components/Form/FormField.cjs

@@ -0,0 +1,42 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const reactHookForm = require("react-hook-form");
+const components_Form_FormItem = require("./FormItem.cjs");
+const FormFieldContext = require$$0.createContext(
+  {}
+);
+const FormField = ({
+  ...props
+}) => {
+  const memoValue = require$$0.useMemo(
+    () => ({
+      name: props.name
+    }),
+    [props.name]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormFieldContext.Provider, { value: memoValue, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactHookForm.Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = require$$0.useContext(FormFieldContext);
+  const itemContext = require$$0.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

@@ -0,0 +1 @@
+{"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.Provider value={memoValue}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\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,WAAA;AAAA,EACvB,CAAC;AACH;AAEO,MAAM,YAAY,CAGvB;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,YAAYC,WAAA;AAAA,IAChB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,IAAA;AAAA,IAEd,CAAC,MAAM,IAAI;AAAA,EAAA;AAIX,SAAAC,2BAAA,kBAAA,IAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAChC,UAACA,2BAAAA,kBAAAA,IAAAC,cAAAA,YAAA,EAAY,GAAG,MAAO,CAAA,EACzB,CAAA;AAEJ;AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,eAAeC,sBAAW,gBAAgB;AAC1C,QAAA,cAAcA,sBAAWC,yBAAAA,eAAe;AAC9C,QAAM,EAAE,eAAe,UAAU,IAAIC,cAAe,eAAA;AAEpD,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,MAAI,CAAC,cAAc;AACX,UAAA,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEM,QAAA,EAAE,GAAO,IAAA;AAER,SAAA;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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAGpC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAatC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAqBxB,CAAC"}