@intlayer/design-system 8.0.5 → 8.1.1

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/core";
 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/DictionaryEditor/DictionaryEditor.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { NodeWrapper } from "./NodeWrapper/index.mjs";
+import { useEditedContent, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { createElement } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useEditedContent, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 
 //#region src/components/DictionaryEditor/DictionaryEditor.tsx
 const DictionaryEditor = ({ dictionary, ...props }) => {

package/dist/esm/components/DictionaryEditor/NodeWrapper/FileWrapper.mjs

@@ -1,7 +1,7 @@
 import { StringWrapper } from "./StringWrapper.mjs";
+import { useEditedContent } from "@intlayer/editor-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditedContent } from "@intlayer/editor-react";
 import { NodeType } from "@intlayer/types";
 
 //#region src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx

package/dist/esm/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../../../utils/cn.mjs";
 import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
+import { useEditorLocale } from "@intlayer/editor-react";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditorLocale } from "@intlayer/editor-react";
 
 //#region src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx
 const StringWrapper = ({ keyPath, section, editedContent, editedContentValue: editedContentValueProp, onContentChange, onFocusKeyPath, renderSection }) => {

package/dist/esm/components/DictionaryEditor/NodeWrapper/index.mjs

@@ -10,10 +10,10 @@ import { InsertionWrapper } from "./InsertionWrapper.mjs";
 import { MarkdownWrapper } from "./MarkdownWrapper.mjs";
 import { NestedObjectWrapper } from "./NestedObjectWrapper.mjs";
 import { TranslationWrapper } from "./TranslationWrapper.mjs";
+import { useEditorLocale } from "@intlayer/editor-react";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { getContentNodeByKeyPath, getNodeType } from "@intlayer/core";
-import { useEditorLocale } from "@intlayer/editor-react";
 import { NodeType } from "@intlayer/types";
 
 //#region src/components/DictionaryEditor/NodeWrapper/index.tsx

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

@@ -6,10 +6,10 @@ import { TextEditorContainer } from "./ContentEditorView/TextEditor.mjs";
 import { getIsEditableSection } from "./getIsEditableSection.mjs";
 import { KeyPathBreadcrumb } from "./KeyPathBreadcrumb.mjs";
 import { NavigationViewNode } from "./NavigationView/NavigationViewNode.mjs";
+import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 
 //#region src/components/DictionaryFieldEditor/ContentEditor.tsx
 const ContentEditor = ({ dictionary, isDarkMode }) => {

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

@@ -1,9 +1,9 @@
 '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 { useAuditContentDeclarationField } from "../../../hooks/reactQuery.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../../SwitchSelector/index.mjs";
 import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { ContentEditorInput as ContentEditorInput$1 } from "../../ContentEditor/ContentEditorInput.mjs";
@@ -12,12 +12,12 @@ import { Label } from "../../Label/index.mjs";
 import { MarkdownRenderer as MarkdownRenderer$1 } from "../../MarkDownRender/MarkDownRender.mjs";
 import { renameKey } from "../../../utils/object.mjs";
 import { EnumKeyInput } from "../EnumKeyInput.mjs";
-import { Plus, Trash, WandSparkles } from "lucide-react";
+import { useConfiguration, useEditedContent } from "@intlayer/editor-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 { getEmptyNode, getLocaleName, getNodeType } from "@intlayer/core";
 import { useIntlayer, useLocale } from "react-intlayer";
-import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { NodeType } from "@intlayer/types";
 
 //#region src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx

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 { useEditedContent } from "@intlayer/editor-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 { 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 { useConfiguration, useDictionariesRecordActions, useFocusUnmergedDictionary } from "@intlayer/editor-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";
 
 //#region src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx
 const DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode, mode, onDelete, onSave, showReturnButton = true }) => {

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

@@ -1,6 +1,6 @@
 import { MonacoCode } from "../IDE/MonacoCode.mjs";
-import { jsx } from "react/jsx-runtime";
 import { useEditedContent } from "@intlayer/editor-react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/DictionaryFieldEditor/JSONEditor.tsx
 const JSONEditor = ({ dictionary, isDarkMode }) => {

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

@@ -1,13 +1,13 @@
 import { Button, ButtonColor, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
+import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import configuration from "@intlayer/config/built";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType, isSameKeyPath } from "@intlayer/core";
 import { useIntlayer } from "react-intlayer";
-import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { NodeType } from "@intlayer/types";
-import configuration from "@intlayer/config/built";
 import { camelCaseToSentence } from "@intlayer/config/client";
 
 //#region src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx

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 { cn } from "../../../utils/cn.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 { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-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";
 
 //#region src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx
 const SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) => {

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

@@ -1,8 +1,8 @@
 'use client';
 
 import { NodeView } from "./StructureView/StructureView.mjs";
-import { jsx } from "react/jsx-runtime";
 import { useEditedContent } from "@intlayer/editor-react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/DictionaryFieldEditor/StructureEditor.tsx
 const StructureEditor = ({ dictionary }) => {

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

@@ -5,11 +5,11 @@ import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../../Button/But
 import { InputVariant } from "../../Input/Input.mjs";
 import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
+import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { Plus, Trash } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getDefaultNode, getNodeChildren, getNodeType, isSameKeyPath } from "@intlayer/core";
 import { useIntlayer } from "react-intlayer";
-import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { NodeType } from "@intlayer/types";
 import { camelCaseToSentence } from "@intlayer/config/client";
 

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/KeyboardScreenAdapter/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { cn } from "../../utils/cn.mjs";
 import { useKeyboardDetector } from "../../hooks/useKeyboardDetector.mjs";
+import { cn } from "../../utils/cn.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/KeyboardScreenAdapter/index.tsx

package/dist/esm/components/KeyboardShortcut/KeyboardShortcut.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { cn } from "../../utils/cn.mjs";
 import { useDevice } from "../../hooks/useDevice.mjs";
+import { cn } from "../../utils/cn.mjs";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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";
 

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 { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../SwitchSelector/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 { getHTMLTextDir, getLocaleName } from "@intlayer/core";
 import { useIntlayer, useLocale } from "react-intlayer";

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 { getHTMLTextDir, getLocaleName } from "@intlayer/core";
 import { useIntlayer } from "react-intlayer";

package/dist/esm/components/MarkDownRender/MarkDownRender.mjs

@@ -105,7 +105,7 @@ const getIntlayerMarkdownOptions = (isDarkMode) => ({ components: {
 	Tabs: (props) => /* @__PURE__ */ jsx(Tab, {
 		...props,
 		className: "rounded-xl border border-card",
-		headerClassName: "sticky rounded-xl top-36 z-10 bg-background/70 backdrop-blur overflow-x-auto"
+		headerClassName: "sticky rounded-xl top-24 z-5 bg-background/70 backdrop-blur overflow-x-auto"
 	}),
 	Tab: Tab.Item,
 	Columns: ({ className, ...props }) => /* @__PURE__ */ jsx("div", {

package/dist/esm/components/MarkDownRender/MarkDownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.mjs","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types';\nimport { cn } from '@utils/cn';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport {\n  type MarkdownRenderer as MarkdownRendererIntlayer,\n  type RenderMarkdownProps,\n  renderMarkdown,\n} from 'react-intlayer';\nimport type { BundledLanguage } from 'shiki/bundle/web';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  forceBlock?: boolean;\n  preserveFrontmatter?: boolean;\n  tagfilter?: boolean;\n  components?: ComponentProps<typeof MarkdownRendererIntlayer>['components'];\n  wrapper?: ComponentProps<typeof MarkdownRendererIntlayer>['wrapper'];\n};\n\nexport const getIntlayerMarkdownOptions: (\n  isDarkMode: boolean\n) => RenderMarkdownProps = (isDarkMode) => ({\n  components: {\n    h1: (props) => <H1 isClickable={true} {...props} />,\n    h2: (props) => <H2 isClickable={true} className=\"mt-16\" {...props} />,\n    h3: (props) => <H3 isClickable={true} className=\"mt-5\" {...props} />,\n    h4: (props) => <H4 isClickable={true} className=\"mt-3\" {...props} />,\n    h5: (props) => <H5 isClickable={true} className=\"mt-3\" {...props} />,\n    h6: (props) => <H6 isClickable={true} className=\"mt-3\" {...props} />,\n\n    code: ({ className, children, ...rest }: ComponentProps<'code'>) => {\n      // Ensure children is a string (Markdown renderer might pass ReactNodes)\n      const content = String(children ?? '').replace(/\\n$/, '');\n\n      // Determine if it is inline code or a code block\n      // Code blocks usually have a className like 'language-ts'\n      const isBlock = !!className;\n\n      if (!isBlock) {\n        return (\n          <strong className=\"rounded bg-card/60 box-decoration-clone px-1 py-0.5 font-mono text-sm\">\n            {content}\n          </strong>\n        );\n      }\n\n      // Extract language from className (e.g., \"language-typescript\" -> \"typescript\")\n      const language = (className?.replace(/lang(?:uage)?-/, '') ||\n        'plaintext') as BundledLanguage;\n\n      console.log({ rest });\n\n      return (\n        <Code\n          {...rest}\n          language={language}\n          showHeader={true}\n          isDarkMode={isDarkMode} // Ensure this variable is available in scope\n        >\n          {content}\n        </Code>\n      );\n    },\n\n    blockquote: ({ className, ...props }) => (\n      <blockquote\n        className={cn(\n          'mt-5 gap-3 border-card border-l-4 pl-5 text-neutral',\n          className\n        )}\n        {...props}\n      />\n    ),\n    ul: ({ className, ...props }) => (\n      <ul\n        className={cn('mt-5 flex list-disc flex-col gap-3 pl-5', className)}\n        {...props}\n      />\n    ),\n    ol: ({ className, ...props }) => (\n      <ol\n        className={cn('mt-5 flex list-decimal flex-col gap-3 pl-5', className)}\n        {...props}\n      />\n    ),\n    img: ({ className, ...props }) => (\n      <img\n        {...props}\n        alt={props.alt ?? ''}\n        loading=\"lazy\"\n        className={cn('max-h-[80vh] max-w-full rounded-md', className)}\n        src={`${props.src}?raw=true`}\n      />\n    ),\n    a: (props) => (\n      // @ts-expect-error - label is not required in LinkProps\n      <Link\n        isExternalLink={props.href?.startsWith('http')}\n        underlined={true}\n        // locale={locale}\n        {...props}\n        color=\"neutral\"\n      />\n    ),\n    pre: (props) => props.children,\n\n    table: (props: ComponentProps<typeof Table>) => (\n      <Table isRollable={true} {...props} />\n    ),\n    th: ({ className, ...props }) => (\n      <th\n        className={cn('border-neutral border-b bg-neutral/10 p-4', className)}\n        {...props}\n      />\n    ),\n    tr: ({ className, ...props }) => (\n      <tr\n        className={cn('hover:/10 hover:bg-neutral/10', className)}\n        {...props}\n      />\n    ),\n    td: ({ className, ...props }) => (\n      <td\n        className={cn('border-neutral-500/50 border-b p-4', className)}\n        {...props}\n      />\n    ),\n    hr: ({ className, ...props }) => (\n      <hr className={cn('mx-6 mt-16 text-neutral', className)} {...props} />\n    ),\n    Tabs: (props: ComponentProps<typeof Tab>) => (\n      <Tab\n        {...props}\n        className=\"rounded-xl border border-card\"\n        headerClassName=\"sticky rounded-xl top-36 z-10 bg-background/70 backdrop-blur overflow-x-auto\"\n      />\n    ),\n    Tab: Tab.Item,\n    Columns: ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => (\n      <div className={cn('flex gap-4 max-md:flex-col', className)} {...props} />\n    ),\n    Column: ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => (\n      <div className={cn('flex-1', className)} {...props} />\n    ),\n  },\n});\n\n/**\n * MarkdownRenderer Component\n *\n * A comprehensive markdown renderer that transforms markdown text into rich,\n * interactive HTML with custom styling and Intlayer integration. Supports\n * code syntax highlighting, responsive tables, internationalized links,\n * and automatic frontmatter stripping.\n *\n * @component\n */\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  forceBlock,\n  preserveFrontmatter,\n  tagfilter,\n  components: componentsProp,\n  wrapper,\n}) => {\n  const markdownOptions = getIntlayerMarkdownOptions(isDarkMode ?? false);\n\n  const markdownContent = renderMarkdown(children, {\n    components: {\n      ...markdownOptions.components,\n      // Pass dynamic props to components\n      code: ({ className, children, ...rest }: ComponentProps<'code'>) => {\n        // Ensure children is a string (Markdown renderer might pass ReactNodes)\n        const content = String(children ?? '').replace(/\\n$/, '');\n\n        // Determine if it is inline code or a code block\n        // Code blocks usually have a className like 'language-ts'\n        const isBlock = !!className;\n\n        if (!isBlock) {\n          return (\n            <strong className=\"rounded bg-card/60 box-decoration-clone px-1 py-0.5 font-mono text-sm\">\n              {content}\n            </strong>\n          );\n        }\n\n        // Extract language from className (e.g., \"language-typescript\" -> \"typescript\")\n        const language = (className?.replace(/lang(?:uage)?-/, '') ||\n          'plaintext') as BundledLanguage;\n\n        return (\n          <Code\n            {...rest}\n            language={language}\n            showHeader={true}\n            isDarkMode={isDarkMode} // Ensure this variable is available in scope\n          >\n            {content}\n          </Code>\n        );\n      },\n\n      a: (props) => (\n        // @ts-expect-error - label is not required in LinkProps\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          locale={locale}\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n      ...componentsProp,\n    },\n    wrapper: wrapper ?? markdownOptions.wrapper,\n    forceBlock: forceBlock ?? markdownOptions.forceBlock,\n    preserveFrontmatter:\n      preserveFrontmatter ?? markdownOptions.preserveFrontmatter,\n    tagfilter: tagfilter ?? markdownOptions.tagfilter,\n  });\n\n  return (\n    <CodeProvider>\n      <TabProvider>{markdownContent}</TabProvider>\n    </CodeProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAa,8BAEe,gBAAgB,EAC1C,YAAY;CACV,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,GAAI;GAAS;CACnD,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,WAAU;EAAQ,GAAI;GAAS;CACrE,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,WAAU;EAAO,GAAI;GAAS;CACpE,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,WAAU;EAAO,GAAI;GAAS;CACpE,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,WAAU;EAAO,GAAI;GAAS;CACpE,KAAK,UAAU,oBAAC;EAAG,aAAa;EAAM,WAAU;EAAO,GAAI;GAAS;CAEpE,OAAO,EAAE,WAAW,UAAU,GAAG,WAAmC;EAElE,MAAM,UAAU,OAAO,YAAY,GAAG,CAAC,QAAQ,OAAO,GAAG;AAMzD,MAAI,CAFY,CAAC,CAAC,UAGhB,QACE,oBAAC;GAAO,WAAU;aACf;IACM;EAKb,MAAM,WAAY,WAAW,QAAQ,kBAAkB,GAAG,IACxD;AAEF,UAAQ,IAAI,EAAE,MAAM,CAAC;AAErB,SACE,oBAAC;GACC,GAAI;GACM;GACV,YAAY;GACA;aAEX;IACI;;CAIX,aAAa,EAAE,WAAW,GAAG,YAC3B,oBAAC;EACC,WAAW,GACT,uDACA,UACD;EACD,GAAI;GACJ;CAEJ,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;GACJ;CAEJ,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,WAAW,GAAG,8CAA8C,UAAU;EACtE,GAAI;GACJ;CAEJ,MAAM,EAAE,WAAW,GAAG,YACpB,oBAAC;EACC,GAAI;EACJ,KAAK,MAAM,OAAO;EAClB,SAAQ;EACR,WAAW,GAAG,sCAAsC,UAAU;EAC9D,KAAK,GAAG,MAAM,IAAI;GAClB;CAEJ,IAAI,UAEF,oBAAC;EACC,gBAAgB,MAAM,MAAM,WAAW,OAAO;EAC9C,YAAY;EAEZ,GAAI;EACJ,OAAM;GACN;CAEJ,MAAM,UAAU,MAAM;CAEtB,QAAQ,UACN,oBAAC;EAAM,YAAY;EAAM,GAAI;GAAS;CAExC,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;CAEJ,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;CAEJ,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;CAEJ,KAAK,EAAE,WAAW,GAAG,YACnB,oBAAC;EAAG,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;CAExE,OAAO,UACL,oBAAC;EACC,GAAI;EACJ,WAAU;EACV,iBAAgB;GAChB;CAEJ,KAAK,IAAI;CACT,UAAU,EAAE,WAAW,GAAG,YACxB,oBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;EAAE,GAAI;GAAS;CAE5E,SAAS,EAAE,WAAW,GAAG,YACvB,oBAAC;EAAI,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;CAEzD,EACF;;;;;;;;;;;AAYD,MAAa,oBAA+C,EAC1D,UACA,YACA,QACA,YACA,qBACA,WACA,YAAY,gBACZ,cACI;CACJ,MAAM,kBAAkB,2BAA2B,cAAc,MAAM;AAyDvE,QACE,oBAAC,0BACC,oBAAC,yBAzDmB,eAAe,UAAU;EAC/C,YAAY;GACV,GAAG,gBAAgB;GAEnB,OAAO,EAAE,WAAW,UAAU,GAAG,WAAmC;IAElE,MAAM,UAAU,OAAO,YAAY,GAAG,CAAC,QAAQ,OAAO,GAAG;AAMzD,QAAI,CAFY,CAAC,CAAC,UAGhB,QACE,oBAAC;KAAO,WAAU;eACf;MACM;IAKb,MAAM,WAAY,WAAW,QAAQ,kBAAkB,GAAG,IACxD;AAEF,WACE,oBAAC;KACC,GAAI;KACM;KACV,YAAY;KACA;eAEX;MACI;;GAIX,IAAI,UAEF,oBAAC;IACC,gBAAgB,MAAM,MAAM,WAAW,OAAO;IAC9C,YAAY;IACJ;IACR,GAAI;IACJ,OAAM;KACN;GAEJ,GAAG;GACJ;EACD,SAAS,WAAW,gBAAgB;EACpC,YAAY,cAAc,gBAAgB;EAC1C,qBACE,uBAAuB,gBAAgB;EACzC,WAAW,aAAa,gBAAgB;EACzC,CAAC,GAI8C,GAC/B"}
+{"version":3,"file":"MarkDownRender.mjs","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types';\nimport { cn } from '@utils/cn';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport {\n  type MarkdownRenderer as MarkdownRendererIntlayer,\n  type RenderMarkdownProps,\n  renderMarkdown,\n} from 'react-intlayer';\nimport type { BundledLanguage } from 'shiki/bundle/web';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  forceBlock?: boolean;\n  preserveFrontmatter?: boolean;\n  tagfilter?: boolean;\n  components?: ComponentProps<typeof MarkdownRendererIntlayer>['components'];\n  wrapper?: ComponentProps<typeof MarkdownRendererIntlayer>['wrapper'];\n};\n\nexport const getIntlayerMarkdownOptions: (\n  isDarkMode: boolean\n) => RenderMarkdownProps = (isDarkMode) => ({\n  components: {\n    h1: (props) => <H1 isClickable={true} {...props} />,\n    h2: (props) => <H2 isClickable={true} className=\"mt-16\" {...props} />,\n    h3: (props) => <H3 isClickable={true} className=\"mt-5\" {...props} />,\n    h4: (props) => <H4 isClickable={true} className=\"mt-3\" {...props} />,\n    h5: (props) => <H5 isClickable={true} className=\"mt-3\" {...props} />,\n    h6: (props) => <H6 isClickable={true} className=\"mt-3\" {...props} />,\n\n    code: ({ className, children, ...rest }: ComponentProps<'code'>) => {\n      // Ensure children is a string (Markdown renderer might pass ReactNodes)\n      const content = String(children ?? '').replace(/\\n$/, '');\n\n      // Determine if it is inline code or a code block\n      // Code blocks usually have a className like 'language-ts'\n      const isBlock = !!className;\n\n      if (!isBlock) {\n        return (\n          <strong className=\"rounded bg-card/60 box-decoration-clone px-1 py-0.5 font-mono text-sm\">\n            {content}\n          </strong>\n        );\n      }\n\n      // Extract language from className (e.g., \"language-typescript\" -> \"typescript\")\n      const language = (className?.replace(/lang(?:uage)?-/, '') ||\n        'plaintext') as BundledLanguage;\n\n      console.log({ rest });\n\n      return (\n        <Code\n          {...rest}\n          language={language}\n          showHeader={true}\n          isDarkMode={isDarkMode} // Ensure this variable is available in scope\n        >\n          {content}\n        </Code>\n      );\n    },\n\n    blockquote: ({ className, ...props }) => (\n      <blockquote\n        className={cn(\n          'mt-5 gap-3 border-card border-l-4 pl-5 text-neutral',\n          className\n        )}\n        {...props}\n      />\n    ),\n    ul: ({ className, ...props }) => (\n      <ul\n        className={cn('mt-5 flex list-disc flex-col gap-3 pl-5', className)}\n        {...props}\n      />\n    ),\n    ol: ({ className, ...props }) => (\n      <ol\n        className={cn('mt-5 flex list-decimal flex-col gap-3 pl-5', className)}\n        {...props}\n      />\n    ),\n    img: ({ className, ...props }) => (\n      <img\n        {...props}\n        alt={props.alt ?? ''}\n        loading=\"lazy\"\n        className={cn('max-h-[80vh] max-w-full rounded-md', className)}\n        src={`${props.src}?raw=true`}\n      />\n    ),\n    a: (props) => (\n      // @ts-expect-error - label is not required in LinkProps\n      <Link\n        isExternalLink={props.href?.startsWith('http')}\n        underlined={true}\n        // locale={locale}\n        {...props}\n        color=\"neutral\"\n      />\n    ),\n    pre: (props) => props.children,\n\n    table: (props: ComponentProps<typeof Table>) => (\n      <Table isRollable={true} {...props} />\n    ),\n    th: ({ className, ...props }) => (\n      <th\n        className={cn('border-neutral border-b bg-neutral/10 p-4', className)}\n        {...props}\n      />\n    ),\n    tr: ({ className, ...props }) => (\n      <tr\n        className={cn('hover:/10 hover:bg-neutral/10', className)}\n        {...props}\n      />\n    ),\n    td: ({ className, ...props }) => (\n      <td\n        className={cn('border-neutral-500/50 border-b p-4', className)}\n        {...props}\n      />\n    ),\n    hr: ({ className, ...props }) => (\n      <hr className={cn('mx-6 mt-16 text-neutral', className)} {...props} />\n    ),\n    Tabs: (props: ComponentProps<typeof Tab>) => (\n      <Tab\n        {...props}\n        className=\"rounded-xl border border-card\"\n        headerClassName=\"sticky rounded-xl top-24 z-5 bg-background/70 backdrop-blur overflow-x-auto\"\n      />\n    ),\n    Tab: Tab.Item,\n    Columns: ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => (\n      <div className={cn('flex gap-4 max-md:flex-col', className)} {...props} />\n    ),\n    Column: ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => (\n      <div className={cn('flex-1', className)} {...props} />\n    ),\n  },\n});\n\n/**\n * MarkdownRenderer Component\n *\n * A comprehensive markdown renderer that transforms markdown text into rich,\n * interactive HTML with custom styling and Intlayer integration. Supports\n * code syntax highlighting, responsive tables, internationalized links,\n * and automatic frontmatter stripping.\n *\n * @component\n */\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  forceBlock,\n  preserveFrontmatter,\n  tagfilter,\n  components: componentsProp,\n  wrapper,\n}) => {\n  const markdownOptions = getIntlayerMarkdownOptions(isDarkMode ?? false);\n\n  const markdownContent = renderMarkdown(children, {\n    components: {\n      ...markdownOptions.components,\n      // Pass dynamic props to components\n      code: ({ className, children, ...rest }: ComponentProps<'code'>) => {\n        // Ensure children is a string (Markdown renderer might pass ReactNodes)\n        const content = String(children ?? '').replace(/\\n$/, '');\n\n        // Determine if it is inline code or a code block\n        // Code blocks usually have a className like 'language-ts'\n        const isBlock = !!className;\n\n        if (!isBlock) {\n          return (\n            <strong className=\"rounded bg-card/60 box-decoration-clone px-1 py-0.5 font-mono text-sm\">\n              {content}\n            </strong>\n          );\n        }\n\n        // Extract language from className (e.g., \"language-typescript\" -> \"typescript\")\n        const language = (className?.replace(/lang(?:uage)?-/, '') ||\n          'plaintext') as BundledLanguage;\n\n        return (\n          <Code\n            {...rest}\n            language={language}\n            showHeader={true}\n            isDarkMode={isDarkMode} // Ensure this variable is available in scope\n          >\n            {content}\n          </Code>\n        );\n      },\n\n      a: (props) => (\n        // @ts-expect-error - label is not required in LinkProps\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          locale={locale}\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n      ...componentsProp,\n    },\n    wrapper: wrapper ?? markdownOptions.wrapper,\n    forceBlock: forceBlock ?? markdownOptions.forceBlock,\n    preserveFrontmatter:\n      preserveFrontmatter ?? markdownOptions.preserveFrontmatter,\n    tagfilter: tagfilter ?? markdownOptions.tagfilter,\n  });\n\n  return (\n    <CodeProvider>\n      <TabProvider>{markdownContent}</TabProvider>\n    </CodeProvider>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 'use client';
 
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { cn } from "../../utils/cn.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 { cn } from "../../utils/cn.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 { useItemSelector } from "../../hooks/useItemSelector.mjs";
 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 { 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,16 +1,16 @@
 'use client';
 
+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 { 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 { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 

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