@intlayer/design-system 3.0.3 → 3.2.0

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs

@@ -13,13 +13,13 @@ import "@intlayer/core";
 import "clsx";
 import "tailwind-merge";
 import "../../Button/Button.mjs";
-import "../../TextArea/AutoSizeTextArea.mjs";
-import "../../TextArea/TextArea.mjs";
+import "../../EditableField/EditableFieldInput.mjs";
+import "../../EditableField/EditableFieldTextArea.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-Cbu7ff1e.js";
-import "../../Toaster/Toast.mjs";
-import { useToast } from "../../Toaster/useToast.mjs";
+import { F as Form } from "../../../Form-DyFBmVya.js";
+import "../../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
+import "zod";
 import { saveDictionaryContent } from "./saveForm.content.mjs";
 import { getSaveFormSchema } from "./SaveFormSchema.mjs";
 const SaveForm = ({ dictionary }) => {
@@ -32,11 +32,10 @@ const SaveForm = ({ dictionary }) => {
       restoreEditedContent: s.restoreEditedContent
     })
   );
-  const { form, isSubmitting } = useForm(SaveFormSchema, {
-    defaultValues: dictionary
-  });
-  const { updateOrganizationToasts, resetButton, saveButton, publishButton } = useDictionary(saveDictionaryContent);
-  const { toast } = useToast();
+  const { form, isSubmitting } = useForm(SaveFormSchema);
+  const { resetButton, saveButton, publishButton } = useDictionary(
+    saveDictionaryContent
+  );
   const editedDictionary = useMemo(
     () => editedContent[dictionary.key],
     [editedContent, dictionary.key]
@@ -58,30 +57,17 @@ const SaveForm = ({ dictionary }) => {
         ...dictionary,
         ...editedContent[dictionary.key]
       }
-    ]).then(() => {
-      toast({
-        title: updateOrganizationToasts.updated.title.value,
-        description: updateOrganizationToasts.updated.description,
-        variant: "success"
-      });
-    }).catch((error) => {
-      toast({
-        title: updateOrganizationToasts.failed.title.value,
-        description: error.message,
-        variant: "error"
-      });
-    });
+    ]);
   };
-  if (!isEdited) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Form,
     {
-      className: "flex size-full h-full flex-1 flex-row gap-3",
+      className: "flex w-full flex-1 flex-row justify-end gap-3",
       ...form,
       schema: SaveFormSchema,
       onSubmitSuccess,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Form.Button,
           {
             type: "button",
@@ -105,9 +91,9 @@ const SaveForm = ({ dictionary }) => {
             Icon: ArrowUpFromLine,
             color: "text",
             isLoading: isSubmitting,
-            children: saveButton.text
+            children: publishButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) : isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Form.Button,
           {
             type: "submit",

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { useToast } from '../../Toaster';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary }) => {\n  const { pushDictionaries } = usePushDictionaries();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema, {\n    defaultValues: dictionary,\n  });\n  const { updateOrganizationToasts, resetButton, saveButton, publishButton } =\n    useDictionary(saveDictionaryContent);\n  const { toast } = useToast();\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(onlineDictionary?.content),\n    [onlineDictionary, editedDictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ])\n      .then(() => {\n        toast({\n          title: updateOrganizationToasts.updated.title.value,\n          description: updateOrganizationToasts.updated.description,\n          variant: 'success',\n        });\n      })\n      .catch((error) => {\n        toast({\n          title: updateOrganizationToasts.failed.title.value,\n          description: error.message,\n          variant: 'error',\n        });\n      });\n  };\n\n  if (!isEdited) return <></>;\n\n  return (\n    <Form\n      className=\"flex size-full h-full flex-1 flex-row gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={resetButton.label.value}\n        disabled={!isEdited || isSubmitting}\n        className=\"ml-auto\"\n        Icon={RotateCcw}\n        variant=\"outline\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        onClick={() => restoreEditedContent(dictionary.key)}\n      >\n        {resetButton.text}\n      </Form.Button>\n      {isLocalDictionary ? (\n        <Form.Button\n          type=\"submit\"\n          label={publishButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={saveButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={Save}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,WAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,qBAAqB;AAC7B,QAAM,iBAAiB;AACjB,QAAA,EAAE,WAAW;AAEb,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEF,QAAM,EAAE,MAAM,iBAAiB,QAAQ,gBAAgB;AAAA,IACrD,eAAe;AAAA,EAAA,CAChB;AACD,QAAM,EAAE,0BAA0B,aAAa,YAAY,kBACzD,cAAc,qBAAqB;AAC/B,QAAA,EAAE,UAAU;AAElB,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAG1B,QAAA,mBAAmB,QAAQ,MAAM;AAC9B,WAAA,SAAS,WAAW,GAAG;AAAA,EAC7B,GAAA,CAAC,QAAQ,WAAW,GAAG,CAAC;AAE3B,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,kBAAkB,OAAO;AAAA,IAC5C,CAAC,kBAAkB,gBAAgB;AAAA,EAAA;AAGrC,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD,EACE,KAAK,MAAM;AACJ,YAAA;AAAA,QACJ,OAAO,yBAAyB,QAAQ,MAAM;AAAA,QAC9C,aAAa,yBAAyB,QAAQ;AAAA,QAC9C,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF,EACA,MAAM,CAAC,UAAU;AACV,YAAA;AAAA,QACJ,OAAO,yBAAyB,OAAO,MAAM;AAAA,QAC7C,aAAa,MAAM;AAAA,QACnB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF;AAAA,EAAA;AAGD,MAAA,CAAC,SAAU,QAASA,kCAAA,IAAAC,kBAAA,UAAA,CAAA,CAAA;AAGtB,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAAAF,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QACC,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA,IAGdA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"SaveForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary }) => {\n  const { pushDictionaries } = usePushDictionaries();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    saveDictionaryContent\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(onlineDictionary?.content),\n    [onlineDictionary, editedDictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  };\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          className=\"ml-auto\"\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          isLoading={isSubmitting}\n          onClick={() => restoreEditedContent(dictionary.key)}\n        >\n          {resetButton.text}\n        </Form.Button>\n      )}\n      {isLocalDictionary ? (\n        <Form.Button\n          type=\"submit\"\n          label={publishButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {publishButton.text}\n        </Form.Button>\n      ) : (\n        isEdited && (\n          <Form.Button\n            type=\"submit\"\n            label={saveButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={Save}\n            color=\"text\"\n            isLoading={isSubmitting}\n          >\n            {saveButton.text}\n          </Form.Button>\n        )\n      )}\n    </Form>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,WAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,qBAAqB;AAC7B,QAAM,iBAAiB;AACjB,QAAA,EAAE,WAAW;AAEb,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEF,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ,cAAc;AACrD,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAA;AAAA,IACjD;AAAA,EAAA;AAGF,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAG1B,QAAA,mBAAmB,QAAQ,MAAM;AAC9B,WAAA,SAAS,WAAW,GAAG;AAAA,EAC7B,GAAA,CAAC,QAAQ,WAAW,GAAG,CAAC;AAE3B,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,kBAAkB,OAAO;AAAA,IAC5C,CAAC,kBAAkB,gBAAgB;AAAA,EAAA;AAGrC,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAC,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveFormSchema.d.ts

@@ -1,5 +1,4 @@
 import { z } from 'zod';
-
 export declare const getSaveFormSchema: () => z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
 export type SaveFormData = z.infer<ReturnType<typeof getSaveFormSchema>>;
 //# sourceMappingURL=SaveFormSchema.d.ts.map

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.cjs

@@ -31,35 +31,14 @@ const saveDictionaryContent = {
     publishButton: {
       text: intlayer.t({
         en: "Publish dictionary",
-        fr: "Publier les dictionnaires",
+        fr: "Publier dictionnaire",
         es: "Publicar diccionario"
       }),
       label: intlayer.t({
         en: "Click to publish dictionary",
-        fr: "Cliquez pour publier les dictionnaires",
+        fr: "Cliquez pour publier dictionnaire",
         es: "Haga clic para publicar el diccionario"
       })
-    },
-    updateOrganizationToasts: {
-      updated: {
-        title: intlayer.t({
-          en: "Organization updated",
-          fr: "Organisation mise à jour",
-          es: "Organización actualizada"
-        }),
-        description: intlayer.t({
-          en: "Your organization has been updated successfully",
-          fr: "Votre organisation a été mise à jour avec succès",
-          es: "Su organización se ha actualizado con éxito"
-        })
-      },
-      failed: {
-        title: intlayer.t({
-          en: "Organization update failed",
-          fr: "La mise à jour de l'organisation a échoué",
-          es: "La actualización de la organización ha fallado"
-        })
-      }
     }
   }
 };

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier les dictionnaires',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier les dictionnaires',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateOrganizationToasts: {\n      updated: {\n        title: t({\n          en: 'Organization updated',\n          fr: 'Organisation mise à jour',\n          es: 'Organización actualizada',\n        }),\n        description: t({\n          en: 'Your organization has been updated successfully',\n          fr: 'Votre organisation a été mise à jour avec succès',\n          es: 'Su organización se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Organization update failed',\n          fr: \"La mise à jour de l'organisation a échoué\",\n          es: 'La actualización de la organización ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,0BAA0B;AAAA,MACxB,SAAS;AAAA,QACP,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAaA,SAAAA,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;;"}
+{"version":3,"file":"saveForm.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;;"}

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.d.ts

@@ -13,15 +13,6 @@ export declare const saveDictionaryContent: {
             text: import('@intlayer/core').TranslationContent<string>;
             label: import('@intlayer/core').TranslationContent<string>;
         };
-        updateOrganizationToasts: {
-            updated: {
-                title: import('@intlayer/core').TranslationContent<string>;
-                description: import('@intlayer/core').TranslationContent<string>;
-            };
-            failed: {
-                title: import('@intlayer/core').TranslationContent<string>;
-            };
-        };
     };
 };
 //# sourceMappingURL=saveForm.content.d.ts.map

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;CA6DJ,CAAC"}
+{"version":3,"file":"saveForm.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;CAwCJ,CAAC"}

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.mjs

@@ -29,35 +29,14 @@ const saveDictionaryContent = {
     publishButton: {
       text: t({
         en: "Publish dictionary",
-        fr: "Publier les dictionnaires",
+        fr: "Publier dictionnaire",
         es: "Publicar diccionario"
       }),
       label: t({
         en: "Click to publish dictionary",
-        fr: "Cliquez pour publier les dictionnaires",
+        fr: "Cliquez pour publier dictionnaire",
         es: "Haga clic para publicar el diccionario"
       })
-    },
-    updateOrganizationToasts: {
-      updated: {
-        title: t({
-          en: "Organization updated",
-          fr: "Organisation mise à jour",
-          es: "Organización actualizada"
-        }),
-        description: t({
-          en: "Your organization has been updated successfully",
-          fr: "Votre organisation a été mise à jour avec succès",
-          es: "Su organización se ha actualizado con éxito"
-        })
-      },
-      failed: {
-        title: t({
-          en: "Organization update failed",
-          fr: "La mise à jour de l'organisation a échoué",
-          es: "La actualización de la organización ha fallado"
-        })
-      }
     }
   }
 };

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier les dictionnaires',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier les dictionnaires',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateOrganizationToasts: {\n      updated: {\n        title: t({\n          en: 'Organization updated',\n          fr: 'Organisation mise à jour',\n          es: 'Organización actualizada',\n        }),\n        description: t({\n          en: 'Your organization has been updated successfully',\n          fr: 'Votre organisation a été mise à jour avec succès',\n          es: 'Su organización se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Organization update failed',\n          fr: \"La mise à jour de l'organisation a échoué\",\n          es: 'La actualización de la organización ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,0BAA0B;AAAA,MACxB,SAAS;AAAA,QACP,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAa,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"saveForm.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;"}

package/dist/components/DictionaryFieldEditor/getIsEditableSection.d.ts

@@ -1,4 +1,3 @@
 import { DictionaryValue } from '@intlayer/core';
-
 export declare const getIsEditableSection: (section: DictionaryValue) => boolean;
 //# sourceMappingURL=getIsEditableSection.d.ts.map

package/dist/components/DropDown/index.d.ts

@@ -1,5 +1,4 @@
 import { DropDownType } from './types';
-
 /**
  * Trigger allowing to open a dropdown menu.
  *

package/dist/components/DropDown/types.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, FC } from 'react';
-
 export type DropDownProps = HTMLAttributes<HTMLDivElement> & {
     identifier: string;
 };

package/dist/components/EditableField/EditableFieldInput.cjs

@@ -5,24 +5,31 @@ const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
 const require$$0 = require("react");
 const components_Input_Input = require("../Input/Input.cjs");
 require("../Input/InputPassword.cjs");
+require("../Input/Checkbox.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
-const EditableFieldInput = (props) => {
+const EditableFieldInput = require$$0.forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const inputRef = require$$0.useRef(null);
+  const handleSave = () => {
+    onSave?.(inputRef.current?.value ?? "");
+  };
   const handleCancel = () => {
     if (inputRef.current) {
       inputRef.current.value = inputRef.current.defaultValue ?? "";
     }
-    props.onCancel?.(inputRef.current?.value ?? "");
+    onCancel?.();
   };
+  require$$0.useImperativeHandle(ref, () => inputRef.current);
+  const value = inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     components_EditableField_EditableFieldLayout.EditableFieldLayout,
     {
-      value: inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue,
+      value,
       onCancel: handleCancel,
-      onSave: () => props.onSave?.(inputRef.current?.value ?? ""),
+      onSave: handleSave,
       children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Input_Input.Input, { ref: inputRef, ...props })
     }
   );
-};
+});
+EditableFieldInput.displayName = "EditableFieldInput";
 exports.EditableFieldInput = EditableFieldInput;
 //# sourceMappingURL=EditableFieldInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.cjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: (value: string) => void;\n};\n\nexport const EditableFieldInput: FC<EditableFieldInputProps> = (props) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n\n    props.onCancel?.(inputRef.current?.value ?? '');\n  };\n\n  return (\n    <EditableFieldLayout\n      value={\n        inputRef.current?.value ??\n        inputRef.current?.defaultValue ??\n        (props.value as string) ??\n        props.defaultValue\n      }\n      onCancel={handleCancel}\n      onSave={() => props.onSave?.(inputRef.current?.value ?? '')}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","jsx","EditableFieldLayout","Input"],"mappings":";;;;;;;;AAWa,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,WAAWA,kBAAyB,IAAI;AAE9C,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AAEA,UAAM,WAAW,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAI9C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OACE,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACP,MAAM;AAAA,MAER,UAAU;AAAA,MACV,QAAQ,MAAM,MAAM,SAAS,SAAS,SAAS,SAAS,EAAE;AAAA,MAE1D,UAACD,2BAAA,kBAAA,IAAAE,8BAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;;"}
+{"version":3,"file":"EditableFieldInput.cjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldInput = forwardRef<\n  HTMLInputElement,\n  EditableFieldInputProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(inputRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the input ref to parent components\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const value =\n    inputRef.current?.value ??\n    inputRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldInput.displayName = 'EditableFieldInput';\n"],"names":["forwardRef","useRef","useImperativeHandle","jsx","EditableFieldLayout","Input"],"mappings":";;;;;;;;;AAWa,MAAA,qBAAqBA,sBAGhC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,WAAWC,kBAAyB,IAAI;AAE9C,QAAM,aAAa,MAAM;AAEd,aAAA,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAGxC,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AACW;EAAA;AAIOC,aAAAA,oBAAA,KAAK,MAAM,SAAS,OAAQ;AAE1C,QAAA,QACJ,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACN,MAAM;AAGP,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAACD,2BAAA,kBAAA,IAAAE,8BAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;AAED,mBAAmB,cAAc;;"}

package/dist/components/EditableField/EditableFieldInput.d.ts

@@ -1,10 +1,8 @@
-import { FC } from 'react';
 import { InputProps } from '../Input';
-
 type EditableFieldInputProps = InputProps & {
     onSave?: (value: string) => void;
-    onCancel?: (value: string) => void;
+    onCancel?: () => void;
 };
-export declare const EditableFieldInput: FC<EditableFieldInputProps>;
+export declare const EditableFieldInput: import('react').ForwardRefExoticComponent<Omit<EditableFieldInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=EditableFieldInput.d.ts.map

package/dist/components/EditableField/EditableFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AACxC,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,KAAK,uBAAuB,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyB1D,CAAC"}
+{"version":3,"file":"EditableFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,KAAK,uBAAuB,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mIAoC7B,CAAC"}

package/dist/components/EditableField/EditableFieldInput.mjs

@@ -1,27 +1,34 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
-import { useRef } from "react";
+import { forwardRef, useRef, useImperativeHandle } from "react";
 import { Input } from "../Input/Input.mjs";
 import "../Input/InputPassword.mjs";
+import "../Input/Checkbox.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
-const EditableFieldInput = (props) => {
+const EditableFieldInput = forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const inputRef = useRef(null);
+  const handleSave = () => {
+    onSave?.(inputRef.current?.value ?? "");
+  };
   const handleCancel = () => {
     if (inputRef.current) {
       inputRef.current.value = inputRef.current.defaultValue ?? "";
     }
-    props.onCancel?.(inputRef.current?.value ?? "");
+    onCancel?.();
   };
+  useImperativeHandle(ref, () => inputRef.current);
+  const value = inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EditableFieldLayout,
     {
-      value: inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue,
+      value,
       onCancel: handleCancel,
-      onSave: () => props.onSave?.(inputRef.current?.value ?? ""),
+      onSave: handleSave,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ref: inputRef, ...props })
     }
   );
-};
+});
+EditableFieldInput.displayName = "EditableFieldInput";
 export {
   EditableFieldInput
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.mjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: (value: string) => void;\n};\n\nexport const EditableFieldInput: FC<EditableFieldInputProps> = (props) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n\n    props.onCancel?.(inputRef.current?.value ?? '');\n  };\n\n  return (\n    <EditableFieldLayout\n      value={\n        inputRef.current?.value ??\n        inputRef.current?.defaultValue ??\n        (props.value as string) ??\n        props.defaultValue\n      }\n      onCancel={handleCancel}\n      onSave={() => props.onSave?.(inputRef.current?.value ?? '')}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;AAWa,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AAEA,UAAM,WAAW,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAI9C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OACE,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACP,MAAM;AAAA,MAER,UAAU;AAAA,MACV,QAAQ,MAAM,MAAM,SAAS,SAAS,SAAS,SAAS,EAAE;AAAA,MAE1D,UAACA,kCAAA,IAAA,OAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
+{"version":3,"file":"EditableFieldInput.mjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldInput = forwardRef<\n  HTMLInputElement,\n  EditableFieldInputProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(inputRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the input ref to parent components\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const value =\n    inputRef.current?.value ??\n    inputRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldInput.displayName = 'EditableFieldInput';\n"],"names":["jsx"],"mappings":";;;;;;;AAWa,MAAA,qBAAqB,WAGhC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,aAAa,MAAM;AAEd,aAAA,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAGxC,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AACW;EAAA;AAIO,sBAAA,KAAK,MAAM,SAAS,OAAQ;AAE1C,QAAA,QACJ,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACN,MAAM;AAGP,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAACA,kCAAA,IAAA,OAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;AAED,mBAAmB,cAAc;"}

package/dist/components/EditableField/EditableFieldLayout.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 type EditableFieldLayoutProps = {
     value: string | null | undefined;
     onCancel: () => void;

package/dist/components/EditableField/EditableFieldTextArea.cjs

@@ -6,24 +6,37 @@ const require$$0 = require("react");
 const components_TextArea_AutoSizeTextArea = require("../TextArea/AutoSizeTextArea.cjs");
 require("../TextArea/TextArea.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
-const EditableFieldTextArea = (props) => {
+const EditableFieldTextArea = require$$0.forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const textAreaRef = require$$0.useRef(null);
   const handleSave = () => {
+    onSave?.(textAreaRef.current?.value ?? "");
   };
   const handleCancel = () => {
     if (textAreaRef.current) {
       textAreaRef.current.value = textAreaRef.current.defaultValue ?? "";
     }
+    onCancel?.();
   };
+  require$$0.useImperativeHandle(ref, () => textAreaRef.current);
+  const value = textAreaRef.current?.value ?? textAreaRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     components_EditableField_EditableFieldLayout.EditableFieldLayout,
     {
-      value: textAreaRef.current?.value ?? textAreaRef.current?.defaultValue,
+      value,
       onCancel: handleCancel,
       onSave: handleSave,
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_TextArea_AutoSizeTextArea.AutoSizedTextArea, { className: "leading-6", ref: textAreaRef, ...props })
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        components_TextArea_AutoSizeTextArea.AutoSizedTextArea,
+        {
+          className: "leading-6",
+          ref: textAreaRef,
+          ...props
+        },
+        value
+      )
     }
   );
-};
+});
+EditableFieldTextArea.displayName = "EditableFieldTextArea";
 exports.EditableFieldTextArea = EditableFieldTextArea;
 //# sourceMappingURL=EditableFieldTextArea.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\nexport const EditableFieldTextArea: FC<AutoSizedTextAreaProps> = (props) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {};\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n  };\n\n  return (\n    <EditableFieldLayout\n      value={textAreaRef.current?.value ?? textAreaRef.current?.defaultValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea className=\"leading-6\" ref={textAreaRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;AAMa,MAAA,wBAAoD,CAAC,UAAU;AACpE,QAAA,cAAcA,kBAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAAA,EAAA;AAEzB,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AAAA,EAAA;AAIA,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OAAO,YAAY,SAAS,SAAS,YAAY,SAAS;AAAA,MAC1D,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,2DAACC,qCAAkB,mBAAA,EAAA,WAAU,aAAY,KAAK,aAAc,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;;"}
+{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useRef, useImperativeHandle } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea = forwardRef<\n  HTMLTextAreaElement,\n  EditableFieldTextAreaProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const value =\n    textAreaRef.current?.value ??\n    textAreaRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea\n        key={value}\n        className=\"leading-6\"\n        ref={textAreaRef}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldTextArea.displayName = 'EditableFieldTextArea';\n"],"names":["forwardRef","useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;AAWa,MAAA,wBAAwBA,sBAGnC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,cAAcC,kBAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAAA;AAG3C,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACW;EAAA;AAIOC,aAAAA,oBAAA,KAAK,MAAM,YAAY,OAAQ;AAE7C,QAAA,QACJ,YAAY,SAAS,SACrB,YAAY,SAAS,gBACpB,MAAM,SACN,MAAM;AAGP,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAAD,2BAAA,kBAAA;AAAA,QAACE,qCAAA;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,KAAK;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,QAHC;AAAA,MAIP;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,sBAAsB,cAAc;;"}

package/dist/components/EditableField/EditableFieldTextArea.d.ts

@@ -1,5 +1,8 @@
-import { FC } from 'react';
 import { AutoSizedTextAreaProps } from '../TextArea';
-
-export declare const EditableFieldTextArea: FC<AutoSizedTextAreaProps>;
+type EditableFieldTextAreaProps = AutoSizedTextAreaProps & {
+    onSave?: (value: string) => void;
+    onCancel?: () => void;
+};
+export declare const EditableFieldTextArea: import('react').ForwardRefExoticComponent<Omit<EditableFieldTextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};
 //# sourceMappingURL=EditableFieldTextArea.d.ts.map

package/dist/components/EditableField/EditableFieldTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AACxC,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG7E,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,sBAAsB,CAoB5D,CAAC"}
+{"version":3,"file":"EditableFieldTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG7E,KAAK,0BAA0B,GAAG,sBAAsB,GAAG;IACzD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,yIAyChC,CAAC"}

package/dist/components/EditableField/EditableFieldTextArea.mjs

@@ -1,28 +1,41 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
-import { useRef } from "react";
+import { forwardRef, useRef, useImperativeHandle } from "react";
 import { AutoSizedTextArea } from "../TextArea/AutoSizeTextArea.mjs";
 import "../TextArea/TextArea.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
-const EditableFieldTextArea = (props) => {
+const EditableFieldTextArea = forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const textAreaRef = useRef(null);
   const handleSave = () => {
+    onSave?.(textAreaRef.current?.value ?? "");
   };
   const handleCancel = () => {
     if (textAreaRef.current) {
       textAreaRef.current.value = textAreaRef.current.defaultValue ?? "";
     }
+    onCancel?.();
   };
+  useImperativeHandle(ref, () => textAreaRef.current);
+  const value = textAreaRef.current?.value ?? textAreaRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EditableFieldLayout,
     {
-      value: textAreaRef.current?.value ?? textAreaRef.current?.defaultValue,
+      value,
       onCancel: handleCancel,
       onSave: handleSave,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(AutoSizedTextArea, { className: "leading-6", ref: textAreaRef, ...props })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AutoSizedTextArea,
+        {
+          className: "leading-6",
+          ref: textAreaRef,
+          ...props
+        },
+        value
+      )
     }
   );
-};
+});
+EditableFieldTextArea.displayName = "EditableFieldTextArea";
 export {
   EditableFieldTextArea
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\nexport const EditableFieldTextArea: FC<AutoSizedTextAreaProps> = (props) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {};\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n  };\n\n  return (\n    <EditableFieldLayout\n      value={textAreaRef.current?.value ?? textAreaRef.current?.defaultValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea className=\"leading-6\" ref={textAreaRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;AAMa,MAAA,wBAAoD,CAAC,UAAU;AACpE,QAAA,cAAc,OAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAAA,EAAA;AAEzB,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AAAA,EAAA;AAIA,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,YAAY,SAAS,SAAS,YAAY,SAAS;AAAA,MAC1D,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,gDAAC,mBAAkB,EAAA,WAAU,aAAY,KAAK,aAAc,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
+{"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useRef, useImperativeHandle } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea = forwardRef<\n  HTMLTextAreaElement,\n  EditableFieldTextAreaProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const value =\n    textAreaRef.current?.value ??\n    textAreaRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea\n        key={value}\n        className=\"leading-6\"\n        ref={textAreaRef}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldTextArea.displayName = 'EditableFieldTextArea';\n"],"names":["jsx"],"mappings":";;;;;;AAWa,MAAA,wBAAwB,WAGnC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,cAAc,OAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAAA;AAG3C,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACW;EAAA;AAIO,sBAAA,KAAK,MAAM,YAAY,OAAQ;AAE7C,QAAA,QACJ,YAAY,SAAS,SACrB,YAAY,SAAS,gBACpB,MAAM,SACN,MAAM;AAGP,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,KAAK;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,QAHC;AAAA,MAIP;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,sBAAsB,cAAc;"}

package/dist/components/Flags/Flag.d.ts

@@ -1,6 +1,5 @@
 import { Locales } from '@intlayer/config/client';
 import { FC, ImgHTMLAttributes } from 'react';
-
 type FlagProps = ImgHTMLAttributes<HTMLImageElement> & {
     locale: Locales;
 };

package/dist/components/Footer/index.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 export type FooterLink = {
     href: string;
     text: ReactNode;

package/dist/components/Form/Form.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../Button/Button.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-DERuauvB.cjs");
 require("./FormBase.cjs");
 require("./FormControl.cjs");
 require("./FormDescription.cjs");

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

@@ -1,5 +1,6 @@
 import { Button } from '../Button';
 import { FormElement, InputElement, InputPasswordElement, TextAreaElement } from './elements';
+import { CheckboxElement } from './elements/CheckboxElement';
 import { EditableFieldInputElement } from './elements/EditableFieldInputElement';
 import { EditableFieldTextAreaElement } from './elements/EditableFieldTextAreaElement';
 import { MultiSelectElement } from './elements/MultiselectElement';
@@ -12,7 +13,6 @@ import { FormField } from './FormField';
 import { FormItem } from './FormItem';
 import { FormMessage } from './FormMessage';
 import { FormLabelLayout } from './layout';
-
 type FormType = typeof FormRoot & {
     Description: typeof FormDescription;
     Control: typeof FormControl;
@@ -24,6 +24,7 @@ type FormType = typeof FormRoot & {
     Button: typeof Button;
     Input: typeof InputElement;
     InputPassword: typeof InputPasswordElement;
+    Checkbox: typeof CheckboxElement;
     TextArea: typeof TextAreaElement;
     MultiSelect: typeof MultiSelectElement;
     Select: typeof SelectElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,eAAe,EAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,QAAQ,GAAG,OAAO,QAAQ,GAAG;IAChC,WAAW,EAAE,OAAO,eAAe,CAAC;IACpC,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,aAAa,EAAE,OAAO,oBAAoB,CAAC;IAC3C,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,WAAW,EAAE,OAAO,kBAAkB,CAAC;IACvC,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,kBAAkB,EAAE,OAAO,yBAAyB,CAAC;IACrD,qBAAqB,EAAE,OAAO,4BAA4B,CAAC;IAC3D,cAAc,EAAE,OAAO,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAe,QAAQ,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,eAAe,EAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,QAAQ,GAAG,OAAO,QAAQ,GAAG;IAChC,WAAW,EAAE,OAAO,eAAe,CAAC;IACpC,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,aAAa,EAAE,OAAO,oBAAoB,CAAC;IAC3C,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,eAAe,CAAC;IACjC,WAAW,EAAE,OAAO,kBAAkB,CAAC;IACvC,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,kBAAkB,EAAE,OAAO,yBAAyB,CAAC;IACrD,qBAAqB,EAAE,OAAO,4BAA4B,CAAC;IAC3D,cAAc,EAAE,OAAO,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAe,QAAQ,CAAC"}

package/dist/components/Form/Form.mjs

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