@intlayer/design-system 4.1.7 → 4.1.8

package/dist/Form-OK9zfg6E.js

@@ -1,321 +0,0 @@
-"use client";
-import { Button } from "./components/Button/Button.mjs";
-import { j as jsxRuntimeExports } from "./jsx-runtime-DaNGiM0W.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 { AutoSizedTextArea } from "./components/TextArea/AutoSizeTextArea.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: [
-  (description || label) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 leading-none", children: [
-    label && /* @__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 AutoSizedTextAreaElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  FormElement,
-  {
-    Element: AutoSizedTextArea,
-    id: props.name,
-    "data-testid": props.name,
-    ...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.AutoSizedTextArea = AutoSizedTextAreaElement;
-Form.Button = Button;
-Form.Select = SelectElement;
-Form.MultiSelect = MultiSelectElement;
-Form.EditableFieldInput = EditableFieldInputElement;
-Form.EditableFieldTextArea = EditableFieldTextAreaElement;
-Form.SwitchSelector = SwitchSelectorElement;
-export {
-  AutoSizedTextAreaElement as A,
-  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-OK9zfg6E.js.map

package/dist/Form-OK9zfg6E.js.map

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

package/dist/components/ContentEditor/ContentEditorCode.cjs

@@ -1,78 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
-const lucideReact = require("lucide-react");
-const require$$0 = require("react");
-const components_Button_Button = require("../Button/Button.cjs");
-const components_IDE_CodeBlock = require("../IDE/CodeBlock.cjs");
-const ContentEditorCode = ({
-  children,
-  onContentChange,
-  disabled,
-  validate,
-  ...props
-}) => {
-  const [newValue, setNewValue] = require$$0.useState(children);
-  const [resetIncrementor, setResetIncrementor] = require$$0.useState(0);
-  const isEdited = newValue !== children;
-  const handleCancel = () => {
-    setNewValue(children);
-    setResetIncrementor((prev) => prev + 1);
-  };
-  const handleValid = () => {
-    onContentChange(newValue);
-  };
-  require$$0.useEffect(() => {
-    setNewValue(children);
-  }, [children]);
-  const isValid = validate?.(newValue) ?? true;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: "flex size-full flex-col items-center justify-between gap-2 p-2",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          components_IDE_CodeBlock.CodeBlock,
-          {
-            isEditable: true,
-            onChange: (value) => setNewValue(value),
-            ...props,
-            children
-          },
-          resetIncrementor
-        ),
-        isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Button_Button.Button,
-            {
-              Icon: lucideReact.Check,
-              label: "Validate",
-              variant: "hoverable",
-              color: "text",
-              size: "icon-sm",
-              className: "cursor-pointer hover:scale-110",
-              disabled: disabled || !isValid,
-              onClick: handleValid
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Button_Button.Button,
-            {
-              Icon: lucideReact.X,
-              label: "Cancel",
-              variant: "hoverable",
-              size: "icon-sm",
-              color: "text",
-              className: "cursor-pointer hover:scale-110",
-              onClick: handleCancel
-            }
-          )
-        ] })
-      ]
-    },
-    children
-  );
-};
-exports.ContentEditorCode = ContentEditorCode;
-//# sourceMappingURL=ContentEditorCode.cjs.map

package/dist/components/ContentEditor/ContentEditorCode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditorCode.cjs","sources":["../../../src/components/ContentEditor/ContentEditorCode.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, useEffect, memo } from 'react';\nimport { Button } from '../Button';\nimport { CodeBlock, type CodeBlockProps } from '../IDE/CodeBlock';\n\nexport type ContentEditorCodeProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  isDarkMode?: boolean;\n} & Omit<CodeBlockProps, 'children'>;\n\nexport const ContentEditorCode: FC<ContentEditorCodeProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2 p-2\"\n      key={children}\n    >\n      <CodeBlock\n        isEditable={true}\n        onChange={(value) => setNewValue(value)}\n        key={resetIncrementor}\n        {...props}\n      >\n        {children}\n      </CodeBlock>\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Button\n            Icon={Check}\n            label=\"Validate\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            className=\"cursor-pointer hover:scale-110\"\n            disabled={disabled || !isValid}\n            onClick={handleValid}\n          />\n          <Button\n            Icon={X}\n            label=\"Cancel\"\n            variant=\"hoverable\"\n            size=\"icon-sm\"\n            color=\"text\"\n            className=\"cursor-pointer hover:scale-110\"\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","CodeBlock","Button","Check","X"],"mappings":";;;;;;;;AAeO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,WAAAA,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,WAAAA,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEAC,aAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAACC,yBAAA;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,UAAU,CAAC,UAAU,YAAY,KAAK;AAAA,YAErC,GAAG;AAAA,YAEH;AAAA,UAAA;AAAA,UAHI;AAAA,QAIP;AAAA,QACC,YACCF,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,2BAAA,kBAAA;AAAA,YAACE,yBAAA;AAAA,YAAA;AAAA,cACC,MAAMC,YAAA;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAU,YAAY,CAAC;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAH,2BAAA,kBAAA;AAAA,YAACE,yBAAA;AAAA,YAAA;AAAA,cACC,MAAME,YAAA;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IA/BG;AAAA,EAiCP;AAEJ;;"}

package/dist/components/ContentEditor/ContentEditorCode.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { CodeBlockProps } from '../IDE/CodeBlock';
-export type ContentEditorCodeProps = {
-    children: string;
-    onContentChange: (content: string) => void;
-    disabled?: boolean;
-    validate?: (content: string) => boolean;
-    isDarkMode?: boolean;
-} & Omit<CodeBlockProps, 'children'>;
-export declare const ContentEditorCode: FC<ContentEditorCodeProps>;
-//# sourceMappingURL=ContentEditorCode.d.ts.map

package/dist/components/ContentEditor/ContentEditorCode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditorCode.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorCode.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAErC,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+DxD,CAAC"}

package/dist/components/ContentEditor/ContentEditorCode.mjs

@@ -1,78 +0,0 @@
-"use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
-import { Check, X } from "lucide-react";
-import { useState, useEffect } from "react";
-import { Button } from "../Button/Button.mjs";
-import { CodeBlock } from "../IDE/CodeBlock.mjs";
-const ContentEditorCode = ({
-  children,
-  onContentChange,
-  disabled,
-  validate,
-  ...props
-}) => {
-  const [newValue, setNewValue] = useState(children);
-  const [resetIncrementor, setResetIncrementor] = useState(0);
-  const isEdited = newValue !== children;
-  const handleCancel = () => {
-    setNewValue(children);
-    setResetIncrementor((prev) => prev + 1);
-  };
-  const handleValid = () => {
-    onContentChange(newValue);
-  };
-  useEffect(() => {
-    setNewValue(children);
-  }, [children]);
-  const isValid = validate?.(newValue) ?? true;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: "flex size-full flex-col items-center justify-between gap-2 p-2",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          CodeBlock,
-          {
-            isEditable: true,
-            onChange: (value) => setNewValue(value),
-            ...props,
-            children
-          },
-          resetIncrementor
-        ),
-        isEdited && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              Icon: Check,
-              label: "Validate",
-              variant: "hoverable",
-              color: "text",
-              size: "icon-sm",
-              className: "cursor-pointer hover:scale-110",
-              disabled: disabled || !isValid,
-              onClick: handleValid
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              Icon: X,
-              label: "Cancel",
-              variant: "hoverable",
-              size: "icon-sm",
-              color: "text",
-              className: "cursor-pointer hover:scale-110",
-              onClick: handleCancel
-            }
-          )
-        ] })
-      ]
-    },
-    children
-  );
-};
-export {
-  ContentEditorCode
-};
-//# sourceMappingURL=ContentEditorCode.mjs.map

package/dist/components/ContentEditor/ContentEditorCode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditorCode.mjs","sources":["../../../src/components/ContentEditor/ContentEditorCode.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, useEffect, memo } from 'react';\nimport { Button } from '../Button';\nimport { CodeBlock, type CodeBlockProps } from '../IDE/CodeBlock';\n\nexport type ContentEditorCodeProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  isDarkMode?: boolean;\n} & Omit<CodeBlockProps, 'children'>;\n\nexport const ContentEditorCode: FC<ContentEditorCodeProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2 p-2\"\n      key={children}\n    >\n      <CodeBlock\n        isEditable={true}\n        onChange={(value) => setNewValue(value)}\n        key={resetIncrementor}\n        {...props}\n      >\n        {children}\n      </CodeBlock>\n      {isEdited && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Button\n            Icon={Check}\n            label=\"Validate\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            className=\"cursor-pointer hover:scale-110\"\n            disabled={disabled || !isValid}\n            onClick={handleValid}\n          />\n          <Button\n            Icon={X}\n            label=\"Cancel\"\n            variant=\"hoverable\"\n            size=\"icon-sm\"\n            color=\"text\"\n            className=\"cursor-pointer hover:scale-110\"\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAeO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,UAAU,CAAC,UAAU,YAAY,KAAK;AAAA,YAErC,GAAG;AAAA,YAEH;AAAA,UAAA;AAAA,UAHI;AAAA,QAIP;AAAA,QACC,YACCD,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAU,YAAY,CAAC;AAAA,cACvB,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IA/BG;AAAA,EAiCP;AAEJ;"}