@intlayer/design-system 5.1.4 → 5.1.6

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

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

package/dist/components/EditableField/EditableFieldTextArea.cjs

@@ -9,6 +9,13 @@ require("tailwind-merge");
 require("../Input/Input.cjs");
 require("lucide-react");
 require("../Input/Checkbox.cjs");
+require("@intlayer/editor-react");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("@intlayer/api");
+require("@intlayer/config/client");
+require("../Toaster/Toast.cjs");
+require("deepmerge");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/EditableField/EditableFieldTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n  onSave,\n  onCancel,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  const memoValue =\n    (props.value as string) ??\n    textAreaRef.current?.value ??\n    (props.defaultValue as string) ??\n    '';\n\n  return (\n    <EditableFieldLayout\n      value={memoValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      <AutoSizedTextArea\n        className=\"leading-6\"\n        ref={textAreaRef}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAcA,oBAA4B,IAAI;AAGhCC,eAAAA,oBAAA,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAAA;AAEvD,eAAA;AAAA,EACb;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAGA,SAAAC,2BAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,qCAAA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n  onSave,\n  onCancel,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  const memoValue =\n    (props.value as string) ??\n    textAreaRef.current?.value ??\n    (props.defaultValue as string) ??\n    '';\n\n  return (\n    <EditableFieldLayout\n      value={memoValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      <AutoSizedTextArea\n        className=\"leading-6\"\n        ref={textAreaRef}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;;;;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAcA,oBAA4B,IAAI;AAGhCC,eAAAA,oBAAA,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAAA;AAEvD,eAAA;AAAA,EACb;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAGA,SAAAC,2BAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,qCAAA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}

package/dist/components/EditableField/EditableFieldTextArea.mjs

@@ -7,6 +7,13 @@ import "tailwind-merge";
 import "../Input/Input.mjs";
 import "lucide-react";
 import "../Input/Checkbox.mjs";
+import "@intlayer/editor-react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "@intlayer/api";
+import "@intlayer/config/client";
+import "../Toaster/Toast.mjs";
+import "deepmerge";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/EditableField/EditableFieldTextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n  onSave,\n  onCancel,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  const memoValue =\n    (props.value as string) ??\n    textAreaRef.current?.value ??\n    (props.defaultValue as string) ??\n    '';\n\n  return (\n    <EditableFieldLayout\n      value={memoValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      <AutoSizedTextArea\n        className=\"leading-6\"\n        ref={textAreaRef}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAc,OAA4B,IAAI;AAGhC,sBAAA,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAAA;AAEvD,eAAA;AAAA,EACb;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n  onSave,\n  onCancel,\n  ref,\n  ...props\n}) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  const memoValue =\n    (props.value as string) ??\n    textAreaRef.current?.value ??\n    (props.defaultValue as string) ??\n    '';\n\n  return (\n    <EditableFieldLayout\n      value={memoValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n    >\n      <AutoSizedTextArea\n        className=\"leading-6\"\n        ref={textAreaRef}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,cAAc,OAA4B,IAAI;AAGhC,sBAAA,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAAA;AAEvD,eAAA;AAAA,EACb;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAGA,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}

package/dist/components/Footer/index.cjs

@@ -5,7 +5,7 @@ const components_Logo_index = require("../Logo/index.cjs");
 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.jsx("span", { className: "text-neutral text-center text-xs", children: "© 2024 Intlayer, Inc." })
   ] }),
   /* @__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",

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,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;;"}
+{"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 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,oCAAmC,UAEnD,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

@@ -3,7 +3,7 @@ import { Logo } from "../Logo/index.mjs";
 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__ */ jsx("span", { className: "text-neutral text-center text-xs", children: "© 2024 Intlayer, Inc." })
   ] }),
   /* @__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",

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":["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;"}
+{"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 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,oCAAmC,UAEnD,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,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../Button/Button.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-BpxW17v4.cjs");
 require("./FormBase.cjs");
 require("./FormControl.cjs");
 require("./FormDescription.cjs");

package/dist/components/Form/Form.mjs

@@ -1,5 +1,5 @@
 import "../Button/Button.mjs";
-import { F } from "../../Form-BZUDRfoN.js";
+import { F } from "../../Form-MjLzPGze.js";
 import "./FormBase.mjs";
 import "./FormControl.mjs";
 import "./FormDescription.mjs";

package/dist/components/Form/FormBase.cjs

@@ -48,7 +48,6 @@ const Form = ({
     }
   ) });
 };
-Form.displayName = "Form";
 const useForm = (schema, props) => {
   const form = reactHookForm.useForm({
     resolver: zod.t(schema),

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

@@ -1 +1 @@
-{"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;;;"}
+{"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\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,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

@@ -8,10 +8,7 @@ type FormProps<T extends ZodType> = HTMLAttributes<HTMLFormElement> & FormProvid
     onSubmitError?: (error: Error) => void | Promise<void>;
     autoComplete?: boolean;
 };
-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 Form: <T extends ZodType>({ schema, onSubmit: onSubmitProp, onSubmitSuccess: onSubmitSuccessProp, onSubmitError: onSubmitErrorProp, className, children, autoComplete, ...props }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
 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;

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":"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"}
+{"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,GAAI,CAAC,SAAS,OAAO,2JASnC,SAAS,CAAC,CAAC,CAAC,4CAkCd,CAAC;AAEF,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

@@ -46,7 +46,6 @@ const Form = ({
     }
   ) });
 };
-Form.displayName = "Form";
 const useForm = (schema, props) => {
   const form = useForm$1({
     resolver: t(schema),

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

@@ -1 +1 @@
-{"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;"}
+{"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\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,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/FormDescription.cjs

@@ -5,14 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const components_Form_FormField = require("./FormField.cjs");
 const FormDescription = (props) => {
   const { formDescriptionId } = components_Form_FormField.useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      className: "text-neutral dark:text-neutral-dark text-sm",
-      id: formDescriptionId,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral text-sm", id: formDescriptionId, ...props });
 };
 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 { 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;;"}
+{"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 className=\"text-neutral text-sm\" id={formDescriptionId} {...props} />\n  );\n};\n"],"names":["useFormField"],"mappings":";;;;;AAKa,MAAA,kBAA4D,CACvE,UACG;AACG,QAAA,EAAE,kBAAkB,IAAIA,uCAAa;AAE3C,wCACG,KAAE,EAAA,WAAU,wBAAuB,IAAI,mBAAoB,GAAG,OAAO;AAE1E;;"}

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,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGrD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAYpE,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,CAQpE,CAAC"}

package/dist/components/Form/FormDescription.mjs

@@ -3,14 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useFormField } from "./FormField.mjs";
 const FormDescription = (props) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: "text-neutral dark:text-neutral-dark text-sm",
-      id: formDescriptionId,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("p", { className: "text-neutral text-sm", id: formDescriptionId, ...props });
 };
 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 { 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;"}
+{"version":3,"file":"FormDescription.mjs","sources":["../../../src/components/Form/FormDescription.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type HTMLAttributes } from 'react';\nimport { useFormField } from './FormField';\n\nexport const FormDescription: FC<HTMLAttributes<HTMLParagraphElement>> = (\n  props\n) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p className=\"text-neutral text-sm\" id={formDescriptionId} {...props} />\n  );\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAA4D,CACvE,UACG;AACG,QAAA,EAAE,kBAAkB,IAAI,aAAa;AAE3C,6BACG,KAAE,EAAA,WAAU,wBAAuB,IAAI,mBAAoB,GAAG,OAAO;AAE1E;"}

package/dist/components/Form/FormItem.cjs

@@ -11,7 +11,7 @@ const FormItem = (props) => {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", ...props }) });
 };
 const FormItemContext = ReactExports.createContext(
   {}

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

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

package/dist/components/Form/FormItem.mjs

@@ -9,7 +9,7 @@ const FormItem = (props) => {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsx("div", { className: "space-y-2", ...props }) });
+  return /* @__PURE__ */ jsx(FormItemContext, { value: memoValue, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-2", ...props }) });
 };
 const FormItemContext = createContext(
   {}

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

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

package/dist/components/Form/FormLabel.cjs

@@ -13,11 +13,7 @@ const FormLabel = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     components_Label_index.Label,
     {
-      className: utils_cn.cn(
-        "mb-2",
-        error && "text-error dark:text-error-dark",
-        className
-      ),
+      className: utils_cn.cn("mb-2", error && "text-error", className),
       htmlFor: formItemId,
       ...props
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.cjs","sources":["../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\nimport { useFormField } from './FormField';\n\nexport const FormLabel: FC<ComponentProps<typeof Label>> = ({\n  className,\n  ...props\n}) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn(\n        'mb-2',\n        error && 'text-error dark:text-error-dark',\n        className\n      )}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormField","jsx","Label","cn"],"mappings":";;;;;;;AAOO,MAAM,YAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,WAAW,IAAIA,uCAAa;AAGzC,SAAAC,2BAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}
+{"version":3,"file":"FormLabel.cjs","sources":["../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from '../Label';\nimport { useFormField } from './FormField';\n\nexport const FormLabel: FC<ComponentProps<typeof Label>> = ({\n  className,\n  ...props\n}) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      className={cn('mb-2', error && 'text-error', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormField","jsx","Label","cn"],"mappings":";;;;;;;AAOO,MAAM,YAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,OAAO,WAAW,IAAIA,uCAAa;AAGzC,SAAAC,2BAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,WAAWC,SAAAA,GAAG,QAAQ,SAAS,cAAc,SAAS;AAAA,MACtD,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;;"}

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

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

package/dist/components/Form/FormLabel.mjs

@@ -11,11 +11,7 @@ const FormLabel = ({
   return /* @__PURE__ */ jsx(
     Label,
     {
-      className: cn(
-        "mb-2",
-        error && "text-error dark:text-error-dark",
-        className
-      ),
+      className: cn("mb-2", error && "text-error", className),
       htmlFor: formItemId,
       ...props
     }

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

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

package/dist/components/Form/FormMessage.cjs

@@ -15,7 +15,7 @@ const FormMessage = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: "text-error dark:text-error-dark text-xs font-medium",
+      className: "text-error text-xs font-medium",
       role: "alert",
       id: formMessageId,
       ...props,

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

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

package/dist/components/Form/FormMessage.mjs

@@ -13,7 +13,7 @@ const FormMessage = ({
   return /* @__PURE__ */ jsx(
     "p",
     {
-      className: "text-error dark:text-error-dark text-xs font-medium",
+      className: "text-error text-xs font-medium",
       role: "alert",
       id: formMessageId,
       ...props,

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

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

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

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("../../TextArea/AutoSizeTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.AutoSizedTextAreaElement = components_Form_layout_FormItemLayout.AutoSizedTextAreaElement;
 //# sourceMappingURL=AutoSizeTextAreaElement.cjs.map

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../TextArea/AutoSizeTextArea.mjs";
-import { A } from "../../../Form-BZUDRfoN.js";
+import { A } from "../../../Form-MjLzPGze.js";
 export {
   A as AutoSizedTextAreaElement
 };

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

@@ -5,6 +5,6 @@ require("../../Input/Input.cjs");
 require("lucide-react");
 require("react");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.CheckboxElement = components_Form_layout_FormItemLayout.CheckboxElement;
 //# sourceMappingURL=CheckboxElement.cjs.map

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

@@ -3,7 +3,7 @@ import "../../Input/Input.mjs";
 import "lucide-react";
 import "react";
 import "../../Input/Checkbox.mjs";
-import { C } from "../../../Form-BZUDRfoN.js";
+import { C } from "../../../Form-MjLzPGze.js";
 export {
   C as CheckboxElement
 };

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

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("../../EditableField/EditableFieldInput.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.EditableFieldInputElement = components_Form_layout_FormItemLayout.EditableFieldInputElement;
 //# sourceMappingURL=EditableFieldInputElement.cjs.map

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

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { EditableFieldInput } from '../../EditableField/EditableFieldInput';
 import { FormElementProps } from './FormElement';
-type EditableFieldInputElementProps = Omit<FormElementProps<typeof EditableFieldInput>, 'Element'> & Omit<ComponentProps<typeof EditableFieldInput>, 'onChange'> & {
+type EditableFieldInputElementProps = Omit<FormElementProps<typeof EditableFieldInput>, 'Element'> & ComponentProps<typeof EditableFieldInput> & {
     name: string;
     description?: ReactNode;
     placeholder?: string;

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../EditableField/EditableFieldInput.mjs";
-import { E } from "../../../Form-BZUDRfoN.js";
+import { E } from "../../../Form-MjLzPGze.js";
 export {
   E as EditableFieldInputElement
 };

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

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.EditableFieldTextAreaElement = components_Form_layout_FormItemLayout.EditableFieldTextAreaElement;
 //# sourceMappingURL=EditableFieldTextAreaElement.cjs.map

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

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea';
 import { FormElementProps } from './FormElement';
-type EditableFieldTextAreaElementProps = Omit<FormElementProps<typeof EditableFieldTextArea>, 'Element'> & Omit<ComponentProps<typeof EditableFieldTextArea>, 'onChange'> & {
+type EditableFieldTextAreaElementProps = Omit<FormElementProps<typeof EditableFieldTextArea>, 'Element'> & ComponentProps<typeof EditableFieldTextArea> & {
     name: string;
     description?: ReactNode;
     placeholder?: string;

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../EditableField/EditableFieldTextArea.mjs";
-import { c } from "../../../Form-BZUDRfoN.js";
+import { c } from "../../../Form-MjLzPGze.js";
 export {
   c as EditableFieldTextAreaElement
 };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("react-hook-form");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 require("../FormField.cjs");
 require("clsx");
 require("tailwind-merge");

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react-hook-form";
-import { a } from "../../../Form-BZUDRfoN.js";
+import { a } from "../../../Form-MjLzPGze.js";
 import "../FormField.mjs";
 import "clsx";
 import "tailwind-merge";

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

@@ -5,6 +5,6 @@ require("../../Input/Input.cjs");
 require("lucide-react");
 require("react");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.InputElement = components_Form_layout_FormItemLayout.InputElement;
 //# sourceMappingURL=InputElement.cjs.map

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

@@ -3,7 +3,7 @@ import "../../Input/Input.mjs";
 import "lucide-react";
 import "react";
 import "../../Input/Checkbox.mjs";
-import { I } from "../../../Form-BZUDRfoN.js";
+import { I } from "../../../Form-MjLzPGze.js";
 export {
   I as InputElement
 };

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

@@ -4,6 +4,6 @@ require("react/jsx-runtime");
 require("../../Input/Input.cjs");
 require("../../Input/InputPassword.cjs");
 require("../../Input/Checkbox.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 exports.InputPasswordElement = components_Form_layout_FormItemLayout.InputPasswordElement;
 //# sourceMappingURL=InputPasswordElement.cjs.map

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../Input/Input.mjs";
 import "../../Input/InputPassword.mjs";
 import "../../Input/Checkbox.mjs";
-import { b } from "../../../Form-BZUDRfoN.js";
+import { b } from "../../../Form-MjLzPGze.js";
 export {
   b as InputPasswordElement
 };