@intlayer/design-system 8.6.3 → 8.6.4

package/dist/esm/components/Accordion/Accordion.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { Button, ButtonColor, ButtonVariant } from "../Button/Button.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
-import { ChevronDown } from "lucide-react";
 import { useId, useState } from "react";
+import { ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.tsx

package/dist/esm/components/Avatar/index.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../utils/cn.mjs";
 import { Loader } from "../Loader/index.mjs";
-import { User } from "lucide-react";
 import { useMemo } from "react";
+import { User } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Avatar/index.tsx

package/dist/esm/components/Breadcrumb/index.mjs

@@ -3,9 +3,9 @@
 import { cn } from "../../utils/cn.mjs";
 import { Button, ButtonVariant } from "../Button/Button.mjs";
 import { Link, LinkColor } from "../Link/Link.mjs";
-import { ChevronRightIcon } from "lucide-react";
 import { Fragment, createElement } from "react";
 import { cva } from "class-variance-authority";
+import { ChevronRightIcon } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { getIntlayer } from "intlayer";
 import { useIntlayer } from "react-intlayer";

package/dist/esm/components/Browser/Browser.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Input, inputVariants } from "../Input/Input.mjs";
-import { ArrowLeft, ArrowRight, RotateCw } from "lucide-react";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
+import { ArrowLeft, ArrowRight, RotateCw } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 

package/dist/esm/components/Carousel/index.mjs

@@ -4,8 +4,8 @@ import { cn } from "../../utils/cn.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { KeyboardShortcut } from "../KeyboardShortcut/KeyboardShortcut.mjs";
 import { Popover } from "../Popover/dynamic.mjs";
-import { ChevronLeft, ChevronRight } from "lucide-react";
 import { Children, createContext, isValidElement, useContext, useEffect, useRef, useState } from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 

package/dist/esm/components/CollapsibleTable/CollapsibleTable.mjs

@@ -2,9 +2,9 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
-import { ChevronRight } from "lucide-react";
 import { useState } from "react";
 import { cva } from "class-variance-authority";
+import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/CollapsibleTable/CollapsibleTable.tsx

package/dist/esm/components/ContentEditor/ContentEditor.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { InputVariant } from "../Input/Input.mjs";
 import { AutoSizedTextArea } from "../TextArea/AutoSizeTextArea.mjs";
-import { Check, X } from "lucide-react";
 import { useState } from "react";
+import { Check, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ContentEditor/ContentEditor.tsx

package/dist/esm/components/ContentEditor/ContentEditorInput.mjs

@@ -2,8 +2,8 @@
 
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { Input, InputVariant } from "../Input/Input.mjs";
-import { Check, X } from "lucide-react";
 import { useEffect, useState } from "react";
+import { Check, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ContentEditor/ContentEditorInput.tsx

package/dist/esm/components/ContentEditor/ContentEditorTextArea.mjs

@@ -1,10 +1,10 @@
 'use client';
 
+import { useUser } from "../../hooks/useUser/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { AutoCompleteTextarea } from "../TextArea/AutocompleteTextArea.mjs";
-import { useUser } from "../../hooks/useUser/index.mjs";
-import { Check, X } from "lucide-react";
 import { useEffect, useState } from "react";
+import { Check, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ContentEditor/ContentEditorTextArea.tsx

package/dist/esm/components/CopyButton/index.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
-import { CopyCheckIcon, CopyIcon } from "lucide-react";
 import { useEffect, useState } from "react";
+import { CopyCheckIcon, CopyIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 

package/dist/esm/components/CopyToClipboard/index.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { CopyCheck, CopyIcon } from "lucide-react";
 import { useState } from "react";
+import { CopyCheck, CopyIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/CopyToClipboard/index.tsx

package/dist/esm/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs

@@ -1,23 +1,23 @@
 'use client';
 
+import { useAuditContentDeclarationField } from "../../../hooks/reactQuery.mjs";
 import { Container } from "../../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { InputVariant } from "../../Input/Input.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../../SwitchSelector/index.mjs";
 import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { ContentEditorInput as ContentEditorInput$1 } from "../../ContentEditor/ContentEditorInput.mjs";
-import { useAuditContentDeclarationField } from "../../../hooks/reactQuery.mjs";
 import { ContentEditorTextArea as ContentEditorTextArea$1 } from "../../ContentEditor/ContentEditorTextArea.mjs";
 import { renameKey } from "./object.mjs";
 import { Label } from "../../Label/index.mjs";
 import { MarkdownRenderer as MarkdownRenderer$1 } from "../../MarkDownRender/MarkDownRender.mjs";
 import { EnumKeyInput } from "../EnumKeyInput.mjs";
-import { Plus, Trash, WandSparkles } from "lucide-react";
 import { Fragment, useState } from "react";
+import { Plus, Trash, WandSparkles } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { useIntlayer, useLocale } from "react-intlayer";
 import { getLocaleName } from "@intlayer/core/localization";
-import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import { ButtonColor } from "../../Button/Button.mjs";
 import { useSession } from "../../../hooks/useAuth/useSession.mjs";
 import { useAddDictionary, useGetProjects } from "../../../hooks/reactQuery.mjs";
+import { ButtonColor } from "../../Button/Button.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs

@@ -1,20 +1,20 @@
 'use client';
 
+import { useSession } from "../../../hooks/useAuth/useSession.mjs";
+import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
 import { Checkbox } from "../../Input/Checkbox.mjs";
-import { useSession } from "../../../hooks/useAuth/useSession.mjs";
-import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { Select } from "../../Select/Select.mjs";
 import { useForm as useForm$1 } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";
 import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
-import { WandSparkles } from "lucide-react";
 import { useEffect } from "react";
+import { WandSparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { AnimatePresence, motion } from "framer-motion";
 import { useWatch } from "react-hook-form";
 

package/dist/esm/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -9,11 +9,11 @@ import { DictionaryDetailsForm } from "./DictionaryDetails/DictionaryDetailsForm
 import { JSONEditor } from "./JSONEditor.mjs";
 import { SaveForm } from "./SaveForm/SaveForm.mjs";
 import { StructureEditor } from "./StructureEditor.mjs";
-import { ArrowLeft } from "lucide-react";
 import { useEffect } from "react";
+import { ArrowLeft } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useConfiguration, useDictionariesRecordActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 
 //#region src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx
 const DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode, mode, onDelete, onSave, showReturnButton = true }) => {

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -1,11 +1,11 @@
 import { Button, ButtonColor, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
-import configuration from "@intlayer/config/built";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
+import { internationalization } from "@intlayer/config/built";
 import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";
@@ -18,7 +18,7 @@ const traceKeys = [
 	"nodeType"
 ];
 const NavigationViewNode = ({ section: sectionProp, keyPath, dictionary }) => {
-	const { locales } = configuration.internationalization;
+	const { locales } = internationalization;
 	const section = getContentNodeByKeyPath(sectionProp, keyPath, useEditorLocale());
 	const { addEditedContent } = useEditedContentActions();
 	const { setFocusedContentKeyPath, focusedContent } = useFocusUnmergedDictionary();

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import { Accordion } from '@components/Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport configuration from '@intlayer/config/built';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useEditedContentActions,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode, Dictionary } from 'intlayer';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { getIsEditableSection } from '../getIsEditableSection';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  dictionary: Dictionary;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionary,\n}) => {\n  const { locales } = configuration.internationalization;\n  const currentLocale = useEditorLocale();\n  const section = getContentNodeByKeyPath(sectionProp, keyPath, currentLocale);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } =\n    useFocusUnmergedDictionary();\n  const { addNewElement, goToField } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.TRANSLATION, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (\n      nodeType === NodeTypes.ENUMERATION ||\n      nodeType === NodeTypes.CONDITION\n    ) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.ARRAY, key: index },\n            ];\n\n            const isEditableSubSection = getIsEditableSection(subSection);\n\n            if (isEditableSubSection) {\n              return (\n                <Button\n                  key={JSON.stringify(childKeyPath)}\n                  label={`${goToField.label.value} ${index}`}\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  className=\"w-full\"\n                  onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                  IconRight={ChevronRight}\n                  isActive={getIsSelected(childKeyPath)}\n                >\n                  Item {index}\n                </Button>\n              );\n            }\n\n            return (\n              <Accordion\n                key={JSON.stringify(childKeyPath)}\n                label={`${goToField.label.value} ${index}`}\n                header={`Item ${index}`}\n                isActive={getIsSelected(childKeyPath)}\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              >\n                <div className=\"mt-2 flex w-full max-w-full\">\n                  <div className=\"flex-1 pl-10\">\n                    <NavigationViewNode\n                      keyPath={childKeyPath}\n                      section={sectionProp}\n                      dictionary={dictionary}\n                    />\n                  </div>\n                </div>\n              </Accordion>\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant={ButtonVariant.HOVERABLE}\n            color={ButtonColor.NEUTRAL}\n            textAlign={ButtonTextAlign.LEFT}\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeTypes.ARRAY,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionary.localId as LocalDictionaryId,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionary={dictionary}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionary={dictionary}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NavigationViewNode.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import { Accordion } from '@components/Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport { internationalization } from '@intlayer/config/built';\nimport { camelCaseToSentence } from '@intlayer/config/client';\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport {\n  useEditedContentActions,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { ContentNode, Dictionary } from 'intlayer';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { getIsEditableSection } from '../getIsEditableSection';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  dictionary: Dictionary;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionary,\n}) => {\n  const { locales } = internationalization;\n\n  const currentLocale = useEditorLocale();\n  const section = getContentNodeByKeyPath(sectionProp, keyPath, currentLocale);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } =\n    useFocusUnmergedDictionary();\n  const { addNewElement, goToField } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.TRANSLATION, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (\n      nodeType === NodeTypes.ENUMERATION ||\n      nodeType === NodeTypes.CONDITION\n    ) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionary={dictionary}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.ARRAY, key: index },\n            ];\n\n            const isEditableSubSection = getIsEditableSection(subSection);\n\n            if (isEditableSubSection) {\n              return (\n                <Button\n                  key={JSON.stringify(childKeyPath)}\n                  label={`${goToField.label.value} ${index}`}\n                  variant={ButtonVariant.HOVERABLE}\n                  color={ButtonColor.TEXT}\n                  className=\"w-full\"\n                  onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                  IconRight={ChevronRight}\n                  isActive={getIsSelected(childKeyPath)}\n                >\n                  Item {index}\n                </Button>\n              );\n            }\n\n            return (\n              <Accordion\n                key={JSON.stringify(childKeyPath)}\n                label={`${goToField.label.value} ${index}`}\n                header={`Item ${index}`}\n                isActive={getIsSelected(childKeyPath)}\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              >\n                <div className=\"mt-2 flex w-full max-w-full\">\n                  <div className=\"flex-1 pl-10\">\n                    <NavigationViewNode\n                      keyPath={childKeyPath}\n                      section={sectionProp}\n                      dictionary={dictionary}\n                    />\n                  </div>\n                </div>\n              </Accordion>\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant={ButtonVariant.HOVERABLE}\n            color={ButtonColor.NEUTRAL}\n            textAlign={ButtonTextAlign.LEFT}\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeTypes.ARRAY,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionary.localId as LocalDictionaryId,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionary={dictionary}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeTypes.OBJECT, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionary={dictionary}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
 import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
 import { useDeleteDictionary, usePushDictionaries, useWriteDictionary } from "../../../hooks/reactQuery.mjs";
+import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
 import { Modal, ModalSize } from "../../Modal/Modal.mjs";
 import { Form } from "../../Form/Form.mjs";
-import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
 import { useState } from "react";
+import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 
 //#region src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx
 const SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) => {

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -7,8 +7,8 @@ import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
 import { Plus, Trash } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getDefaultNode, getNodeChildren, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";

package/dist/esm/components/EditableField/EditableFieldLayout.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
-import { Check, Pencil, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { Check, Pencil, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/EditableField/EditableFieldLayout.tsx

package/dist/esm/components/Form/elements/OTPElement.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
 import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
+import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
 import { useFormField } from "../FormField.mjs";
 import { FormItemLayout } from "../layout/FormItemLayout.mjs";
 import { Form } from "../Form.mjs";

package/dist/esm/components/HideShow/index.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Eye, EyeOff } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
+import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/HideShow/index.tsx

package/dist/esm/components/IDE/FileTree.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { createFileTree } from "./createFileTree.mjs";
-import { ChevronRight } from "lucide-react";
 import { useState } from "react";
+import { ChevronRight } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/IDE/FileTree.tsx

package/dist/esm/components/Input/InputPassword.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { Input } from "./Input.mjs";
-import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { useState } from "react";
+import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Input/InputPassword.tsx

package/dist/esm/components/Input/OTPInput.mjs

@@ -2,9 +2,9 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
-import { MinusIcon } from "lucide-react";
 import { createContext, useContext, useEffect, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
+import { MinusIcon } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Input/OTPInput.tsx

package/dist/esm/components/Link/Link.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../utils/cn.mjs";
-import { ExternalLink, MoveRight } from "lucide-react";
 import { isValidElement } from "react";
 import { cva } from "class-variance-authority";
+import { ExternalLink, MoveRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getLocalizedUrl } from "@intlayer/core/localization";
 

package/dist/esm/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -1,14 +1,14 @@
 'use client';
 
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant } from "../Button/Button.mjs";
 import { Input } from "../Input/Input.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../SwitchSelector/index.mjs";
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
-import { Check, Globe, MoveVertical } from "lucide-react";
 import { useMemo, useRef, useState } from "react";
+import { Check, Globe, MoveVertical } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer, useLocale } from "react-intlayer";
 import { getHTMLTextDir, getLocaleName } from "@intlayer/core/localization";

package/dist/esm/components/LocaleSwitcherDropDown/LocaleSwitcher.mjs

@@ -4,8 +4,8 @@ import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonTextAlign, ButtonVariant } from "../Button/Button.mjs";
 import { Input } from "../Input/Input.mjs";
 import { DropDown } from "../DropDown/index.mjs";
-import { MoveVertical } from "lucide-react";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { MoveVertical } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 import { getHTMLTextDir, getLocaleName } from "@intlayer/core/localization";

package/dist/esm/components/Modal/Modal.mjs

@@ -1,14 +1,14 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { H3 } from "../Headers/index.mjs";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
-import { X } from "lucide-react";
 import { useEffect } from "react";
 import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { createPortal } from "react-dom";

package/dist/esm/components/Navbar/MobileNavbar.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
+import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { Burger } from "./Burger.mjs";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components/Pagination/Pagination.mjs

@@ -1,11 +1,11 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { useItemSelector } from "../../hooks/useItemSelector.mjs";
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Pagination/Pagination.tsx

package/dist/esm/components/RightDrawer/RightDrawer.mjs

@@ -1,17 +1,17 @@
 'use client';
 
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
-import { useDevice } from "../../hooks/useDevice.mjs";
 import { KeyboardShortcut } from "../KeyboardShortcut/KeyboardShortcut.mjs";
 import { Popover } from "../Popover/dynamic.mjs";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
 import { isElementAtTopAndNotCovered } from "./isElementAtTopAndNotCovered.mjs";
 import { useRightDrawer } from "./useRightDrawer.mjs";
-import { ChevronLeft, X } from "lucide-react";
 import { useEffect, useRef } from "react";
+import { ChevronLeft, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 import { createPortal } from "react-dom";

package/dist/esm/components/Select/Multiselect.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { Badge, BadgeColor } from "../Badge/index.mjs";
 import { Command, CommandRoot } from "../Command/index.mjs";
-import { Check, X } from "lucide-react";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Check, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Select/Multiselect.tsx

package/dist/esm/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs

@@ -4,8 +4,8 @@ import { Container } from "../Container/index.mjs";
 import { Button, ButtonVariant } from "../Button/Button.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Modes } from "./types.mjs";
-import { CircleDashed, Moon, Sun } from "lucide-react";
 import { useState } from "react";
+import { CircleDashed, Moon, Sun } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx

package/dist/esm/components/ThemeSwitcherDropDown/MobileThemeSwitcher.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../utils/cn.mjs";
 import { Modes } from "./types.mjs";
-import { CircleDashed, Moon, Sun } from "lucide-react";
 import { useState } from "react";
+import { CircleDashed, Moon, Sun } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx

package/dist/esm/components/Toaster/Toast.mjs

@@ -1,10 +1,10 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { X } from "lucide-react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import * as ToastPrimitives from "@radix-ui/react-toast";
 
 //#region src/components/Toaster/Toast.tsx
 const ToastProvider = ToastPrimitives;

package/dist/esm/components/index.mjs

@@ -1,3 +1,6 @@
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./Toaster/Toast.mjs";
+import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
+import { Toaster } from "./Toaster/Toaster.mjs";
 import { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants } from "./Container/index.mjs";
 import { Loader } from "./Loader/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant, buttonVariants } from "./Button/Button.mjs";
@@ -106,8 +109,5 @@ import { Terminal } from "./Terminal/Terminal.mjs";
 import { Modes } from "./ThemeSwitcherDropDown/types.mjs";
 import { DesktopThemeSwitcher } from "./ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs";
 import { MobileThemeSwitcher } from "./ThemeSwitcherDropDown/MobileThemeSwitcher.mjs";
-import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./Toaster/Toast.mjs";
-import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
-import { Toaster } from "./Toaster/Toaster.mjs";
 
 export { Accordion, AutoCompleteTextarea, AutoSizedTextArea, Avatar, Badge, BadgeColor, BadgeSize, BadgeVariant, BitbucketLogo, Breadcrumb, Browser, Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxSize, ClickOutsideDiv, Code, CodeBlock, CodeDefault, CollapsibleTable, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, DesktopThemeSwitcher, Detail, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, FacebookLogo, FileList, Flag, flags_exports as Flags, Footer, Form, GitHubLogo, GitLabLogo, GoogleLogo, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeightResizer, HideShow, IDE, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, Label, LanguageBackground, LanguageSection, Link, LinkColor, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProvider, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, OTPInput, OTPInputContext, Pagination, PaginationSize, PaginationVariant, Popover, PopoverStatic, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorColor, SwitchSelectorSize, Tab, TabSelector, TabSelectorColor, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TechLogo, TechLogoName, techLogos_exports as TechLogos, Terminal, TextArea, TextEditor, TextEditorContainer, TiktokLogo, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, VersionSwitcher, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };

package/dist/esm/hooks/index.mjs

@@ -1,22 +1,22 @@
-import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
-import { useItemSelector } from "./useItemSelector.mjs";
+import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useScrollY } from "./useScrollY.mjs";
 import { usePersistedStore } from "./usePersistedStore.mjs";
+import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
+import { useItemSelector } from "./useItemSelector.mjs";
+import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
 import { useOAuth2 } from "./useAuth/useOAuth2.mjs";
 import { useSession } from "./useAuth/useSession.mjs";
 import { useAuth } from "./useAuth/useAuth.mjs";
 import { useIntlayerAuth, useIntlayerOAuth } from "./useIntlayerAPI.mjs";
 import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAppQuery, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAutocomplete, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeletePasskey, useDeleteProject, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDisableTwoFactor, useEnableTwoFactor, useGetCIConfig, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPricing, useGetProjects, useGetRecursiveAuditStatus, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useInfiniteGetDictionaries, useListPasskeys, useListSSOProviders, useLogin, useLogout, usePushCIConfig, usePushDictionaries, useQueryClient, useRefreshAccessKey, useRegister, useRegisterSSO, useResetPassword, useSearchDoc, useSelectOrganization, useSelectProject, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useSubmitShowcaseProject, useSubscribeToNewsletter, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary } from "./reactQuery.mjs";
-import { useUser } from "./useUser/index.mjs";
-import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
+import { useSearch } from "./useSearch.mjs";
+import { useIsMounted } from "./useIsMounted.mjs";
 import { useGetElementById } from "./useGetElementById.mjs";
-import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
 import { useIsDarkMode } from "./useIsDarkMode.mjs";
-import { useIsMounted } from "./useIsMounted.mjs";
-import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
 import { useScreenWidth } from "./useScreenWidth.mjs";
 import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
 import { useScrollDetection } from "./useScrollDetection.mjs";
-import { useScrollY } from "./useScrollY.mjs";
-import { useSearch } from "./useSearch.mjs";
+import { useUser } from "./useUser/index.mjs";
 
 export { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAppQuery, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeletePasskey, useDeleteProject, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDevice, useDisableTwoFactor, useEnableTwoFactor, useGetCIConfig, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetElementById, useGetElementOrWindow, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPricing, useGetProjects, useGetRecursiveAuditStatus, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useHorizontalSwipe, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIsDarkMode, useIsMounted, useItemSelector, useKeyboardDetector, useListPasskeys, useListSSOProviders, useLogin, useLogout, useOAuth2, usePersistedStore, usePushCIConfig, usePushDictionaries, useQueryClient, useRefreshAccessKey, useRegister, useRegisterSSO, useResetPassword, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch, useSearchDoc, useSelectOrganization, useSelectProject, useSession, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useSubmitShowcaseProject, useSubscribeToNewsletter, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUser, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };

package/dist/esm/hooks/reactQuery.mjs

@@ -2,8 +2,8 @@
 
 import { useAuth } from "./useAuth/useAuth.mjs";
 import { useIntlayerAuth, useIntlayerOAuth } from "./useIntlayerAPI.mjs";
-import { useConfiguration } from "@intlayer/editor-react";
 import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useConfiguration } from "@intlayer/editor-react";
 
 //#region src/hooks/reactQuery.ts
 /**

package/dist/esm/hooks/useAuth/useOAuth2.mjs

@@ -1,8 +1,8 @@
 'use client';
 
+import { useQuery } from "@tanstack/react-query";
 import configuration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
-import { useQuery } from "@tanstack/react-query";
 import { getOAuthAPI } from "@intlayer/api";
 
 //#region src/hooks/useAuth/useOAuth2.ts

package/dist/esm/hooks/useAuth/useOAuth2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getOAuthAPI } from '@intlayer/api';\nimport defaultConfiguration from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getOAuthAPI(config);\n\n  const { data } = useQuery({\n    queryKey: ['oAuth2AccessToken'],\n    queryFn: intlayerAPI.getOAuth2AccessToken,\n    enabled: !!(config.editor.clientId && config.editor.clientSecret),\n    staleTime: 0,\n    gcTime: 0,\n    refetchOnWindowFocus: false,\n    refetchOnMount: false,\n    refetchOnReconnect: false,\n    refetchInterval: false,\n    refetchIntervalInBackground: false,\n  });\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,aAAa,0BAA2C;CACnE,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAS,yBAAyBA,mBAAiBC;CAGzD,MAAM,EAAE,SAAS,SAAS;EACxB,UAAU,CAAC,oBAAoB;EAC/B,SAJkB,YAAY,OAAO,CAIhB;EACrB,SAAS,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;EACpD,WAAW;EACX,QAAQ;EACR,sBAAsB;EACtB,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;EACjB,6BAA6B;EAC9B,CAAC;AAIF,QAAO,EACL,mBAHwB,MAAM,MAI/B"}
+{"version":3,"file":"useOAuth2.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getOAuthAPI } from '@intlayer/api';\nimport { default as defaultConfiguration } from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getOAuthAPI(config);\n\n  const { data } = useQuery({\n    queryKey: ['oAuth2AccessToken'],\n    queryFn: intlayerAPI.getOAuth2AccessToken,\n    enabled: !!(config.editor.clientId && config.editor.clientSecret),\n    staleTime: 0,\n    gcTime: 0,\n    refetchOnWindowFocus: false,\n    refetchOnMount: false,\n    refetchOnReconnect: false,\n    refetchInterval: false,\n    refetchIntervalInBackground: false,\n  });\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,aAAa,0BAA2C;CACnE,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAS,yBAAyBA,mBAAiBC;CAGzD,MAAM,EAAE,SAAS,SAAS;EACxB,UAAU,CAAC,oBAAoB;EAC/B,SAJkB,YAAY,OAAO,CAIhB;EACrB,SAAS,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;EACpD,WAAW;EACX,QAAQ;EACR,sBAAsB;EACtB,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;EACjB,6BAA6B;EAC9B,CAAC;AAIF,QAAO,EACL,mBAHwB,MAAM,MAI/B"}

package/dist/esm/hooks/useAuth/useSession.mjs

@@ -2,9 +2,9 @@
 
 import { getAuthAPI } from "../../libs/auth.mjs";
 import { useQueryClient } from "../reactQuery.mjs";
+import { useQuery } from "@tanstack/react-query";
 import configuration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
-import { useQuery } from "@tanstack/react-query";
 
 //#region src/hooks/useAuth/useSession.ts
 const useSession = (sessionProp, intlayerConfiguration) => {

package/dist/esm/hooks/useAuth/useSession.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useQueryClient } from '@hooks/reactQuery';\nimport type { SessionAPI } from '@intlayer/backend';\nimport defaultConfiguration from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { getAuthAPI } from '@libs/auth';\nimport { useQuery } from '@tanstack/react-query';\n\nexport type UseSessionResult = {\n  /** The current session: `undefined` while loading, `null` if fetched and no session, otherwise the session. */\n  session: SessionAPI | null | undefined;\n  /** Refetches the session and returns it (undefined while loading). */\n  fetchSession: () => Promise<SessionAPI | null | undefined>;\n  /** Alias of `fetchSession` for ergonomics. */\n  revalidateSession: () => Promise<SessionAPI | null | undefined>;\n  /** Manually set the session cache. */\n  setSession: (nextSession: SessionAPI | null) => void;\n};\n\nexport const useSession = (\n  sessionProp?: SessionAPI | null,\n  intlayerConfiguration?: IntlayerConfig\n): UseSessionResult => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n\n  const queryClient = useQueryClient();\n\n  // Keep TanStack generics internal so they don't leak into the d.ts\n  const { data, isFetched, refetch } = useQuery({\n    queryKey: ['session'],\n    queryFn: async () => {\n      const intlayerAPI = getAuthAPI(config);\n      const result = await intlayerAPI.getSession();\n      // Narrow to the public shape we want to expose\n      return result.data as unknown as SessionAPI;\n    },\n    // Session data rarely changes during navigation, so keep it fresh for 1 minute\n    // This prevents unnecessary refetches when navigating between pages\n    staleTime: 60 * 1000,\n    gcTime: 5 * 60 * 1000,\n    // Only refetch if data is stale (not on every mount)\n    refetchOnMount: true,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: !sessionProp,\n  });\n\n  const session = data ?? (isFetched ? null : undefined);\n\n  const setSession = (nextSession: SessionAPI | null) => {\n    queryClient.setQueryData(['session'], nextSession);\n  };\n\n  const fetchSession = async (): Promise<SessionAPI | null | undefined> => {\n    const res = await refetch();\n    return res.data as SessionAPI | null | undefined;\n  };\n\n  const revalidateSession = fetchSession;\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"mappings":";;;;;;;;;AAqBA,MAAa,cACX,aACA,0BACqB;CACrB,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAS,yBAAyBA,mBAAiBC;CAEzD,MAAM,cAAc,gBAAgB;CAGpC,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;AAInB,WAFe,MADK,WAAW,OAAO,CACL,YAAY,EAE/B;;EAIhB,WAAW,KAAK;EAChB,QAAQ,MAAS;EAEjB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAoB;EACpB,SAAS,CAAC;EACX,CAAC;CAEF,MAAM,UAAU,SAAS,YAAY,OAAO;CAE5C,MAAM,cAAc,gBAAmC;AACrD,cAAY,aAAa,CAAC,UAAU,EAAE,YAAY;;CAGpD,MAAM,eAAe,YAAoD;AAEvE,UADY,MAAM,SAAS,EAChB;;AAKb,QAAO;EACL;EACA;EACA,mBALwB;EAMxB;EACD"}
+{"version":3,"file":"useSession.mjs","names":["configuration","defaultConfiguration"],"sources":["../../../../src/hooks/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useQueryClient } from '@hooks/reactQuery';\nimport type { SessionAPI } from '@intlayer/backend';\nimport { default as defaultConfiguration } from '@intlayer/config/built';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { getAuthAPI } from '@libs/auth';\nimport { useQuery } from '@tanstack/react-query';\n\nexport type UseSessionResult = {\n  /** The current session: `undefined` while loading, `null` if fetched and no session, otherwise the session. */\n  session: SessionAPI | null | undefined;\n  /** Refetches the session and returns it (undefined while loading). */\n  fetchSession: () => Promise<SessionAPI | null | undefined>;\n  /** Alias of `fetchSession` for ergonomics. */\n  revalidateSession: () => Promise<SessionAPI | null | undefined>;\n  /** Manually set the session cache. */\n  setSession: (nextSession: SessionAPI | null) => void;\n};\n\nexport const useSession = (\n  sessionProp?: SessionAPI | null,\n  intlayerConfiguration?: IntlayerConfig\n): UseSessionResult => {\n  const configuration = useConfiguration();\n  const config = (intlayerConfiguration ??\n    configuration ??\n    defaultConfiguration) as IntlayerConfig;\n\n  const queryClient = useQueryClient();\n\n  // Keep TanStack generics internal so they don't leak into the d.ts\n  const { data, isFetched, refetch } = useQuery({\n    queryKey: ['session'],\n    queryFn: async () => {\n      const intlayerAPI = getAuthAPI(config);\n      const result = await intlayerAPI.getSession();\n      // Narrow to the public shape we want to expose\n      return result.data as unknown as SessionAPI;\n    },\n    // Session data rarely changes during navigation, so keep it fresh for 1 minute\n    // This prevents unnecessary refetches when navigating between pages\n    staleTime: 60 * 1000,\n    gcTime: 5 * 60 * 1000,\n    // Only refetch if data is stale (not on every mount)\n    refetchOnMount: true,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: !sessionProp,\n  });\n\n  const session = data ?? (isFetched ? null : undefined);\n\n  const setSession = (nextSession: SessionAPI | null) => {\n    queryClient.setQueryData(['session'], nextSession);\n  };\n\n  const fetchSession = async (): Promise<SessionAPI | null | undefined> => {\n    const res = await refetch();\n    return res.data as SessionAPI | null | undefined;\n  };\n\n  const revalidateSession = fetchSession;\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"mappings":";;;;;;;;;AAqBA,MAAa,cACX,aACA,0BACqB;CACrB,MAAMA,kBAAgB,kBAAkB;CACxC,MAAM,SAAU,yBACdA,mBACAC;CAEF,MAAM,cAAc,gBAAgB;CAGpC,MAAM,EAAE,MAAM,WAAW,YAAY,SAAS;EAC5C,UAAU,CAAC,UAAU;EACrB,SAAS,YAAY;AAInB,WAFe,MADK,WAAW,OAAO,CACL,YAAY,EAE/B;;EAIhB,WAAW,KAAK;EAChB,QAAQ,MAAS;EAEjB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAoB;EACpB,SAAS,CAAC;EACX,CAAC;CAEF,MAAM,UAAU,SAAS,YAAY,OAAO;CAE5C,MAAM,cAAc,gBAAmC;AACrD,cAAY,aAAa,CAAC,UAAU,EAAE,YAAY;;CAGpD,MAAM,eAAe,YAAoD;AAEvE,UADY,MAAM,SAAS,EAChB;;AAKb,QAAO;EACL;EACA;EACA,mBALwB;EAMxB;EACD"}

package/dist/esm/libs/auth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"auth.mjs","names":[],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import { passkeyClient } from '@better-auth/passkey/client';\nimport { ssoClient } from '@better-auth/sso/client';\nimport configuration from '@intlayer/config/built';\nimport { BACKEND_URL } from '@intlayer/config/defaultValues';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { createAuthClient } from 'better-auth/client';\nimport { magicLinkClient, twoFactorClient } from 'better-auth/client/plugins';\n\nconst getAuthClient = (backendURL: string) =>\n  createAuthClient({\n    baseURL: backendURL,\n    withCredentials: true, // makes fetch forward cookies\n    plugins: [\n      twoFactorClient({\n        onTwoFactorRedirect: () => {\n          // Preserve redirect_url when redirecting to 2FA\n          const searchParams = new URLSearchParams(window.location.search);\n          const redirectUrl = searchParams.get('redirect_url');\n          const twoFaUrl = redirectUrl\n            ? `/auth/2fa?redirect_url=${encodeURIComponent(redirectUrl)}`\n            : '/auth/2fa';\n          window.location.href = twoFaUrl;\n        },\n      }),\n      passkeyClient(),\n      magicLinkClient() as never,\n      ssoClient(),\n    ],\n  });\n\ntype AuthClient = ReturnType<typeof getAuthClient>;\n\nexport interface AuthAPI {\n  getAuthClient: () => AuthClient;\n  signInEmail: AuthClient['signIn']['email'];\n  signUpEmail: AuthClient['signUp']['email'];\n  signOut: AuthClient['signOut'];\n  signInSocial: AuthClient['signIn']['social'];\n  linkSocial: AuthClient['linkSocial'];\n  changePasswordSession: AuthClient['changePassword'];\n  requestPasswordResetSession: AuthClient['requestPasswordReset'];\n  resetPassword: AuthClient['resetPassword'];\n  verifyEmailSession: AuthClient['verifyEmail'];\n  getSession: AuthClient['getSession'];\n  forgetPassword: AuthClient['requestPasswordReset'];\n  sendVerificationEmail: AuthClient['sendVerificationEmail'];\n  changeEmail: AuthClient['changeEmail'];\n  deleteUser: AuthClient['deleteUser'];\n  revokeSession: AuthClient['revokeSession'];\n  revokeSessions: AuthClient['revokeSessions'];\n  revokeOtherSessions: AuthClient['revokeOtherSessions'];\n  listAccounts: AuthClient['listAccounts'];\n  unlinkAccount: AuthClient['unlinkAccount'];\n  refreshToken: AuthClient['refreshToken'];\n  getAccessToken: AuthClient['getAccessToken'];\n  accountInfo: AuthClient['accountInfo'];\n  updateUser: AuthClient['updateUser'];\n  listSessions: AuthClient['listSessions'];\n  enableTwoFactor: AuthClient['twoFactor']['enable'];\n  disableTwoFactor: AuthClient['twoFactor']['disable'];\n  verifyTotp: AuthClient['twoFactor']['verifyTotp'];\n  verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'];\n  addPasskey: AuthClient['passkey']['addPasskey'];\n  signInPasskey: AuthClient['signIn']['passkey'];\n  deletePasskey: AuthClient['passkey']['deletePasskey'];\n  listPasskeys: () => Promise<any>;\n  signInMagicLink: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\n  registerSSO: AuthClient['sso']['register'];\n  listSSOProviders: () => Promise<any>;\n  deleteSSOProvider: (args: { providerId: string }) => Promise<any>;\n  signInSSO: AuthClient['signIn']['sso'];\n}\n\nexport const getAuthAPI = (intlayerConfig?: IntlayerConfig): AuthAPI => {\n  let backendURL =\n    intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;\n\n  if (!backendURL) {\n    backendURL = BACKEND_URL;\n    console.dir({ intlayerConfig, configuration }, { depth: null });\n    console.error('Backend URL is not defined in the Intlayer configuration.');\n  }\n\n  const client = getAuthClient(backendURL);\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['requestPasswordReset'] = async (\n    ...args\n  ) => {\n    return client.requestPasswordReset(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    return client.listSessions(...args);\n  };\n\n  const enableTwoFactor: AuthClient['twoFactor']['enable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.enable(...args) as ReturnType<\n      AuthClient['twoFactor']['enable']\n    >;\n  };\n\n  const disableTwoFactor: AuthClient['twoFactor']['disable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.disable(...args) as ReturnType<\n      AuthClient['twoFactor']['disable']\n    >;\n  };\n\n  const verifyTotp: AuthClient['twoFactor']['verifyTotp'] = async (...args) => {\n    return client.twoFactor.verifyTotp(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyTotp']\n    >;\n  };\n\n  const verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.verifyBackupCode(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyBackupCode']\n    >;\n  };\n\n  const addPasskey: AuthClient['passkey']['addPasskey'] = async (...args) => {\n    return client.passkey.addPasskey(...args);\n  };\n\n  const signInPasskey: AuthClient['signIn']['passkey'] = async (...args) => {\n    return client.signIn.passkey(...args);\n  };\n\n  const deletePasskey: AuthClient['passkey']['deletePasskey'] = async (\n    ...args\n  ) => {\n    return client.passkey.deletePasskey(...args);\n  };\n\n  const listPasskeys = async () => {\n    // @ts-ignore - listPasskeys may not be typed yet\n    return client.$fetch('/passkey/list-user-passkeys', {\n      method: 'GET',\n    });\n  };\n\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\n  };\n\n  const signInSSO: AuthClient['signIn']['sso'] = async (...args) => {\n    return client.signIn.sso(...args);\n  };\n\n  const registerSSO: AuthClient['sso']['register'] = async (...args) => {\n    return client.sso.register(...args);\n  };\n\n  const listSSOProviders = async () => {\n    // Not implemented yet\n  };\n\n  const deleteSSOProvider = async (_args: { providerId: string }) => {\n    // Not implemented yet\n  };\n\n  return {\n    getAuthClient: () => client,\n    signInEmail,\n    signUpEmail,\n    signOut,\n    signInSocial,\n    linkSocial,\n    changePasswordSession,\n    requestPasswordResetSession,\n    resetPassword,\n    verifyEmailSession,\n    getSession,\n    forgetPassword,\n    sendVerificationEmail,\n    changeEmail,\n    deleteUser,\n    revokeSession,\n    revokeSessions,\n    revokeOtherSessions,\n    listAccounts,\n    unlinkAccount,\n    refreshToken,\n    getAccessToken,\n    accountInfo,\n    updateUser,\n    listSessions,\n    enableTwoFactor,\n    disableTwoFactor,\n    verifyTotp,\n    verifyBackupCode,\n    addPasskey,\n    signInPasskey,\n    deletePasskey,\n    listPasskeys,\n    signInMagicLink,\n    signInSSO,\n    registerSSO,\n    listSSOProviders,\n    deleteSSOProvider,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"auth.mjs","names":[],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import { passkeyClient } from '@better-auth/passkey/client';\nimport { ssoClient } from '@better-auth/sso/client';\nimport { default as configuration } from '@intlayer/config/built';\nimport { BACKEND_URL } from '@intlayer/config/defaultValues';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { createAuthClient } from 'better-auth/client';\nimport { magicLinkClient, twoFactorClient } from 'better-auth/client/plugins';\n\nconst getAuthClient = (backendURL: string) =>\n  createAuthClient({\n    baseURL: backendURL,\n    withCredentials: true, // makes fetch forward cookies\n    plugins: [\n      twoFactorClient({\n        onTwoFactorRedirect: () => {\n          // Preserve redirect_url when redirecting to 2FA\n          const searchParams = new URLSearchParams(window.location.search);\n          const redirectUrl = searchParams.get('redirect_url');\n          const twoFaUrl = redirectUrl\n            ? `/auth/2fa?redirect_url=${encodeURIComponent(redirectUrl)}`\n            : '/auth/2fa';\n          window.location.href = twoFaUrl;\n        },\n      }),\n      passkeyClient(),\n      magicLinkClient() as never,\n      ssoClient(),\n    ],\n  });\n\ntype AuthClient = ReturnType<typeof getAuthClient>;\n\nexport interface AuthAPI {\n  getAuthClient: () => AuthClient;\n  signInEmail: AuthClient['signIn']['email'];\n  signUpEmail: AuthClient['signUp']['email'];\n  signOut: AuthClient['signOut'];\n  signInSocial: AuthClient['signIn']['social'];\n  linkSocial: AuthClient['linkSocial'];\n  changePasswordSession: AuthClient['changePassword'];\n  requestPasswordResetSession: AuthClient['requestPasswordReset'];\n  resetPassword: AuthClient['resetPassword'];\n  verifyEmailSession: AuthClient['verifyEmail'];\n  getSession: AuthClient['getSession'];\n  forgetPassword: AuthClient['requestPasswordReset'];\n  sendVerificationEmail: AuthClient['sendVerificationEmail'];\n  changeEmail: AuthClient['changeEmail'];\n  deleteUser: AuthClient['deleteUser'];\n  revokeSession: AuthClient['revokeSession'];\n  revokeSessions: AuthClient['revokeSessions'];\n  revokeOtherSessions: AuthClient['revokeOtherSessions'];\n  listAccounts: AuthClient['listAccounts'];\n  unlinkAccount: AuthClient['unlinkAccount'];\n  refreshToken: AuthClient['refreshToken'];\n  getAccessToken: AuthClient['getAccessToken'];\n  accountInfo: AuthClient['accountInfo'];\n  updateUser: AuthClient['updateUser'];\n  listSessions: AuthClient['listSessions'];\n  enableTwoFactor: AuthClient['twoFactor']['enable'];\n  disableTwoFactor: AuthClient['twoFactor']['disable'];\n  verifyTotp: AuthClient['twoFactor']['verifyTotp'];\n  verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'];\n  addPasskey: AuthClient['passkey']['addPasskey'];\n  signInPasskey: AuthClient['signIn']['passkey'];\n  deletePasskey: AuthClient['passkey']['deletePasskey'];\n  listPasskeys: () => Promise<any>;\n  signInMagicLink: (\n    // Redeclare it because of type inference issues\n    input: { email: string; callbackURL: string }\n  ) => any;\n  registerSSO: AuthClient['sso']['register'];\n  listSSOProviders: () => Promise<any>;\n  deleteSSOProvider: (args: { providerId: string }) => Promise<any>;\n  signInSSO: AuthClient['signIn']['sso'];\n}\n\nexport const getAuthAPI = (intlayerConfig?: IntlayerConfig): AuthAPI => {\n  let backendURL =\n    intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;\n\n  if (!backendURL) {\n    backendURL = BACKEND_URL;\n    console.dir({ intlayerConfig, configuration }, { depth: null });\n    console.error('Backend URL is not defined in the Intlayer configuration.');\n  }\n\n  const client = getAuthClient(backendURL);\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['requestPasswordReset'] = async (\n    ...args\n  ) => {\n    return client.requestPasswordReset(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    return client.listSessions(...args);\n  };\n\n  const enableTwoFactor: AuthClient['twoFactor']['enable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.enable(...args) as ReturnType<\n      AuthClient['twoFactor']['enable']\n    >;\n  };\n\n  const disableTwoFactor: AuthClient['twoFactor']['disable'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.disable(...args) as ReturnType<\n      AuthClient['twoFactor']['disable']\n    >;\n  };\n\n  const verifyTotp: AuthClient['twoFactor']['verifyTotp'] = async (...args) => {\n    return client.twoFactor.verifyTotp(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyTotp']\n    >;\n  };\n\n  const verifyBackupCode: AuthClient['twoFactor']['verifyBackupCode'] = async (\n    ...args\n  ) => {\n    return client.twoFactor.verifyBackupCode(...args) as ReturnType<\n      AuthClient['twoFactor']['verifyBackupCode']\n    >;\n  };\n\n  const addPasskey: AuthClient['passkey']['addPasskey'] = async (...args) => {\n    return client.passkey.addPasskey(...args);\n  };\n\n  const signInPasskey: AuthClient['signIn']['passkey'] = async (...args) => {\n    return client.signIn.passkey(...args);\n  };\n\n  const deletePasskey: AuthClient['passkey']['deletePasskey'] = async (\n    ...args\n  ) => {\n    return client.passkey.deletePasskey(...args);\n  };\n\n  const listPasskeys = async () => {\n    // @ts-ignore - listPasskeys may not be typed yet\n    return client.$fetch('/passkey/list-user-passkeys', {\n      method: 'GET',\n    });\n  };\n\n  const signInMagicLink: any = async (...args: any[]) => {\n    return (client.signIn as any).magicLink(...args);\n  };\n\n  const signInSSO: AuthClient['signIn']['sso'] = async (...args) => {\n    return client.signIn.sso(...args);\n  };\n\n  const registerSSO: AuthClient['sso']['register'] = async (...args) => {\n    return client.sso.register(...args);\n  };\n\n  const listSSOProviders = async () => {\n    // Not implemented yet\n  };\n\n  const deleteSSOProvider = async (_args: { providerId: string }) => {\n    // Not implemented yet\n  };\n\n  return {\n    getAuthClient: () => client,\n    signInEmail,\n    signUpEmail,\n    signOut,\n    signInSocial,\n    linkSocial,\n    changePasswordSession,\n    requestPasswordResetSession,\n    resetPassword,\n    verifyEmailSession,\n    getSession,\n    forgetPassword,\n    sendVerificationEmail,\n    changeEmail,\n    deleteUser,\n    revokeSession,\n    revokeSessions,\n    revokeOtherSessions,\n    listAccounts,\n    unlinkAccount,\n    refreshToken,\n    getAccessToken,\n    accountInfo,\n    updateUser,\n    listSessions,\n    enableTwoFactor,\n    disableTwoFactor,\n    verifyTotp,\n    verifyBackupCode,\n    addPasskey,\n    signInPasskey,\n    deletePasskey,\n    listPasskeys,\n    signInMagicLink,\n    signInSSO,\n    registerSSO,\n    listSSOProviders,\n    deleteSSOProvider,\n  };\n};\n"],"mappings":"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"}

package/dist/esm/providers/ReactQueryProvider.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { useToast } from "../components/Toaster/useToast.mjs";
+import { MutationCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { MutationCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 //#region src/providers/ReactQueryProvider.tsx
 const defaultQueryOptions = {

package/dist/types/components/Badge/index.d.ts

@@ -43,7 +43,7 @@ declare enum BadgeSize {
  * @description Defines the styling variants for different badge combinations
  */
 declare const badgeVariants: (props?: {
-  color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom";
+  color?: "text" | "error" | "custom" | "primary" | "secondary" | "destructive" | "success" | "neutral" | "light" | "dark";
   variant?: "none" | "default" | "outline" | "hoverable";
   size?: "sm" | "md" | "lg";
 } & _$class_variance_authority_types0.ClassProp) => string;

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

@@ -61,10 +61,10 @@ declare enum ButtonTextAlign {
  */
 declare const buttonVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
-  color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom" | "card" | "current" | "text-inverse";
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | "4xl" | "5xl";
+  color?: "text" | "error" | "custom" | "primary" | "secondary" | "destructive" | "success" | "neutral" | "light" | "dark" | "card" | "current" | "text-inverse";
+  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
   variant?: "input" | "none" | "default" | "outline" | "hoverable" | "link" | "invisible-link" | "fade";
-  textAlign?: "left" | "right" | "center";
+  textAlign?: "left" | "center" | "right";
   isFullWidth?: boolean;
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**

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

@@ -5,8 +5,8 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "full";
-  variant?: "default" | "dark" | "ghost" | "outlined";
-  spacing?: "sm" | "md" | "lg" | "none" | "auto";
+  variant?: "default" | "ghost" | "dark" | "outlined";
+  spacing?: "none" | "sm" | "md" | "lg" | "auto";
 } & _$class_variance_authority_types0.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
   /** Table title displayed in the header */

package/dist/types/components/Command/index.d.ts

@@ -29,7 +29,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & _$react.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Container/index.d.ts

@@ -8,14 +8,14 @@ import { VariantProps } from "class-variance-authority";
  * Provides flexible styling options for background, padding, borders, and layout
  */
 declare const containerVariants: (props?: {
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "full" | "3xl" | "4xl";
-  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
-  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full";
+  transparency?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+  padding?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
   separator?: "both" | "without" | "x" | "y";
-  border?: "none" | "with";
-  borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "warning" | "card";
-  background?: "none" | "hoverable" | "with";
-  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  border?: "with" | "none";
+  borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
+  background?: "with" | "none" | "hoverable";
+  gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /** Available rounded corner sizes for the container */
 declare enum ContainerRoundedSize {

package/dist/types/components/Input/Checkbox.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
 declare const checkboxVariants: (props?: {
   variant?: "default";
   size?: "xs" | "sm" | "md" | "lg";
-  color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
+  color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "destructive" | "custom" | "light" | "dark";
   validationStyleEnabled?: "enabled" | "disabled";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum CheckboxSize {

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

@@ -53,9 +53,9 @@ declare enum LinkUnderlined {
   FALSE = "false"
 }
 declare const linkVariants: (props?: {
-  variant?: "default" | "hoverable" | "button" | "invisible-link" | "button-outlined";
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
-  color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom" | "text-inverse";
+  variant?: "default" | "hoverable" | "invisible-link" | "button" | "button-outlined";
+  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+  color?: "text" | "error" | "custom" | "primary" | "secondary" | "destructive" | "success" | "neutral" | "light" | "dark" | "text-inverse";
   size?: "sm" | "md" | "lg" | "xl" | "custom";
   underlined?: boolean | LinkUnderlined.DEFAULT;
 } & _$class_variance_authority_types0.ClassProp) => string;

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

@@ -5,8 +5,8 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/Pagination/Pagination.d.ts
 declare const paginationVariants: (props?: {
   size?: "sm" | "md" | "lg";
-  color?: "text" | "primary" | "secondary" | "destructive" | "neutral";
-  variant?: "default" | "ghost" | "bordered";
+  color?: "text" | "primary" | "secondary" | "neutral" | "destructive";
+  variant?: "default" | "bordered" | "ghost";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum PaginationSize {
   SM = "sm",

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

@@ -6,7 +6,7 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components/Tab/Tab.d.ts
 declare const tabContainerVariant: (props?: {
   background?: "with" | "without";
-  variant?: "default" | "ghost" | "bordered";
+  variant?: "default" | "bordered" | "ghost";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
   defaultTab?: string;

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

@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
   TEXT = "text"
 }
 declare const tabSelectorVariant: (props?: {
-  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
+  color?: "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
   key: string | number;

package/dist/types/components/Tag/index.d.ts

@@ -185,8 +185,8 @@ declare enum TagBackground {
   WITH = "with"
 }
 declare const containerVariants: (props?: {
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
-  color?: "text" | "primary" | "success" | "error" | "neutral" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
+  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+  color?: "text" | "error" | "primary" | "success" | "neutral" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
   size?: "xs" | "sm" | "md" | "lg" | "xl";
   border?: "none" | "with";
   background?: "none" | "with";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "8.6.3",
+  "version": "8.6.4",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -114,28 +114,28 @@
     "typecheck_": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@better-auth/passkey": "1.5.5",
-    "@better-auth/sso": "1.5.5",
-    "@intlayer/api": "8.6.3",
-    "@intlayer/config": "8.6.3",
-    "@intlayer/core": "8.6.3",
-    "@intlayer/dictionaries-entry": "8.6.3",
-    "@intlayer/editor-react": "8.6.3",
-    "@intlayer/types": "8.6.3",
+    "@better-auth/passkey": "1.5.6",
+    "@better-auth/sso": "1.5.6",
+    "@intlayer/api": "8.6.4",
+    "@intlayer/config": "8.6.4",
+    "@intlayer/core": "8.6.4",
+    "@intlayer/dictionaries-entry": "8.6.4",
+    "@intlayer/editor-react": "8.6.4",
+    "@intlayer/types": "8.6.4",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
     "@radix-ui/react-slot": "1.2.4",
     "@radix-ui/react-toast": "1.2.15",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "better-auth": "1.5.5",
+    "better-auth": "1.5.6",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "react-intlayer": "8.6.3",
+    "react-intlayer": "8.6.4",
     "rollup-preserve-directives": "1.1.3",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@intlayer/backend": "8.6.3",
+    "@intlayer/backend": "8.6.4",
     "@shikijs/transformers": "4.0.2",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -165,7 +165,7 @@
     "@utils/ts-config-types": "1.0.4",
     "clsx": "2.1.1",
     "fast-glob": "3.3.3",
-    "intlayer": "8.6.3",
+    "intlayer": "8.6.4",
     "rimraf": "6.1.3",
     "shiki": "4.0.2",
     "storybook": "8.6.17",
@@ -173,26 +173,26 @@
     "tsdown": "0.21.7",
     "typescript": "6.0.2",
     "vite": "8.0.3",
-    "vite-intlayer": "8.6.3",
+    "vite-intlayer": "8.6.4",
     "vite-plugin-dts": "4.5.4",
     "vitest": "4.1.2"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.21",
     "@hookform/resolvers": "5.2.2",
-    "@intlayer/backend": "8.6.3",
+    "@intlayer/backend": "8.6.4",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.0.2",
     "@tanstack/react-query": "5.95.2",
     "@tanstack/react-query-devtools": "5.95.2",
     "framer-motion": "12.38.0",
     "fuse.js": "7.1.0",
-    "intlayer": "8.6.3",
+    "intlayer": "8.6.4",
     "lucide-react": "1.7.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.72.0",
-    "react-intlayer": "8.6.3",
+    "react-intlayer": "8.6.4",
     "shiki": "4.0.2",
     "tailwindcss": "4.2.1"
   },