@intlayer/design-system 5.3.3 → 5.3.5

package/dist/.vite/manifest.json

@@ -1,6 +1,6 @@
 {
-  "_Form-BpxW17v4.cjs": {
-    "file": "Form-BpxW17v4.cjs",
+  "_Form-CriPBaZk.js": {
+    "file": "Form-CriPBaZk.js",
     "name": "Form",
     "imports": [
       "src/components/Button/Button.tsx",
@@ -23,8 +23,8 @@
       "src/components/Form/FormMessage.tsx"
     ]
   },
-  "_Form-MjLzPGze.js": {
-    "file": "Form-MjLzPGze.js",
+  "_Form-DJrUK3mm.cjs": {
+    "file": "Form-DJrUK3mm.cjs",
     "name": "Form",
     "imports": [
       "src/components/Button/Button.tsx",
@@ -63,22 +63,22 @@
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]
   },
-  "_index-BpCAhDMe.cjs": {
-    "file": "index-BpCAhDMe.cjs",
+  "_index-CEoL1j7H.js": {
+    "file": "index-CEoL1j7H.js",
     "name": "index",
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
-      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
+      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx",
+      "src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"
     ]
   },
-  "_index-CVTE3oHq.js": {
-    "file": "index-CVTE3oHq.js",
+  "_index-s_Ar0FDw.cjs": {
+    "file": "index-s_Ar0FDw.cjs",
     "name": "index",
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
-      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
+      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx",
+      "src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"
     ]
   },
   "_zod-BV4nCGJE.js": {
@@ -173,7 +173,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/useUser/index.ts",
       "src/components/Auth/ChangePasswordForm/changePasswordForm.content.ts",
       "src/components/Auth/ChangePasswordForm/useChangePasswordSchema.ts"
@@ -218,7 +218,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/useUser/index.ts",
       "src/components/Auth/DefineNewPasswordForm/defineNewPasswordForm.content.ts",
       "src/components/Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.ts"
@@ -303,7 +303,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/ResetPasswordForm/resetPasswordContent.content.ts",
       "src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"
     ]
@@ -347,7 +347,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx",
       "src/components/Auth/SignInForm/signIn.content.ts",
       "src/components/Auth/SignInForm/useSignInSchema.ts"
@@ -392,7 +392,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/SignUpForm/signUpForm.content.ts",
       "src/components/Auth/SignUpForm/useSignUpSchema.ts"
     ]
@@ -437,7 +437,7 @@
       "src/components/Button/Button.tsx",
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Headers/index.tsx",
       "src/components/Loader/index.tsx",
       "src/components/Auth/useUser/index.ts",
@@ -655,7 +655,7 @@
       "src/components/Auth/useUser/index.ts",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/SignInForm/signIn.content.ts",
       "src/components/Auth/SignInForm/useSignInSchema.content.ts",
       "src/components/Auth/SignUpForm/signUpForm.content.ts",
@@ -716,7 +716,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx",
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/ItemLayout.tsx": {
@@ -736,7 +736,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx": {
@@ -745,7 +745,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx": {
@@ -754,7 +754,25 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
+    ]
+  },
+  "src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx": {
+    "file": "components/DictionaryEditor/NodeWrapper/FileWrapper.cjs",
+    "name": "components/DictionaryEditor/NodeWrapper/FileWrapper",
+    "src": "src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx",
+    "isEntry": true,
+    "imports": [
+      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
+    ]
+  },
+  "src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx": {
+    "file": "components/DictionaryEditor/NodeWrapper/InsertionWrapper.cjs",
+    "name": "components/DictionaryEditor/NodeWrapper/InsertionWrapper",
+    "src": "src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx",
+    "isEntry": true,
+    "imports": [
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx": {
@@ -763,7 +781,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx": {
@@ -773,7 +791,7 @@
     "isEntry": true,
     "imports": [
       "src/components/DictionaryEditor/ItemLayout.tsx",
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx": {
@@ -795,7 +813,7 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx",
     "isEntry": true,
     "imports": [
-      "_index-BpCAhDMe.cjs"
+      "_index-s_Ar0FDw.cjs"
     ]
   },
   "src/components/DictionaryEditor/NodeWrapper/index.tsx": {
@@ -804,9 +822,9 @@
     "src": "src/components/DictionaryEditor/NodeWrapper/index.tsx",
     "isEntry": true,
     "imports": [
-      "_index-BpCAhDMe.cjs",
-      "src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx",
-      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
+      "_index-s_Ar0FDw.cjs",
+      "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx",
+      "src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"
     ]
   },
   "src/components/DictionaryEditor/index.tsx": {
@@ -873,7 +891,7 @@
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/SignInForm/signIn.content.ts",
       "src/components/Auth/SignInForm/useSignInSchema.content.ts",
       "src/components/Auth/SignUpForm/signUpForm.content.ts",
@@ -927,7 +945,7 @@
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/SignInForm/signIn.content.ts",
       "src/components/Auth/SignInForm/useSignInSchema.content.ts",
       "src/components/Auth/SignUpForm/signUpForm.content.ts",
@@ -1069,7 +1087,7 @@
       "src/components/Auth/useAuth/index.tsx",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Auth/SignInForm/signIn.content.ts",
       "src/components/Auth/SignInForm/useSignInSchema.content.ts",
       "src/components/Auth/SignUpForm/signUpForm.content.ts",
@@ -1283,7 +1301,7 @@
     "isEntry": true,
     "imports": [
       "src/components/Button/Button.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormControl.tsx",
       "src/components/Form/FormDescription.tsx",
@@ -1363,7 +1381,7 @@
     "isEntry": true,
     "imports": [
       "src/components/TextArea/AutoSizeTextArea.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/CheckboxElement.tsx": {
@@ -1374,7 +1392,7 @@
     "imports": [
       "src/components/Input/Input.tsx",
       "src/components/Input/Checkbox.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/EditableFieldInputElement.tsx": {
@@ -1384,7 +1402,7 @@
     "isEntry": true,
     "imports": [
       "src/components/EditableField/EditableFieldInput.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/EditableFieldTextAreaElement.tsx": {
@@ -1394,7 +1412,7 @@
     "isEntry": true,
     "imports": [
       "src/components/EditableField/EditableFieldTextArea.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/FormElement.tsx": {
@@ -1403,7 +1421,7 @@
     "src": "src/components/Form/elements/FormElement.tsx",
     "isEntry": true,
     "imports": [
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/FormField.tsx"
     ]
   },
@@ -1424,7 +1442,7 @@
     "imports": [
       "src/components/Input/Input.tsx",
       "src/components/Input/Checkbox.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/InputPasswordElement.tsx": {
@@ -1436,7 +1454,7 @@
       "src/components/Input/Input.tsx",
       "src/components/Input/InputPassword.tsx",
       "src/components/Input/Checkbox.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/MultiselectElement.tsx": {
@@ -1446,7 +1464,7 @@
     "isEntry": true,
     "imports": [
       "src/components/Select/Multiselect.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/FormField.tsx"
     ]
   },
@@ -1457,7 +1475,7 @@
     "isEntry": true,
     "imports": [
       "src/components/Select/Select.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/FormField.tsx"
     ]
   },
@@ -1468,7 +1486,7 @@
     "isEntry": true,
     "imports": [
       "src/components/SwitchSelector/index.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/FormField.tsx"
     ]
   },
@@ -1479,7 +1497,7 @@
     "isEntry": true,
     "imports": [
       "src/components/TextArea/TextArea.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/elements/index.ts": {
@@ -1488,7 +1506,7 @@
     "src": "src/components/Form/elements/index.ts",
     "isEntry": true,
     "imports": [
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/index.tsx": {
@@ -1499,7 +1517,7 @@
     "imports": [
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs"
+      "_Form-DJrUK3mm.cjs"
     ]
   },
   "src/components/Form/layout/FormItemLayout.tsx": {
@@ -1508,7 +1526,7 @@
     "src": "src/components/Form/layout/FormItemLayout.tsx",
     "isEntry": true,
     "imports": [
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/layout/FormLabelLayout.tsx"
     ]
   },
@@ -1535,7 +1553,7 @@
     "src": "src/components/Form/layout/index.ts",
     "isEntry": true,
     "imports": [
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Form/layout/FormLabelLayout.tsx"
     ]
   },
@@ -2448,7 +2466,7 @@
       "src/components/InformationTag/index.tsx",
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
-      "_Form-BpxW17v4.cjs",
+      "_Form-DJrUK3mm.cjs",
       "src/components/Label/index.tsx",
       "src/components/Input/Input.tsx",
       "src/components/Input/InputPassword.tsx",

package/dist/{Form-MjLzPGze.js → Form-CriPBaZk.js}

@@ -90,6 +90,8 @@ const InputElement = (props) => /* @__PURE__ */ jsx(
     id: props.name,
     "data-testid": props.name,
     Element: Input,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     ...props
   }
 );
@@ -102,6 +104,8 @@ const InputPasswordElement = ({
     Element: InputPassword,
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     autoComplete,
     minLength: 6,
     maxLength: 255,
@@ -113,6 +117,8 @@ const TextAreaElement = (props) => /* @__PURE__ */ jsx(
   {
     Element: TextArea,
     id: props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     "data-testid": props.name,
     ...props
   }
@@ -122,6 +128,8 @@ const EditableFieldInputElement = (props) => /* @__PURE__ */ jsx(
   {
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     Element: EditableFieldInput,
     ...props
   }
@@ -131,6 +139,8 @@ const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsx(
   {
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     Element: EditableFieldTextArea,
     ...props
   }
@@ -318,4 +328,4 @@ export {
   FormItemLayout as d,
   SwitchSelectorElement as e
 };
-//# sourceMappingURL=Form-MjLzPGze.js.map
+//# sourceMappingURL=Form-CriPBaZk.js.map

package/dist/Form-CriPBaZk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-CriPBaZk.js","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/AutoSizeTextAreaElement.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":["import 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=\"flex w-full flex-col gap-2 p-2\">\n    {(description || label) && (\n      <div className=\"flex flex-col gap-1 p-1 leading-none\">\n        {label && (\n          <FormLabelLayout\n            isRequired={isRequired}\n            info={info}\n            htmlFor={htmlFor}\n          >\n            {label}\n          </FormLabelLayout>\n        )}\n        {description && <Form.Description>{description}</Form.Description>}\n      </div>\n    )}\n    <Form.Control>{children}</Form.Control>\n\n    {showErrorMessage && <Form.Message data-testid=\"error-message\" />}\n  </Form.Item>\n);\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 { type FormItemLayoutProps, FormItemLayout } 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","import type { ComponentProps, FC } from 'react';\nimport { Input } from '../../../components/Input';\nimport { type FormElementProps, FormElement } from './FormElement';\n\ntype InputElementProps = Omit<FormElementProps<typeof Input>, 'Element'> &\n  Omit<\n    ComponentProps<typeof Input> & {\n      name: string;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const InputElement: FC<InputElementProps> = (props) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={Input}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    {...props}\n  />\n);\n","import type { ComponentProps, FC } from 'react';\nimport { InputPassword } from '../../Input';\nimport { type FormElementProps, FormElement } from './FormElement';\n\ntype InputPasswordElementProps = Omit<\n  FormElementProps<typeof InputPassword>,\n  'Element'\n> &\n  Omit<\n    ComponentProps<typeof InputPassword> & {\n      name: string;\n      autoComplete: 'current-password' | 'new-password';\n    },\n    'aria-label' | 'aria-labelledby'\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    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    maxLength={255}\n    {...props}\n  />\n);\n","import type { ComponentProps, 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  Omit<\n    ComponentProps<typeof TextArea> & {\n      name: string;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const TextAreaElement: FC<TextAreaElementsProps> = (props) => (\n  <FormElement\n    Element={TextArea}\n    id={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","import 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<\n    ComponentProps<typeof EditableFieldInput> & {\n      name: string;\n      description?: ReactNode;\n      placeholder?: string;\n      className?: string;\n      children?: ReactNode;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const EditableFieldInputElement = (\n  props: EditableFieldInputElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    Element={EditableFieldInput}\n    {...props}\n  />\n);\n","import 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<\n    ComponentProps<typeof EditableFieldTextArea> & {\n      name: string;\n      description?: ReactNode;\n      placeholder?: string;\n      className?: string;\n      children?: ReactNode;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const EditableFieldTextAreaElement = (\n  props: EditableFieldTextAreaElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    Element={EditableFieldTextArea}\n    {...props}\n  />\n);\n","import type { FC } from 'react';\nimport { AutoSizedTextArea } from '../../TextArea/AutoSizeTextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype AutoSizedTextAreaElementsProps = Omit<\n  FormElementProps<typeof AutoSizedTextArea>,\n  'Element'\n> &\n  React.ComponentProps<typeof AutoSizedTextArea> & {\n    name: string;\n  };\n\nexport const AutoSizedTextAreaElement: FC<AutoSizedTextAreaElementsProps> = (\n  props\n) => (\n  <FormElement\n    Element={AutoSizedTextArea}\n    id={props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","import { type ComponentProps, type FC } from 'react';\nimport { Checkbox } from '../../Input';\nimport { type 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: FC<CheckboxComponentProps> = ({\n  inputLabel,\n  ...props\n}) => <Checkbox {...props} label={inputLabel} />;\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 react-hooks/rules-of-hooks */\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        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\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              {...props}\n            >\n              {children}\n            </Select>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable react-hooks/rules-of-hooks */\n\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        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","import { Button } from '../Button';\nimport {\n  FormElement,\n  InputElement,\n  InputPasswordElement,\n  TextAreaElement,\n} from './elements';\nimport { AutoSizedTextAreaElement } from './elements/AutoSizeTextAreaElement';\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  AutoSizedTextArea: typeof AutoSizedTextAreaElement;\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.AutoSizedTextArea = AutoSizedTextAreaElement;\nForm.Button = Button;\nForm.Select = SelectElement;\nForm.MultiSelect = MultiSelectElement;\nForm.EditableFieldInput = EditableFieldInputElement;\nForm.EditableFieldTextArea = EditableFieldTextAreaElement;\nForm.SwitchSelector = SwitchSelectorElement;\n"],"names":["FormRoot"],"mappings":"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"}

package/dist/{Form-BpxW17v4.cjs → Form-DJrUK3mm.cjs}

@@ -91,6 +91,8 @@ const InputElement = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     id: props.name,
     "data-testid": props.name,
     Element: components_Input_Input.Input,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     ...props
   }
 );
@@ -103,6 +105,8 @@ const InputPasswordElement = ({
     Element: components_Input_InputPassword.InputPassword,
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     autoComplete,
     minLength: 6,
     maxLength: 255,
@@ -114,6 +118,8 @@ const TextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   {
     Element: components_TextArea_TextArea.TextArea,
     id: props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     "data-testid": props.name,
     ...props
   }
@@ -123,6 +129,8 @@ const EditableFieldInputElement = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   {
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     Element: components_EditableField_EditableFieldInput.EditableFieldInput,
     ...props
   }
@@ -132,6 +140,8 @@ const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   {
     id: props.name,
     "data-testid": props.name,
+    "aria-labelledby": props.label ? `${props.name}-label` : void 0,
+    "aria-label": props.label ? void 0 : props.name,
     Element: components_EditableField_EditableFieldTextArea.EditableFieldTextArea,
     ...props
   }
@@ -317,4 +327,4 @@ exports.MultiSelectElement = MultiSelectElement;
 exports.SelectElement = SelectElement;
 exports.SwitchSelectorElement = SwitchSelectorElement;
 exports.TextAreaElement = TextAreaElement;
-//# sourceMappingURL=Form-BpxW17v4.cjs.map
+//# sourceMappingURL=Form-DJrUK3mm.cjs.map

package/dist/Form-DJrUK3mm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-DJrUK3mm.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/AutoSizeTextAreaElement.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":["import 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=\"flex w-full flex-col gap-2 p-2\">\n    {(description || label) && (\n      <div className=\"flex flex-col gap-1 p-1 leading-none\">\n        {label && (\n          <FormLabelLayout\n            isRequired={isRequired}\n            info={info}\n            htmlFor={htmlFor}\n          >\n            {label}\n          </FormLabelLayout>\n        )}\n        {description && <Form.Description>{description}</Form.Description>}\n      </div>\n    )}\n    <Form.Control>{children}</Form.Control>\n\n    {showErrorMessage && <Form.Message data-testid=\"error-message\" />}\n  </Form.Item>\n);\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 { type FormItemLayoutProps, FormItemLayout } 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","import type { ComponentProps, FC } from 'react';\nimport { Input } from '../../../components/Input';\nimport { type FormElementProps, FormElement } from './FormElement';\n\ntype InputElementProps = Omit<FormElementProps<typeof Input>, 'Element'> &\n  Omit<\n    ComponentProps<typeof Input> & {\n      name: string;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const InputElement: FC<InputElementProps> = (props) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={Input}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    {...props}\n  />\n);\n","import type { ComponentProps, FC } from 'react';\nimport { InputPassword } from '../../Input';\nimport { type FormElementProps, FormElement } from './FormElement';\n\ntype InputPasswordElementProps = Omit<\n  FormElementProps<typeof InputPassword>,\n  'Element'\n> &\n  Omit<\n    ComponentProps<typeof InputPassword> & {\n      name: string;\n      autoComplete: 'current-password' | 'new-password';\n    },\n    'aria-label' | 'aria-labelledby'\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    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    maxLength={255}\n    {...props}\n  />\n);\n","import type { ComponentProps, 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  Omit<\n    ComponentProps<typeof TextArea> & {\n      name: string;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const TextAreaElement: FC<TextAreaElementsProps> = (props) => (\n  <FormElement\n    Element={TextArea}\n    id={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","import 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<\n    ComponentProps<typeof EditableFieldInput> & {\n      name: string;\n      description?: ReactNode;\n      placeholder?: string;\n      className?: string;\n      children?: ReactNode;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const EditableFieldInputElement = (\n  props: EditableFieldInputElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    Element={EditableFieldInput}\n    {...props}\n  />\n);\n","import 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<\n    ComponentProps<typeof EditableFieldTextArea> & {\n      name: string;\n      description?: ReactNode;\n      placeholder?: string;\n      className?: string;\n      children?: ReactNode;\n    },\n    'aria-label' | 'aria-labelledby'\n  >;\n\nexport const EditableFieldTextAreaElement = (\n  props: EditableFieldTextAreaElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    aria-labelledby={props.label ? `${props.name}-label` : undefined}\n    aria-label={props.label ? undefined : props.name}\n    Element={EditableFieldTextArea}\n    {...props}\n  />\n);\n","import type { FC } from 'react';\nimport { AutoSizedTextArea } from '../../TextArea/AutoSizeTextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype AutoSizedTextAreaElementsProps = Omit<\n  FormElementProps<typeof AutoSizedTextArea>,\n  'Element'\n> &\n  React.ComponentProps<typeof AutoSizedTextArea> & {\n    name: string;\n  };\n\nexport const AutoSizedTextAreaElement: FC<AutoSizedTextAreaElementsProps> = (\n  props\n) => (\n  <FormElement\n    Element={AutoSizedTextArea}\n    id={props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","import { type ComponentProps, type FC } from 'react';\nimport { Checkbox } from '../../Input';\nimport { type 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: FC<CheckboxComponentProps> = ({\n  inputLabel,\n  ...props\n}) => <Checkbox {...props} label={inputLabel} />;\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 react-hooks/rules-of-hooks */\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        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\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              {...props}\n            >\n              {children}\n            </Select>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable react-hooks/rules-of-hooks */\n\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        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","import { Button } from '../Button';\nimport {\n  FormElement,\n  InputElement,\n  InputPasswordElement,\n  TextAreaElement,\n} from './elements';\nimport { AutoSizedTextAreaElement } from './elements/AutoSizeTextAreaElement';\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  AutoSizedTextArea: typeof AutoSizedTextAreaElement;\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.AutoSizedTextArea = AutoSizedTextAreaElement;\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","AutoSizedTextArea","Checkbox","MultiSelect","Select","SwitchSelector","FormRoot","FormDescription","FormControl","FormField","FormItem","FormMessage","Button"],"mappings":"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"}

package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
 const components_Auth_useUser_index = require("../useUser/index.cjs");
 const components_Auth_ChangePasswordForm_changePasswordForm_content = require("./changePasswordForm.content.cjs");
 const components_Auth_ChangePasswordForm_useChangePasswordSchema = require("./useChangePasswordSchema.cjs");

package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useDictionary } from "react-intlayer";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-MjLzPGze.js";
+import { F as Form } from "../../../Form-CriPBaZk.js";
 import { useUser } from "../useUser/index.mjs";
 import { changePasswordContent } from "./changePasswordForm.content.mjs";
 import { useChangePasswordSchema } from "./useChangePasswordSchema.mjs";

package/dist/components/Auth/DefineNewPasswordForm/DefineNewPasswordForm.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
 const components_Auth_useUser_index = require("../useUser/index.cjs");
 const components_Auth_DefineNewPasswordForm_defineNewPasswordForm_content = require("./defineNewPasswordForm.content.cjs");
 const components_Auth_DefineNewPasswordForm_useDefineNewPasswordSchema = require("./useDefineNewPasswordSchema.cjs");

package/dist/components/Auth/DefineNewPasswordForm/DefineNewPasswordForm.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useDictionary } from "react-intlayer";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-MjLzPGze.js";
+import { F as Form } from "../../../Form-CriPBaZk.js";
 import { useUser } from "../useUser/index.mjs";
 import { definedPasswordContent } from "./defineNewPasswordForm.content.mjs";
 import { useDefineNewPasswordSchema } from "./useDefineNewPasswordSchema.mjs";

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.cjs

@@ -6,7 +6,7 @@ const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
 const components_Auth_ResetPasswordForm_resetPasswordContent_content = require("./resetPasswordContent.content.cjs");
 const components_Auth_ResetPasswordForm_useResetPasswordSchema = require("./useResetPasswordSchema.cjs");
 const ResetPasswordForm = ({