@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/Footer/index.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 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." })
+const Footer = ({ links }) => /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex flex-col items-center justify-between md:w-1/4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_Logo_index.Logo, { type: "logoWithTextBelow", width: 80, height: 80 }),
+    /* @__PURE__ */ jsxRuntime.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(
+  /* @__PURE__ */ jsxRuntime.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.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)) })
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 text-sm", children: links2.map((link) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, "aria-label": link.label, children: link.text }, link.href)) })
       ]
     },
     links2.map((link) => link.href).join(",")

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

@@ -1 +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,wBAAA,CAAA;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,2BAAAA,kBAAAA,IAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,KADA,GAAA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKE,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAAA,CAW/C,EACH,CAAA;AAAA,EACF,CAAA;;"}
+{"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,KAAA,UAAA,EAAO,WAAU,4EAChB,UAAA;AAAA,EAACA,2BAAAA,KAAA,SAAA,EAAM,WAAU,uDACf,UAAA;AAAA,IAAAC,+BAACC,sBAAAA,QAAK,MAAK,qBAAoB,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrDD,2BAAA,IAAA,QAAA,EAAK,WAAU,2DAA0D,UAE1E,wBAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCA,2BAAAA,IAAA,OAAA,EAAI,WAAU,iFACX,WAAS,SAAA,CAAA,GAAI,IAAI,CAAC,EAAE,OAAO,OAAAE,OAC3B,MAAAH,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAAA,IAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,QACfA,2BAAAA,IAAC,SAAI,WAAU,+BACZ,UAAAE,OAAM,IAAI,CAAC,SACTF,2BAAAA,IAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,KADA,GAAA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKE,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAAA,CAW/C,EACH,CAAA;AAAA,EACF,CAAA;;"}

package/dist/components/Footer/index.mjs

@@ -1,17 +1,17 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 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." })
+const Footer = ({ links }) => /* @__PURE__ */ jsxs("footer", { className: "flex flex-auto flex-row flex-wrap items-center justify-around gap-10 p-6", children: [
+  /* @__PURE__ */ jsxs("aside", { className: "flex flex-col items-center justify-between md:w-1/4", children: [
+    /* @__PURE__ */ jsx(Logo, { type: "logoWithTextBelow", width: 80, height: 80 }),
+    /* @__PURE__ */ 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(
+  /* @__PURE__ */ 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__ */ 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)) })
+        /* @__PURE__ */ jsx("strong", { children: title }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 text-sm", children: links2.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, "aria-label": link.label, children: link.text }, link.href)) })
       ]
     },
     links2.map((link) => link.href).join(",")

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

@@ -1 +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,wBAAA,CAAA;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,kCAAAA,IAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,KADA,GAAA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKC,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAAA,CAW/C,EACH,CAAA;AAAA,EACF,CAAA;"}
+{"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":["links"],"mappings":";;AAca,MAAA,SAA0B,CAAC,EAAE,YACvC,qBAAA,UAAA,EAAO,WAAU,4EAChB,UAAA;AAAA,EAAC,qBAAA,SAAA,EAAM,WAAU,uDACf,UAAA;AAAA,IAAA,oBAAC,QAAK,MAAK,qBAAoB,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrD,oBAAA,QAAA,EAAK,WAAU,2DAA0D,UAE1E,wBAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACC,oBAAA,OAAA,EAAI,WAAU,iFACX,WAAS,SAAA,CAAA,GAAI,IAAI,CAAC,EAAE,OAAO,OAAAA,OAC3B,MAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA,oBAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,QACf,oBAAC,SAAI,WAAU,+BACZ,UAAAA,OAAM,IAAI,CAAC,SACT,oBAAA,KAAA,EAAkB,MAAM,KAAK,MAAM,cAAY,KAAK,OAClD,eAAK,KADA,GAAA,KAAK,IAEb,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IATKA,OAAM,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,KAAK,GAAG;AAAA,EAAA,CAW/C,EACH,CAAA;AAAA,EACF,CAAA;"}

package/dist/components/Form/Form.cjs

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

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

@@ -1 +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,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,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,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,iBAAiB,EAAE,OAAO,wBAAwB,CAAC;IACnD,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"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,eAAe,EAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,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,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,iBAAiB,EAAE,OAAO,wBAAwB,CAAC;IACnD,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

@@ -1,12 +1,12 @@
 import "../Button/Button.mjs";
-import { F } from "../../Form-DlqjTz3u.js";
+import { F } from "../../Form-BZUDRfoN.js";
 import "./FormBase.mjs";
 import "./FormControl.mjs";
 import "./FormDescription.mjs";
 import "./FormField.mjs";
 import "./FormItem.mjs";
 import "./FormMessage.mjs";
-import "../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "./layout/FormLabelLayout.mjs";
 export {
   F as Form

package/dist/components/Form/FormBase.cjs

@@ -1,9 +1,8 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 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) => {
@@ -11,47 +10,44 @@ const awaitFunction = async (fn) => {
     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) ?? {
-        success: true,
-        data: void 0
-      };
-      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(", ")
-            )
-          )
-        );
-      }
+const Form = ({
+  schema,
+  onSubmit: onSubmitProp,
+  onSubmitSuccess: onSubmitSuccessProp,
+  onSubmitError: onSubmitErrorProp,
+  className,
+  children,
+  autoComplete,
+  ...props
+}) => {
+  const onSubmit = async (values) => {
+    const parsedValues = schema?.safeParse(values) ?? {
+      success: true,
+      data: void 0
     };
-    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
-      }
-    ) });
-  }
-);
+    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.jsx(reactHookForm.FormProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      className: utils_cn.cn("flex size-full flex-col gap-y-6", className),
+      onSubmit: props.handleSubmit(onSubmit),
+      autoComplete: autoComplete ? "on" : "off",
+      children
+    }
+  ) });
+};
 Form.displayName = "Form";
 const useForm = (schema, props) => {
   const form = reactHookForm.useForm({

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

@@ -1 +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        success: true,\n        data: undefined,\n      };\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          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,EAAA;AAGV;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;AACpC,YAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,QAChD,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAGM,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,YAAA;AAAA,UACnE;AAAA,QAEJ;AAAA,MAAA;AAAA,IAEJ;AAGE,WAAAC,2BAAA,kBAAA,IAACC,cAAc,cAAA,EAAA,GAAG,OAChB,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,SAAAA,GAAG,mCAAmC,SAAS;AAAA,QAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAGN;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,EACF;AACF;;;"}
+{"version":3,"file":"FormBase.cjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { 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 = <T extends ZodType>({\n  schema,\n  onSubmit: onSubmitProp,\n  onSubmitSuccess: onSubmitSuccessProp,\n  onSubmitError: onSubmitErrorProp,\n  className,\n  children,\n  autoComplete,\n  ...props\n}: FormProps<T>) => {\n  const onSubmit = async (values: T) => {\n    const parsedValues = schema?.safeParse(values) ?? {\n      success: true,\n      data: undefined,\n    };\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        onSubmit={props.handleSubmit(onSubmit)}\n        autoComplete={autoComplete ? 'on' : 'off'}\n      >\n        {children}\n      </form>\n    </FormProvider>\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","FormProvider","cn","useFormReactHookForm","zodResolver"],"mappings":";;;;;;;AAsBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EAAA;AAGV;AAEO,MAAM,OAAO,CAAoB;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AACZ,QAAA,WAAW,OAAO,WAAc;AACpC,UAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,MAChD,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAGM,UAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,QAAI,aAAa,SAAS;AACxB,YAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,IAAA,OACvD;AACC,YAAA;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,YACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,UAAA;AAAA,QACnE;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAAA,2BAAA,IAACC,cAAc,cAAA,EAAA,GAAG,OAChB,UAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,SAAAA,GAAG,mCAAmC,SAAS;AAAA,MAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,MACrC,cAAc,eAAe,OAAO;AAAA,MAEnC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;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,EACF;AACF;;;"}

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

@@ -1,15 +1,17 @@
 import { HTMLAttributes } from 'react';
-import { UseFormProps } from 'react-hook-form';
+import { FormProviderProps, 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> | undefined;
-    onSubmit?: ((data: any) => void | Promise<void>) | undefined;
-    onSubmitSuccess?: ((data: any) => void | Promise<void>) | undefined;
+type FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> & FormProviderProps<z.infer<T>> & {
+    schema?: T;
+    onSubmit?: (data: z.infer<T>) => void | Promise<void>;
+    onSubmitSuccess?: (data: z.infer<T>) => void | Promise<void>;
     onSubmitError?: (error: Error) => void | Promise<void>;
     autoComplete?: boolean;
-} & import('react').RefAttributes<HTMLFormElement>>;
+};
+export declare const Form: {
+    <T extends ZodType>({ schema, onSubmit: onSubmitProp, onSubmitSuccess: onSubmitSuccessProp, onSubmitError: onSubmitErrorProp, className, children, autoComplete, ...props }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 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;
@@ -17,4 +19,5 @@ export declare const useForm: <T extends ZodType>(schema: T, props?: UseFormProp
     isLoading: boolean;
     isValid: boolean;
 };
+export {};
 //# sourceMappingURL=FormBase.d.ts.map

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

@@ -1 +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;cA2E4/uB,MAAO,SAAS,GAAE,MAAO,SAAS;;;+BA3F1gvB,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;mDA8DzB,CAAC;AAIF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,OAAO,UAC/B,CAAC,UACD,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;CAmBjC,CAAC"}
+{"version":3,"file":"FormBase.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormBase.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGtC,KAAK,SAAS,CAAC,CAAC,SAAS,OAAO,IAAI,cAAc,CAAC,eAAe,CAAC,GACjE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG;IAC9B,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAYJ,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,OAAO,2JASnC,SAAS,CAAC,CAAC,CAAC;;CAkCd,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

@@ -1,55 +1,51 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { t } from "../../zod-BV4nCGJE.js";
-import { forwardRef } from "react";
-import { FormProvider, useForm as useForm$1 } from "react-hook-form";
+import { useForm as useForm$1, FormProvider } 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) ?? {
-        success: true,
-        data: void 0
-      };
-      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(", ")
-            )
-          )
-        );
-      }
+const Form = ({
+  schema,
+  onSubmit: onSubmitProp,
+  onSubmitSuccess: onSubmitSuccessProp,
+  onSubmitError: onSubmitErrorProp,
+  className,
+  children,
+  autoComplete,
+  ...props
+}) => {
+  const onSubmit = async (values) => {
+    const parsedValues = schema?.safeParse(values) ?? {
+      success: true,
+      data: void 0
     };
-    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
-      }
-    ) });
-  }
-);
+    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__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      className: cn("flex size-full flex-col gap-y-6", className),
+      onSubmit: props.handleSubmit(onSubmit),
+      autoComplete: autoComplete ? "on" : "off",
+      children
+    }
+  ) });
+};
 Form.displayName = "Form";
 const useForm = (schema, props) => {
   const form = useForm$1({

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

@@ -1 +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        success: true,\n        data: undefined,\n      };\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          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,EAAA;AAGV;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;AACpC,YAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,QAChD,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAGM,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,YAAA;AAAA,UACnE;AAAA,QAEJ;AAAA,MAAA;AAAA,IAEJ;AAGE,WAAAA,kCAAA,IAAC,cAAc,EAAA,GAAG,OAChB,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,QAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,QACrC,cAAc,eAAe,OAAO;AAAA,QACpC;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAGN;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,EACF;AACF;"}
+{"version":3,"file":"FormBase.mjs","sources":["../../../src/components/Form/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { 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 = <T extends ZodType>({\n  schema,\n  onSubmit: onSubmitProp,\n  onSubmitSuccess: onSubmitSuccessProp,\n  onSubmitError: onSubmitErrorProp,\n  className,\n  children,\n  autoComplete,\n  ...props\n}: FormProps<T>) => {\n  const onSubmit = async (values: T) => {\n    const parsedValues = schema?.safeParse(values) ?? {\n      success: true,\n      data: undefined,\n    };\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        onSubmit={props.handleSubmit(onSubmit)}\n        autoComplete={autoComplete ? 'on' : 'off'}\n      >\n        {children}\n      </form>\n    </FormProvider>\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":["useFormReactHookForm","zodResolver"],"mappings":";;;;;AAsBA,MAAM,gBAAgB,OAAO,OAAY;AAGvC,MAAI,MAAM,OAAO,GAAG,SAAS,YAAY;AAEjC,UAAA;AAAA,EAAA;AAGV;AAEO,MAAM,OAAO,CAAoB;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AACZ,QAAA,WAAW,OAAO,WAAc;AACpC,UAAM,eAAe,QAAQ,UAAU,MAAM,KAAK;AAAA,MAChD,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAGM,UAAA,cAAc,eAAe,MAAM,CAAC;AAE1C,QAAI,aAAa,SAAS;AACxB,YAAM,cAAc,sBAAsB,aAAa,IAAI,CAAC;AAAA,IAAA,OACvD;AACC,YAAA;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,YACF,aAAa,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,OAAO,EAAE,KAAK,IAAI;AAAA,UAAA;AAAA,QACnE;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAA,oBAAC,cAAc,EAAA,GAAG,OAChB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,MAC1D,UAAU,MAAM,aAAa,QAAQ;AAAA,MACrC,cAAc,eAAe,OAAO;AAAA,MAEnC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,KAAK,cAAc;AAEN,MAAA,UAAU,CACrB,QACA,UACG;AACH,QAAM,OAAOA,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,EACF;AACF;"}

package/dist/components/Form/FormControl.cjs

@@ -1,23 +1,20 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 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 FormControl = (props) => {
   const { error, formItemId, formDescriptionId, formMessageId } = components_Form_FormField.useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.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

@@ -1 +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,aAAa;AAGb,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,EACN;AAEJ,CAAC;AACD,YAAY,cAAc;;"}
+{"version":3,"file":"FormControl.cjs","sources":["../../../src/components/Form/FormControl.tsx"],"sourcesContent":["'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { FC, ComponentProps } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormControl: FC<ComponentProps<typeof Slot>> = (props) => {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormField","jsx","Slot"],"mappings":";;;;;;AAMa,MAAA,cAA+C,CAAC,UAAU;AACrE,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAC5CA,0BAAAA,aAAa;AAGb,SAAAC,2BAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormControl.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,4LAoBtB,CAAC"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAgBvD,CAAC"}

package/dist/components/Form/FormControl.mjs

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

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

@@ -1 +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,aAAa;AAGb,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,EACN;AAEJ,CAAC;AACD,YAAY,cAAc;"}
+{"version":3,"file":"FormControl.mjs","sources":["../../../src/components/Form/FormControl.tsx"],"sourcesContent":["'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { FC, ComponentProps } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormControl: FC<ComponentProps<typeof Slot>> = (props) => {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAMa,MAAA,cAA+C,CAAC,UAAU;AACrE,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAC5C,aAAa;AAGb,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/Form/FormDescription.cjs

@@ -1,21 +1,18 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 const components_Form_FormField = require("./FormField.cjs");
-const FormDescription = require$$0.forwardRef((props, ref) => {
+const FormDescription = (props) => {
   const { formDescriptionId } = components_Form_FormField.useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.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

@@ -1 +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,kBAAkB,IAAIC,uCAAa;AAGzC,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;AAED,gBAAgB,cAAc;;"}
+{"version":3,"file":"FormDescription.cjs","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\n      className=\"text-neutral dark:text-neutral-dark text-sm\"\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormField","jsx"],"mappings":";;;;;AAKa,MAAA,kBAA4D,CACvE,UACG;AACG,QAAA,EAAE,kBAAkB,IAAIA,uCAAa;AAGzC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"FormDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGrD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAYpE,CAAC"}

package/dist/components/Form/FormDescription.mjs

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

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

@@ -1 +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,kBAAkB,IAAI,aAAa;AAGzC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;AAED,gBAAgB,cAAc;"}
+{"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\n      className=\"text-neutral dark:text-neutral-dark text-sm\"\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAA4D,CACvE,UACG;AACG,QAAA,EAAE,kBAAkB,IAAI,aAAa;AAGzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;"}