@intlayer/design-system 3.5.4 → 3.5.6

package/dist/CodeBlockShiki-BlmZyrr7.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("./jsx-runtime-XHKiWCTo.cjs");
+const transformers = require("@shikijs/transformers");
+const shiki = require("shiki");
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformers.transformerNotationDiff(),
+      transformers.transformerNotationHighlight(),
+      transformers.transformerNotationWordHighlight(),
+      transformers.transformerNotationErrorLevel(),
+      transformers.transformerMetaHighlight(),
+      transformers.transformerMetaWordHighlight()
+    ]
+  };
+  const out = await shiki.codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+exports.CodeBlockShiki = CodeBlockShiki;
+//# sourceMappingURL=CodeBlockShiki-BlmZyrr7.cjs.map

package/dist/CodeBlockShiki-BlmZyrr7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockShiki-BlmZyrr7.cjs","sources":["../src/components/IDE/CodeBlockShiki.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { CodeBlockProps } from './CodeBlock';\n\nexport const CodeBlockShiki = async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n};\n"],"names":["transformerNotationDiff","transformerNotationHighlight","transformerNotationWordHighlight","transformerNotationErrorLevel","transformerMetaHighlight","transformerMetaWordHighlight","codeToHtml","jsx"],"mappings":";;;;;AAiBO,MAAM,iBAAiB,OAAO;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZA,qCAAwB;AAAA,MACxBC,0CAA6B;AAAA,MAC7BC,8CAAiC;AAAA,MACjCC,2CAA8B;AAAA,MAC9BC,sCAAyB;AAAA,MACzBC,aAA6B,6BAAA;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAMC,iBAAW,UAAU,YAAY;AAE5C,SAAAC,2BAAA,kBAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;;"}

package/dist/CodeBlockShiki-CcpV9SVi.js

@@ -0,0 +1,29 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-DaNGiM0W.js";
+import { transformerNotationDiff, transformerNotationHighlight, transformerNotationWordHighlight, transformerNotationErrorLevel, transformerMetaHighlight, transformerMetaWordHighlight } from "@shikijs/transformers";
+import { codeToHtml } from "shiki";
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformerNotationDiff(),
+      transformerNotationHighlight(),
+      transformerNotationWordHighlight(),
+      transformerNotationErrorLevel(),
+      transformerMetaHighlight(),
+      transformerMetaWordHighlight()
+    ]
+  };
+  const out = await codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+export {
+  CodeBlockShiki
+};
+//# sourceMappingURL=CodeBlockShiki-CcpV9SVi.js.map

package/dist/CodeBlockShiki-CcpV9SVi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockShiki-CcpV9SVi.js","sources":["../src/components/IDE/CodeBlockShiki.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { CodeBlockProps } from './CodeBlock';\n\nexport const CodeBlockShiki = async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n};\n"],"names":["jsx"],"mappings":";;;AAiBO,MAAM,iBAAiB,OAAO;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZ,wBAAwB;AAAA,MACxB,6BAA6B;AAAA,MAC7B,iCAAiC;AAAA,MACjC,8BAA8B;AAAA,MAC9B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAM,WAAW,UAAU,YAAY;AAE5C,SAAAA,kCAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;"}

package/dist/CopyButton-Cxu3goRg.cjs

@@ -0,0 +1,59 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-XHKiWCTo.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const reactIntlayer = require("react-intlayer");
+const components_Button_Button = require("./components/Button/Button.cjs");
+const intlayer = require("intlayer");
+const copyContentContent = {
+  key: "copy-button",
+  content: {
+    label: intlayer.t({
+      en: "Copy content",
+      fr: "Copier le contenu",
+      es: "Copiar contenido",
+      "en-GB": "Copy content",
+      de: "Inhalt kopieren",
+      ja: "コンテンツをコピー",
+      ko: "콘텐츠 복사",
+      zh: "复制内容",
+      it: "Copia contenuto",
+      pt: "Copiar conteúdo",
+      hi: "सामग्री कॉपी करें",
+      ar: "نسخ المحتوى",
+      ru: "Копировать содержимое"
+    })
+  }
+};
+const CopyButton = ({ content }) => {
+  const [copied, setCopied] = require$$0.useState(false);
+  const { label } = reactIntlayer.useDictionary(copyContentContent);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopied(true);
+    } catch (error) {
+      console.error("Failed to copy text: ", error);
+    }
+  };
+  require$$0.useEffect(() => {
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_Button_Button.Button,
+    {
+      Icon: copied ? lucideReact.CopyCheckIcon : lucideReact.CopyIcon,
+      onClick: handleCopy,
+      variant: "hoverable",
+      color: "text",
+      label,
+      size: "icon-sm"
+    }
+  );
+};
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=CopyButton-Cxu3goRg.cjs.map

package/dist/CopyButton-Cxu3goRg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton-Cxu3goRg.cjs","sources":["../src/components/IDE/CopyButton.content.ts","../src/components/IDE/CopyButton.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const copyContentContent = {\n  key: 'copy-button',\n  content: {\n    label: t({\n      en: 'Copy content',\n      fr: 'Copier le contenu',\n      es: 'Copiar contenido',\n      'en-GB': 'Copy content',\n      de: 'Inhalt kopieren',\n      ja: 'コンテンツをコピー',\n      ko: '콘텐츠 복사',\n      zh: '复制内容',\n      it: 'Copia contenuto',\n      pt: 'Copiar conteúdo',\n      hi: 'सामग्री कॉपी करें',\n      ar: 'نسخ المحتوى',\n      ru: 'Копировать содержимое',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default copyContentContent;\n","'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { copyContentContent } from './CopyButton.content';\n\ntype CopyButtonProps = {\n  content: string;\n};\n\nexport const CopyButton: FC<CopyButtonProps> = ({ content }) => {\n  const [copied, setCopied] = useState(false);\n  const { label } = useDictionary(copyContentContent);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(content);\n      setCopied(true);\n    } catch (error) {\n      console.error('Failed to copy text: ', error);\n    }\n  };\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <Button\n      Icon={copied ? CopyCheckIcon : CopyIcon}\n      onClick={handleCopy}\n      variant=\"hoverable\"\n      color=\"text\"\n      label={label}\n      size=\"icon-sm\"\n    />\n  );\n};\n"],"names":["t","useState","useDictionary","useEffect","jsx","Button","CopyCheckIcon","CopyIcon"],"mappings":";;;;;;;;AAEO,MAAM,qBAAqB;AAAA,EAChC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,OAAOA,SAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;ACTO,MAAM,aAAkC,CAAC,EAAE,cAAc;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAIC,WAAAA,SAAS,KAAK;AAC1C,QAAM,EAAE,MAAA,IAAUC,cAAA,cAAc,kBAAkB;AAElD,QAAM,aAAa,YAAY;AACzB,QAAA;AACI,YAAA,UAAU,UAAU,UAAU,OAAO;AAC3C,gBAAU,IAAI;AAAA,aACP,OAAO;AACN,cAAA,MAAM,yBAAyB,KAAK;AAAA,IAAA;AAAA,EAEhD;AAEAC,aAAAA,UAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,gBAAU,KAAK;AAAA,OACd,GAAI;AACA,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,MAAM,CAAC;AAGT,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,MAAM,SAASC,YAAAA,gBAAgBC,YAAA;AAAA,MAC/B,SAAS;AAAA,MACT,SAAQ;AAAA,MACR,OAAM;AAAA,MACN;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EACP;AAEJ;;"}

package/dist/CopyButton-DlcDlf6U.js

@@ -0,0 +1,60 @@
+"use client";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DaNGiM0W.js";
+import { CopyCheckIcon, CopyIcon } from "lucide-react";
+import { useState, useEffect } from "react";
+import { useDictionary } from "react-intlayer";
+import { Button } from "./components/Button/Button.mjs";
+import { t } from "intlayer";
+const copyContentContent = {
+  key: "copy-button",
+  content: {
+    label: t({
+      en: "Copy content",
+      fr: "Copier le contenu",
+      es: "Copiar contenido",
+      "en-GB": "Copy content",
+      de: "Inhalt kopieren",
+      ja: "コンテンツをコピー",
+      ko: "콘텐츠 복사",
+      zh: "复制内容",
+      it: "Copia contenuto",
+      pt: "Copiar conteúdo",
+      hi: "सामग्री कॉपी करें",
+      ar: "نسخ المحتوى",
+      ru: "Копировать содержимое"
+    })
+  }
+};
+const CopyButton = ({ content }) => {
+  const [copied, setCopied] = useState(false);
+  const { label } = useDictionary(copyContentContent);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopied(true);
+    } catch (error) {
+      console.error("Failed to copy text: ", error);
+    }
+  };
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Button,
+    {
+      Icon: copied ? CopyCheckIcon : CopyIcon,
+      onClick: handleCopy,
+      variant: "hoverable",
+      color: "text",
+      label,
+      size: "icon-sm"
+    }
+  );
+};
+export {
+  CopyButton as C
+};
+//# sourceMappingURL=CopyButton-DlcDlf6U.js.map

package/dist/CopyButton-DlcDlf6U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton-DlcDlf6U.js","sources":["../src/components/IDE/CopyButton.content.ts","../src/components/IDE/CopyButton.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const copyContentContent = {\n  key: 'copy-button',\n  content: {\n    label: t({\n      en: 'Copy content',\n      fr: 'Copier le contenu',\n      es: 'Copiar contenido',\n      'en-GB': 'Copy content',\n      de: 'Inhalt kopieren',\n      ja: 'コンテンツをコピー',\n      ko: '콘텐츠 복사',\n      zh: '复制内容',\n      it: 'Copia contenuto',\n      pt: 'Copiar conteúdo',\n      hi: 'सामग्री कॉपी करें',\n      ar: 'نسخ المحتوى',\n      ru: 'Копировать содержимое',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default copyContentContent;\n","'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { copyContentContent } from './CopyButton.content';\n\ntype CopyButtonProps = {\n  content: string;\n};\n\nexport const CopyButton: FC<CopyButtonProps> = ({ content }) => {\n  const [copied, setCopied] = useState(false);\n  const { label } = useDictionary(copyContentContent);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(content);\n      setCopied(true);\n    } catch (error) {\n      console.error('Failed to copy text: ', error);\n    }\n  };\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <Button\n      Icon={copied ? CopyCheckIcon : CopyIcon}\n      onClick={handleCopy}\n      variant=\"hoverable\"\n      color=\"text\"\n      label={label}\n      size=\"icon-sm\"\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;AAEO,MAAM,qBAAqB;AAAA,EAChC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;ACTO,MAAM,aAAkC,CAAC,EAAE,cAAc;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,EAAE,MAAA,IAAU,cAAc,kBAAkB;AAElD,QAAM,aAAa,YAAY;AACzB,QAAA;AACI,YAAA,UAAU,UAAU,UAAU,OAAO;AAC3C,gBAAU,IAAI;AAAA,aACP,OAAO;AACN,cAAA,MAAM,yBAAyB,KAAK;AAAA,IAAA;AAAA,EAEhD;AAEA,YAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,gBAAU,KAAK;AAAA,OACd,GAAI;AACA,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,MAAM,CAAC;AAGT,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,SAAS,gBAAgB;AAAA,MAC/B,SAAS;AAAA,MACT,SAAQ;AAAA,MACR,OAAM;AAAA,MACN;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EACP;AAEJ;"}

package/dist/Form-BB0kpER9.cjs

@@ -0,0 +1,301 @@
+"use client";
+"use strict";
+const components_Button_Button = require("./components/Button/Button.cjs");
+const jsxRuntime = require("./jsx-runtime-XHKiWCTo.cjs");
+const reactHookForm = require("react-hook-form");
+const components_Input_Input = require("./components/Input/Input.cjs");
+const components_Input_InputPassword = require("./components/Input/InputPassword.cjs");
+const components_Input_Checkbox = require("./components/Input/Checkbox.cjs");
+const components_TextArea_TextArea = require("./components/TextArea/TextArea.cjs");
+const components_EditableField_EditableFieldInput = require("./components/EditableField/EditableFieldInput.cjs");
+const components_EditableField_EditableFieldTextArea = require("./components/EditableField/EditableFieldTextArea.cjs");
+const require$$0 = require("react");
+const components_Select_Multiselect = require("./components/Select/Multiselect.cjs");
+const components_Form_FormField = require("./components/Form/FormField.cjs");
+const components_Form_layout_FormLabelLayout = require("./components/Form/layout/FormLabelLayout.cjs");
+const components_Select_Select = require("./components/Select/Select.cjs");
+const components_SwitchSelector_index = require("./components/SwitchSelector/index.cjs");
+const components_Form_FormBase = require("./components/Form/FormBase.cjs");
+const components_Form_FormControl = require("./components/Form/FormControl.cjs");
+const components_Form_FormDescription = require("./components/Form/FormDescription.cjs");
+const components_Form_FormItem = require("./components/Form/FormItem.cjs");
+const components_Form_FormMessage = require("./components/Form/FormMessage.cjs");
+require("clsx");
+require("tailwind-merge");
+require("./components/Form/FormLabel.cjs");
+const FormItemLayout = ({
+  label,
+  description,
+  isRequired,
+  info,
+  children,
+  showErrorMessage = true,
+  htmlFor
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Form.Item, { className: "w-full space-y-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "space-y-1 leading-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Form_layout_FormLabelLayout.FormLabelLayout, { isRequired, info, htmlFor, children: label }),
+    description && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Description, { children: description })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Control, { children }),
+  showErrorMessage && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Message, { "data-testid": "error-message" })
+] });
+const FormFieldElement = ({
+  field,
+  name,
+  label,
+  Element,
+  isRequired = false,
+  info,
+  description,
+  showErrorMessage = true,
+  ...props
+}) => {
+  const { error } = components_Form_FormField.useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    FormItemLayout,
+    {
+      htmlFor: name,
+      label,
+      description,
+      isRequired,
+      info,
+      showErrorMessage,
+      "aria-invalid": !!error,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Element, { "data-testid": "element", id: name, ...field, ...props, children: props.children })
+    }
+  );
+};
+const FormElement = (props) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name: props.name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormFieldElement, { ...props, field })
+    }
+  );
+};
+const InputElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_Input_Input.Input,
+    ...props
+  }
+);
+const InputPasswordElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: components_Input_InputPassword.InputPassword,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const TextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: components_TextArea_TextArea.TextArea,
+    id: props.name,
+    "data-testid": props.name,
+    ...props
+  }
+);
+const EditableFieldInputElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_EditableField_EditableFieldInput.EditableFieldInput,
+    ...props
+  }
+);
+const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_EditableField_EditableFieldTextArea.EditableFieldTextArea,
+    ...props
+  }
+);
+const CheckboxComponent = require$$0.forwardRef(
+  ({ inputLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Input_Checkbox.Checkbox, { ref, ...props, label: inputLabel })
+);
+CheckboxComponent.displayName = "CheckboxComponent";
+const CheckboxElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: CheckboxComponent,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const MultiSelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Select_Multiselect.MultiSelect,
+              {
+                onValueChange: field.onChange,
+                values: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Select_Select.Select,
+              {
+                onValueChange: field.onChange,
+                defaultValue: field.value,
+                className: "w-full",
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SwitchSelectorElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_SwitchSelector_index.SwitchSelector, { ...field, ...props, children })
+          }
+        );
+      }
+    }
+  );
+};
+const Form = components_Form_FormBase.Form;
+Form.Description = components_Form_FormDescription.FormDescription;
+Form.Control = components_Form_FormControl.FormControl;
+Form.Field = components_Form_FormField.FormField;
+Form.Item = components_Form_FormItem.FormItem;
+Form.Label = components_Form_layout_FormLabelLayout.FormLabelLayout;
+Form.Message = components_Form_FormMessage.FormMessage;
+Form.Element = FormElement;
+Form.Input = InputElement;
+Form.InputPassword = InputPasswordElement;
+Form.Checkbox = CheckboxElement;
+Form.TextArea = TextAreaElement;
+Form.Button = components_Button_Button.Button;
+Form.Select = SelectElement;
+Form.MultiSelect = MultiSelectElement;
+Form.EditableFieldInput = EditableFieldInputElement;
+Form.EditableFieldTextArea = EditableFieldTextAreaElement;
+Form.SwitchSelector = SwitchSelectorElement;
+exports.CheckboxElement = CheckboxElement;
+exports.EditableFieldInputElement = EditableFieldInputElement;
+exports.EditableFieldTextAreaElement = EditableFieldTextAreaElement;
+exports.Form = Form;
+exports.FormElement = FormElement;
+exports.FormItemLayout = FormItemLayout;
+exports.InputElement = InputElement;
+exports.InputPasswordElement = InputPasswordElement;
+exports.MultiSelectElement = MultiSelectElement;
+exports.SelectElement = SelectElement;
+exports.SwitchSelectorElement = SwitchSelectorElement;
+exports.TextAreaElement = TextAreaElement;
+//# sourceMappingURL=Form-BB0kpER9.cjs.map

package/dist/Form-BB0kpER9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-BB0kpER9.cjs","sources":["../src/components/Form/layout/FormItemLayout.tsx","../src/components/Form/elements/FormElement.tsx","../src/components/Form/elements/InputElement.tsx","../src/components/Form/elements/InputPasswordElement.tsx","../src/components/Form/elements/TextAreaElement.tsx","../src/components/Form/elements/EditableFieldInputElement.tsx","../src/components/Form/elements/EditableFieldTextAreaElement.tsx","../src/components/Form/elements/CheckboxElement.tsx","../src/components/Form/elements/MultiselectElement.tsx","../src/components/Form/elements/SelectElement.tsx","../src/components/Form/elements/SwitchSelectorElement.tsx","../src/components/Form/Form.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport type { FC, ReactNode } from 'react';\nimport { Form } from '../Form';\nimport { FormLabelLayout, type FormLabelLayoutProps } from './FormLabelLayout';\n\nexport type FormItemLayoutProps = Omit<FormLabelLayoutProps, 'children'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  showErrorMessage?: boolean;\n};\n\nexport const FormItemLayout: FC<FormItemLayoutProps> = ({\n  label,\n  description,\n  isRequired,\n  info,\n  children,\n  showErrorMessage = true,\n  htmlFor,\n}) => (\n  <Form.Item className=\"w-full space-y-2\">\n    <div className=\"space-y-1 leading-none\">\n      <FormLabelLayout isRequired={isRequired} info={info} htmlFor={htmlFor}>\n        {label}\n      </FormLabelLayout>\n      {description && <Form.Description>{description}</Form.Description>}\n    </div>\n    <Form.Control>{children}</Form.Control>\n\n    {showErrorMessage && <Form.Message data-testid=\"error-message\" />}\n  </Form.Item>\n);\n","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport {\n  useFormContext,\n  type ControllerRenderProps,\n  type FieldValues,\n} from 'react-hook-form';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout, FormItemLayoutProps } from '../layout';\n\nexport type FormElementProps<T extends ElementType> = {\n  name: string;\n  Element: T;\n  label?: ReactNode;\n  isRequired?: boolean;\n  info?: string;\n  showErrorMessage?: boolean;\n  focus?: boolean;\n} & Omit<FormItemLayoutProps, 'children'>;\n\ntype FormFieldElementProps<T extends ElementType> = FormElementProps<T> &\n  ComponentProps<T> & {\n    field: ControllerRenderProps<FieldValues, string>;\n  };\n\nconst FormFieldElement = <T extends ElementType>({\n  field,\n  name,\n  label,\n  Element,\n  isRequired = false,\n  info,\n  description,\n  showErrorMessage = true,\n  ...props\n}: FormFieldElementProps<T>) => {\n  const { error } = useFormField();\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <Element data-testid=\"element\" id={name} {...field} {...props}>\n        {props.children}\n      </Element>\n    </FormItemLayout>\n  );\n};\n\n/**\n * FormElement is a component that allows you to create a form element with a label, description, error message, and validation.\n *\n * The Element prop is the type of the element that will be rendered.\n * This element will interact with the FormContext and will be controlled by the FormControl component.\n * The props used to control the element will be `value` and `onChange`.\n */\nexport const FormElement = <T extends ElementType>(\n  props: FormElementProps<T> & ComponentProps<T>\n) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={props.name}\n      render={({ field }) => <FormFieldElement {...props} field={field} />}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, FC } from 'react';\nimport { Input } from '../../../components/Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype InputElementProps = Omit<FormElementProps<typeof Input>, 'Element'> &\n  ComponentProps<typeof Input> & {\n    name: string;\n  };\n\nexport const InputElement: FC<InputElementProps> = (props) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={Input}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, FC } from 'react';\nimport { InputPassword } from '../../Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype InputPasswordElementProps = Omit<\n  FormElementProps<typeof InputPassword>,\n  'Element'\n> &\n  ComponentProps<typeof InputPassword> & {\n    name: string;\n    autoComplete: 'current-password' | 'new-password';\n  };\n\nexport const InputPasswordElement: FC<InputPasswordElementProps> = ({\n  autoComplete,\n  ...props\n}) => (\n  <FormElement\n    Element={InputPassword}\n    id={props.name}\n    data-testid={props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    maxLength={255}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { FC } from 'react';\nimport { TextArea } from '../../TextArea/TextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype TextAreaElementsProps = Omit<\n  FormElementProps<typeof TextArea>,\n  'Element'\n> &\n  React.ComponentProps<typeof TextArea> & {\n    name: string;\n  };\n\nexport const TextAreaElement: FC<TextAreaElementsProps> = (props) => (\n  <FormElement\n    Element={TextArea}\n    id={props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { EditableFieldInput } from '../../EditableField/EditableFieldInput';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype EditableFieldInputElementProps = Omit<\n  FormElementProps<typeof EditableFieldInput>,\n  'Element'\n> &\n  Omit<ComponentProps<typeof EditableFieldInput>, 'onChange'> & {\n    name: string;\n    description?: ReactNode;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const EditableFieldInputElement = (\n  props: EditableFieldInputElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={EditableFieldInput}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\n\nimport type { ComponentProps, ReactNode } from 'react';\nimport { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype EditableFieldTextAreaElementProps = Omit<\n  FormElementProps<typeof EditableFieldTextArea>,\n  'Element'\n> &\n  Omit<ComponentProps<typeof EditableFieldTextArea>, 'onChange'> & {\n    name: string;\n    description?: ReactNode;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const EditableFieldTextAreaElement = (\n  props: EditableFieldTextAreaElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={EditableFieldTextArea}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport { forwardRef, type ComponentProps, type FC } from 'react';\nimport { Checkbox } from '../../Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype CheckboxElementProps = Omit<FormElementProps<typeof Checkbox>, 'Element'> &\n  ComponentProps<typeof Checkbox> & {\n    name: string;\n    inputLabel?: string;\n  };\n\ntype CheckboxComponentProps = Omit<ComponentProps<typeof Checkbox>, 'label'> & {\n  name: string;\n  inputLabel?: ComponentProps<typeof Checkbox>['label'];\n};\n\nconst CheckboxComponent = forwardRef<HTMLInputElement, CheckboxComponentProps>(\n  ({ inputLabel, ...props }, ref) => (\n    <Checkbox ref={ref} {...props} label={inputLabel} />\n  )\n);\nCheckboxComponent.displayName = 'CheckboxComponent';\n\nexport const CheckboxElement: FC<CheckboxElementProps> = ({\n  autoComplete,\n  ...props\n}) => (\n  <FormElement\n    Element={CheckboxComponent}\n    id={props.name}\n    data-testid={props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    maxLength={255}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { MultiSelect } from '../../Select/Multiselect';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SelectElementsProps = Omit<\n  FormElementProps<typeof MultiSelect>,\n  'Element'\n> &\n  ComponentProps<typeof MultiSelect> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const MultiSelectElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SelectElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks, sonarjs/rules-of-hooks\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <MultiSelect\n              onValueChange={field.onChange}\n              values={field.value}\n              {...props}\n            >\n              {children}\n            </MultiSelect>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { Select } from '../../Select/Select';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SelectElementsProps = Omit<FormElementProps<typeof Select>, 'Element'> &\n  ComponentProps<typeof Select> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const SelectElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SelectElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <Select\n              onValueChange={field.onChange}\n              defaultValue={field.value}\n              className=\"w-full\"\n              {...props}\n            >\n              {children}\n            </Select>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { SwitchSelector } from '../../SwitchSelector';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SwitchSelectorElementProps = Omit<\n  FormElementProps<typeof SwitchSelector>,\n  'Element'\n> &\n  ComponentProps<typeof SwitchSelector> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const SwitchSelectorElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SwitchSelectorElementProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <SwitchSelector {...field} {...props}>\n              {children}\n            </SwitchSelector>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport { Button } from '../Button';\nimport {\n  FormElement,\n  InputElement,\n  InputPasswordElement,\n  TextAreaElement,\n} from './elements';\nimport { CheckboxElement } from './elements/CheckboxElement';\nimport { EditableFieldInputElement } from './elements/EditableFieldInputElement';\nimport { EditableFieldTextAreaElement } from './elements/EditableFieldTextAreaElement';\nimport { MultiSelectElement } from './elements/MultiselectElement';\nimport { SelectElement } from './elements/SelectElement';\nimport { SwitchSelectorElement } from './elements/SwitchSelectorElement';\nimport { Form as FormRoot } from './FormBase';\nimport { FormControl } from './FormControl';\nimport { FormDescription } from './FormDescription';\nimport { FormField } from './FormField';\nimport { FormItem } from './FormItem';\nimport { FormMessage } from './FormMessage';\nimport { FormLabelLayout } from './layout';\n\ntype FormType = typeof FormRoot & {\n  Description: typeof FormDescription;\n  Control: typeof FormControl;\n  Field: typeof FormField;\n  Item: typeof FormItem;\n  Label: typeof FormLabelLayout;\n  Message: typeof FormMessage;\n  Element: typeof FormElement;\n  Button: typeof Button;\n  Input: typeof InputElement;\n  InputPassword: typeof InputPasswordElement;\n  Checkbox: typeof CheckboxElement;\n  TextArea: typeof TextAreaElement;\n  MultiSelect: typeof MultiSelectElement;\n  Select: typeof SelectElement;\n  EditableFieldInput: typeof EditableFieldInputElement;\n  EditableFieldTextArea: typeof EditableFieldTextAreaElement;\n  SwitchSelector: typeof SwitchSelectorElement;\n};\n\n/**\n * Form components\n *\n * Example of usage:\n * ```jsx\n * <Form\n *  schema={ZodSchema}\n *  onSubmitSuccess={onSubmitSuccess}\n *  onSubmitError={onSubmitError}\n *  autoComplete\n * >\n *   <Form.Input name=\"name\" label=\"Name\" />\n *   <Form.Button type=\"submit\" label=\"Click to submit\">\n *      Submit\n *   </Form.Button>\n * </Form>\n * ```\n */\nexport const Form = FormRoot as FormType;\nForm.Description = FormDescription;\nForm.Control = FormControl;\nForm.Field = FormField;\nForm.Item = FormItem;\nForm.Label = FormLabelLayout;\nForm.Message = FormMessage;\nForm.Element = FormElement;\nForm.Input = InputElement;\nForm.InputPassword = InputPasswordElement;\nForm.Checkbox = CheckboxElement;\nForm.TextArea = TextAreaElement;\nForm.Button = Button;\nForm.Select = SelectElement;\nForm.MultiSelect = MultiSelectElement;\nForm.EditableFieldInput = EditableFieldInputElement;\nForm.EditableFieldTextArea = EditableFieldTextAreaElement;\nForm.SwitchSelector = SwitchSelectorElement;\n"],"names":["jsxs","jsx","FormLabelLayout","useFormField","useFormContext","Input","InputPassword","TextArea","EditableFieldInput","EditableFieldTextArea","forwardRef","Checkbox","MultiSelect","Select","SwitchSelector","FormRoot","FormDescription","FormControl","FormField","FormItem","FormMessage","Button"],"mappings":"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"}