@intlayer/design-system 3.2.2 → 3.3.2

package/dist/.vite/manifest.json

@@ -1,10 +1,10 @@
 {
-  "_Form-DERuauvB.cjs": {
-    "file": "Form-DERuauvB.cjs",
+  "_Form-CQpKjeW6.js": {
+    "file": "Form-CQpKjeW6.js",
     "name": "Form",
     "imports": [
       "src/components/Button/Button.tsx",
-      "_jsx-runtime-DvCoRj5u.cjs",
+      "_jsx-runtime-BgSF1HG2.js",
       "src/components/Input/Input.tsx",
       "src/components/Input/InputPassword.tsx",
       "src/components/Input/Checkbox.tsx",
@@ -24,12 +24,12 @@
       "src/components/Form/FormLabel.tsx"
     ]
   },
-  "_Form-DyFBmVya.js": {
-    "file": "Form-DyFBmVya.js",
+  "_Form-DERuauvB.cjs": {
+    "file": "Form-DERuauvB.cjs",
     "name": "Form",
     "imports": [
       "src/components/Button/Button.tsx",
-      "_jsx-runtime-BgSF1HG2.js",
+      "_jsx-runtime-DvCoRj5u.cjs",
       "src/components/Input/Input.tsx",
       "src/components/Input/InputPassword.tsx",
       "src/components/Input/Checkbox.tsx",
@@ -168,6 +168,7 @@
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
       "_Form-DERuauvB.cjs",
+      "src/components/Auth/useUser/index.ts",
       "src/components/Auth/ChangePasswordForm/ChangePasswordSchema.ts",
       "src/components/Auth/ChangePasswordForm/index.content.ts"
     ]
@@ -750,8 +751,8 @@
       "_Form-DERuauvB.cjs",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.ts",
-      "src/components/Modal/Modal.tsx",
       "src/components/Auth/useAuth/index.tsx",
+      "src/components/Modal/Modal.tsx",
       "src/components/Select/Multiselect.tsx",
       "src/components/Select/Select.tsx",
       "src/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.ts",
@@ -786,8 +787,8 @@
       "src/components/Form/FormBase.tsx",
       "src/components/Form/FormField.tsx",
       "_Form-DERuauvB.cjs",
-      "src/components/Modal/Modal.tsx",
       "src/components/Auth/useAuth/index.tsx",
+      "src/components/Modal/Modal.tsx",
       "src/components/Select/Multiselect.tsx",
       "src/components/Select/Select.tsx",
       "src/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.tsx",

package/dist/Form-CQpKjeW6.js

@@ -0,0 +1,301 @@
+"use client";
+import { Button } from "./components/Button/Button.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-BgSF1HG2.js";
+import { useFormContext } from "react-hook-form";
+import { Input } from "./components/Input/Input.mjs";
+import { InputPassword } from "./components/Input/InputPassword.mjs";
+import { Checkbox } from "./components/Input/Checkbox.mjs";
+import { TextArea } from "./components/TextArea/TextArea.mjs";
+import { EditableFieldInput } from "./components/EditableField/EditableFieldInput.mjs";
+import { EditableFieldTextArea } from "./components/EditableField/EditableFieldTextArea.mjs";
+import { forwardRef } from "react";
+import { MultiSelect } from "./components/Select/Multiselect.mjs";
+import { useFormField, FormField } from "./components/Form/FormField.mjs";
+import { FormLabelLayout } from "./components/Form/layout/FormLabelLayout.mjs";
+import { Select } from "./components/Select/Select.mjs";
+import { SwitchSelector } from "./components/SwitchSelector/index.mjs";
+import { Form as Form$1 } from "./components/Form/FormBase.mjs";
+import { FormControl } from "./components/Form/FormControl.mjs";
+import { FormDescription } from "./components/Form/FormDescription.mjs";
+import { FormItem } from "./components/Form/FormItem.mjs";
+import { FormMessage } from "./components/Form/FormMessage.mjs";
+import "clsx";
+import "tailwind-merge";
+import "./components/Form/FormLabel.mjs";
+const FormItemLayout = ({
+  label,
+  description,
+  isRequired,
+  info,
+  children,
+  showErrorMessage = true,
+  htmlFor
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Form.Item, { className: "w-full space-y-2", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 leading-none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabelLayout, { isRequired, info, htmlFor, children: label }),
+    description && /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Description, { children: description })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Control, { children }),
+  showErrorMessage && /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Message, { "data-testid": "error-message" })
+] });
+const FormFieldElement = ({
+  field,
+  name,
+  label,
+  Element,
+  isRequired = false,
+  info,
+  description,
+  showErrorMessage = true,
+  ...props
+}) => {
+  const { error } = useFormField();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormItemLayout,
+    {
+      htmlFor: name,
+      label,
+      description,
+      isRequired,
+      info,
+      showErrorMessage,
+      "aria-invalid": !!error,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Element, { "data-testid": "element", id: name, ...field, ...props, children: props.children })
+    }
+  );
+};
+const FormElement = (props) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name: props.name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsx(FormFieldElement, { ...props, field })
+    }
+  );
+};
+const InputElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: Input,
+    ...props
+  }
+);
+const InputPasswordElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: InputPassword,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const TextAreaElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: TextArea,
+    id: props.name,
+    "data-testid": props.name,
+    ...props
+  }
+);
+const EditableFieldInputElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: EditableFieldInput,
+    ...props
+  }
+);
+const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: EditableFieldTextArea,
+    ...props
+  }
+);
+const CheckboxComponent = forwardRef(
+  ({ inputLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { ref, ...props, label: inputLabel })
+);
+CheckboxComponent.displayName = "CheckboxComponent";
+const CheckboxElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ 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 } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              MultiSelect,
+              {
+                onValueChange: field.onChange,
+                values: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Select,
+              {
+                onValueChange: field.onChange,
+                defaultValue: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SwitchSelectorElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchSelector, { ...field, ...props, children })
+          }
+        );
+      }
+    }
+  );
+};
+const Form = Form$1;
+Form.Description = FormDescription;
+Form.Control = FormControl;
+Form.Field = FormField;
+Form.Item = FormItem;
+Form.Label = FormLabelLayout;
+Form.Message = FormMessage;
+Form.Element = FormElement;
+Form.Input = InputElement;
+Form.InputPassword = InputPasswordElement;
+Form.Checkbox = CheckboxElement;
+Form.TextArea = TextAreaElement;
+Form.Button = Button;
+Form.Select = SelectElement;
+Form.MultiSelect = MultiSelectElement;
+Form.EditableFieldInput = EditableFieldInputElement;
+Form.EditableFieldTextArea = EditableFieldTextAreaElement;
+Form.SwitchSelector = SwitchSelectorElement;
+export {
+  CheckboxElement as C,
+  EditableFieldInputElement as E,
+  Form as F,
+  InputElement as I,
+  MultiSelectElement as M,
+  SelectElement as S,
+  TextAreaElement as T,
+  FormElement as a,
+  InputPasswordElement as b,
+  EditableFieldTextAreaElement as c,
+  FormItemLayout as d,
+  SwitchSelectorElement as e
+};
+//# sourceMappingURL=Form-CQpKjeW6.js.map

package/dist/Form-CQpKjeW6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-CQpKjeW6.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/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?: string;\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?: string;\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 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        // 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            <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 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","FormRoot"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ const jsxRuntime = require("../../../jsx-runtime-DvCoRj5u.cjs");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
 const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
+const components_Auth_useUser_index = require("../useUser/index.cjs");
 const components_Auth_ChangePasswordForm_ChangePasswordSchema = require("./ChangePasswordSchema.cjs");
 const components_Auth_ChangePasswordForm_index_content = require("./index.content.cjs");
 const ChangePasswordForm = ({
@@ -18,6 +19,7 @@ const ChangePasswordForm = ({
     changePasswordButton,
     backToHomeButton
   } = components_Auth_ChangePasswordForm_index_content.getChangePasswordContent();
+  const { user } = components_Auth_useUser_index.useUser();
   const ChangePasswordSchema = components_Auth_ChangePasswordForm_ChangePasswordSchema.getChangePasswordSchema();
   const { form, isSubmitting, isSubmitted, isValid } = components_Form_FormBase.useForm(ChangePasswordSchema);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
@@ -31,6 +33,18 @@ const ChangePasswordForm = ({
       ...form,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            components_Form_layout_FormItemLayout.Form.Input,
+            {
+              type: "text",
+              name: "email",
+              value: user?.email ?? "",
+              autoComplete: "username email",
+              disabled: true,
+              hidden: true,
+              className: "hidden"
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
             components_Form_layout_FormItemLayout.Form.InputPassword,
             {

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

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordForm.cjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport {\n  getChangePasswordSchema,\n  type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n  onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n  onClickBackToHome: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToHome,\n}) => {\n  const {\n    currentPasswordInput,\n    newPasswordInput,\n    confirmPasswordInput,\n    changePasswordButton,\n    backToHomeButton,\n  } = getChangePasswordContent();\n  const ChangePasswordSchema = getChangePasswordSchema();\n\n  const { form, isSubmitting, isSubmitted, isValid } =\n    useForm(ChangePasswordSchema);\n\n  return (\n    <Form\n      schema={ChangePasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.InputPassword\n          name=\"currentPassword\"\n          label={currentPasswordInput.label}\n          placeholder={currentPasswordInput.placeholder}\n          autoComplete=\"current-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPassword\"\n          label={newPasswordInput.label}\n          placeholder={newPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPasswordConfirmation\"\n          label={confirmPasswordInput.label}\n          placeholder={confirmPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={changePasswordButton.ariaLabel}\n      >\n        {changePasswordButton.text}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToHomeButton.ariaLabel}\n          onClick={onClickBackToHome}\n        >\n          {backToHomeButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["getChangePasswordContent","getChangePasswordSchema","useForm","jsxs","Form","jsx"],"mappings":";;;;;;;;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,iDAAyB,yBAAA;AAC7B,QAAM,uBAAuBC,wDAAAA;AAE7B,QAAM,EAAE,MAAM,cAAc,aAAa,YACvCC,yBAAAA,QAAQ,oBAAoB;AAG5B,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,cAC9B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC;AAAA,YACX,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,qBAAqB;AAAA,YAE3B,UAAqB,qBAAA;AAAA,UAAA;AAAA,QACxB;AAAA,QACC,eACCC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,iBAAiB;AAAA,YACxB,SAAS;AAAA,YAER,UAAiB,iBAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"ChangePasswordForm.cjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { useUser } from '../useUser';\nimport {\n  getChangePasswordSchema,\n  type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n  onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n  onClickBackToHome: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToHome,\n}) => {\n  const {\n    currentPasswordInput,\n    newPasswordInput,\n    confirmPasswordInput,\n    changePasswordButton,\n    backToHomeButton,\n  } = getChangePasswordContent();\n  const { user } = useUser();\n  const ChangePasswordSchema = getChangePasswordSchema();\n\n  const { form, isSubmitting, isSubmitted, isValid } =\n    useForm(ChangePasswordSchema);\n\n  return (\n    <Form\n      schema={ChangePasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          type=\"text\"\n          name=\"email\"\n          value={user?.email ?? ''}\n          autoComplete=\"username email\"\n          disabled\n          hidden\n          className=\"hidden\"\n        />\n        <Form.InputPassword\n          name=\"currentPassword\"\n          label={currentPasswordInput.label}\n          placeholder={currentPasswordInput.placeholder}\n          autoComplete=\"current-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPassword\"\n          label={newPasswordInput.label}\n          placeholder={newPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPasswordConfirmation\"\n          label={confirmPasswordInput.label}\n          placeholder={confirmPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={changePasswordButton.ariaLabel}\n      >\n        {changePasswordButton.text}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToHomeButton.ariaLabel}\n          onClick={onClickBackToHome}\n        >\n          {backToHomeButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["getChangePasswordContent","useUser","getChangePasswordSchema","useForm","jsxs","Form","jsx"],"mappings":";;;;;;;;;AAeO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,iDAAyB,yBAAA;AACvB,QAAA,EAAE,SAASC,8BAAAA;AACjB,QAAM,uBAAuBC,wDAAAA;AAE7B,QAAM,EAAE,MAAM,cAAc,aAAa,YACvCC,yBAAAA,QAAQ,oBAAoB;AAG5B,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAO,MAAM,SAAS;AAAA,cACtB,cAAa;AAAA,cACb,UAAQ;AAAA,cACR,QAAM;AAAA,cACN,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,cAC9B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC;AAAA,YACX,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,qBAAqB;AAAA,YAE3B,UAAqB,qBAAA;AAAA,UAAA;AAAA,QACxB;AAAA,QACC,eACCC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,iBAAiB;AAAA,YACxB,SAAS;AAAA,YAER,UAAiB,iBAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,uBAAuB,GAAG;IAC7B,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwE1D,CAAC"}
+{"version":3,"file":"ChangePasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,uBAAuB,GAAG;IAC7B,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkF1D,CAAC"}

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

@@ -1,7 +1,8 @@
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-CQpKjeW6.js";
+import { useUser } from "../useUser/index.mjs";
 import { getChangePasswordSchema } from "./ChangePasswordSchema.mjs";
 import { getChangePasswordContent } from "./index.content.mjs";
 const ChangePasswordForm = ({
@@ -16,6 +17,7 @@ const ChangePasswordForm = ({
     changePasswordButton,
     backToHomeButton
   } = getChangePasswordContent();
+  const { user } = useUser();
   const ChangePasswordSchema = getChangePasswordSchema();
   const { form, isSubmitting, isSubmitted, isValid } = useForm(ChangePasswordSchema);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -29,6 +31,18 @@ const ChangePasswordForm = ({
       ...form,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Form.Input,
+            {
+              type: "text",
+              name: "email",
+              value: user?.email ?? "",
+              autoComplete: "username email",
+              disabled: true,
+              hidden: true,
+              className: "hidden"
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Form.InputPassword,
             {

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

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordForm.mjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport {\n  getChangePasswordSchema,\n  type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n  onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n  onClickBackToHome: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToHome,\n}) => {\n  const {\n    currentPasswordInput,\n    newPasswordInput,\n    confirmPasswordInput,\n    changePasswordButton,\n    backToHomeButton,\n  } = getChangePasswordContent();\n  const ChangePasswordSchema = getChangePasswordSchema();\n\n  const { form, isSubmitting, isSubmitted, isValid } =\n    useForm(ChangePasswordSchema);\n\n  return (\n    <Form\n      schema={ChangePasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.InputPassword\n          name=\"currentPassword\"\n          label={currentPasswordInput.label}\n          placeholder={currentPasswordInput.placeholder}\n          autoComplete=\"current-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPassword\"\n          label={newPasswordInput.label}\n          placeholder={newPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPasswordConfirmation\"\n          label={confirmPasswordInput.label}\n          placeholder={confirmPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={changePasswordButton.ariaLabel}\n      >\n        {changePasswordButton.text}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToHomeButton.ariaLabel}\n          onClick={onClickBackToHome}\n        >\n          {backToHomeButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AAC7B,QAAM,uBAAuB;AAE7B,QAAM,EAAE,MAAM,cAAc,aAAa,YACvC,QAAQ,oBAAoB;AAG5B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,cAC9B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC;AAAA,YACX,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,qBAAqB;AAAA,YAE3B,UAAqB,qBAAA;AAAA,UAAA;AAAA,QACxB;AAAA,QACC,eACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,iBAAiB;AAAA,YACxB,SAAS;AAAA,YAER,UAAiB,iBAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"ChangePasswordForm.mjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { useUser } from '../useUser';\nimport {\n  getChangePasswordSchema,\n  type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n  onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n  onClickBackToHome: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToHome,\n}) => {\n  const {\n    currentPasswordInput,\n    newPasswordInput,\n    confirmPasswordInput,\n    changePasswordButton,\n    backToHomeButton,\n  } = getChangePasswordContent();\n  const { user } = useUser();\n  const ChangePasswordSchema = getChangePasswordSchema();\n\n  const { form, isSubmitting, isSubmitted, isValid } =\n    useForm(ChangePasswordSchema);\n\n  return (\n    <Form\n      schema={ChangePasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          type=\"text\"\n          name=\"email\"\n          value={user?.email ?? ''}\n          autoComplete=\"username email\"\n          disabled\n          hidden\n          className=\"hidden\"\n        />\n        <Form.InputPassword\n          name=\"currentPassword\"\n          label={currentPasswordInput.label}\n          placeholder={currentPasswordInput.placeholder}\n          autoComplete=\"current-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPassword\"\n          label={newPasswordInput.label}\n          placeholder={newPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n        <Form.InputPassword\n          name=\"newPasswordConfirmation\"\n          label={confirmPasswordInput.label}\n          placeholder={confirmPasswordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={changePasswordButton.ariaLabel}\n      >\n        {changePasswordButton.text}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToHomeButton.ariaLabel}\n          onClick={onClickBackToHome}\n        >\n          {backToHomeButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAeO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AACvB,QAAA,EAAE,SAAS;AACjB,QAAM,uBAAuB;AAE7B,QAAM,EAAE,MAAM,cAAc,aAAa,YACvC,QAAQ,oBAAoB;AAG5B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAO,MAAM,SAAS;AAAA,cACtB,cAAa;AAAA,cACb,UAAQ;AAAA,cACR,QAAM;AAAA,cACN,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,cAC9B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC;AAAA,YACX,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,qBAAqB;AAAA,YAE3B,UAAqB,qBAAA;AAAA,UAAA;AAAA,QACxB;AAAA,QACC,eACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,iBAAiB;AAAA,YACxB,SAAS;AAAA,YAER,UAAiB,iBAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.mjs

@@ -3,7 +3,7 @@ import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
 import { useState, useEffect } from "react";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-CQpKjeW6.js";
 import { getResetPasswordContent } from "./index.content.mjs";
 import { getResetPasswordSchema } from "./ResetPasswordSchema.mjs";
 const ResetPasswordForm = ({

package/dist/components/Auth/SignInForm/SignInForm.mjs

@@ -2,7 +2,7 @@
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-CQpKjeW6.js";
 import { ExternalsLoginButtons } from "../ExternalsLoginButtons/ExternalsLoginButtons.mjs";
 import { getSignInContent } from "./index.content.mjs";
 import { getSignInSchema } from "./SignInSchema.mjs";

package/dist/components/Auth/SignUpForm/SignUpForm.mjs

@@ -2,7 +2,7 @@
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-CQpKjeW6.js";
 import { getSignUpContent } from "./index.content.mjs";
 import { getSignUpSchema } from "./SignUpSchema.mjs";
 const SignUpForm = ({

package/dist/components/Button/Button.d.ts

@@ -4,8 +4,8 @@ import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
     variant?: "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | null | undefined;
-    color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "custom" | null | undefined;
-    textAlign?: "left" | "center" | "right" | null | undefined;
+    color?: "text" | "error" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom" | null | undefined;
+    textAlign?: "left" | "right" | "center" | null | undefined;
     isFullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof buttonVariants> & {