@intlayer/design-system 8.7.1 → 8.7.3

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

@@ -3,8 +3,8 @@
 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

@@ -12,8 +12,8 @@ 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 { useIntlayer, useLocale } from "react-intlayer";
 import { getLocaleName } from "@intlayer/core/localization";

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

@@ -10,8 +10,8 @@ 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";

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

@@ -9,8 +9,8 @@ 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";

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

@@ -3,13 +3,13 @@ import { Accordion } from "../../Accordion/Accordion.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { internationalization } from "@intlayer/config/built";
 import { useIntlayer } from "react-intlayer";
 import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";
 import { camelCaseToSentence } from "@intlayer/config/client";
-import { internationalization } from "@intlayer/config/built";
 
 //#region src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx
 const traceKeys = [

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

@@ -6,8 +6,8 @@ import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
 import { useDeleteDictionary, usePushDictionaries, useWriteDictionary } from "../../../hooks/reactQuery.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";

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/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

@@ -7,8 +7,8 @@ import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../Swit
 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

@@ -6,9 +6,9 @@ import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button
 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/Pagination/Pagination.mjs

@@ -3,9 +3,9 @@
 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

@@ -10,8 +10,8 @@ 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";
@@ -110,8 +113,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, Burger, 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, DesktopNavbar, 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, MobileNavbar, 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, SmartTable, 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/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,9 +1,9 @@
 'use client';
 
-import { useConfiguration } from "@intlayer/editor-react";
 import { useQuery } from "@tanstack/react-query";
-import { getOAuthAPI } from "@intlayer/api";
 import configuration from "@intlayer/config/built";
+import { useConfiguration } from "@intlayer/editor-react";
+import { getOAuthAPI } from "@intlayer/api";
 
 //#region src/hooks/useAuth/useOAuth2.ts
 const useOAuth2 = (intlayerConfiguration) => {

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

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

package/dist/esm/libs/auth.mjs

@@ -1,6 +1,6 @@
-import configuration from "@intlayer/config/built";
 import { passkeyClient } from "@better-auth/passkey/client";
 import { ssoClient } from "@better-auth/sso/client";
+import configuration from "@intlayer/config/built";
 import { BACKEND_URL } from "@intlayer/config/defaultValues";
 import { createAuthClient } from "better-auth/client";
 import { magicLinkClient, twoFactorClient } from "better-auth/client/plugins";

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

@@ -44,8 +44,8 @@ declare enum BadgeSize {
  */
 declare const badgeVariants: (props?: {
   color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "error" | "success" | "custom";
-  variant?: "none" | "default" | "outline" | "hoverable";
-  size?: "sm" | "md" | "lg";
+  variant?: "default" | "none" | "outline" | "hoverable";
+  size?: "md" | "sm" | "lg";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  * Badge component props interface

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

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

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" | "3xl" | "4xl" | "full";
-  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
-  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  roundedSize?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "full";
+  transparency?: "sm" | "md" | "lg" | "none" | "xl" | "full" | "xs";
+  padding?: "sm" | "md" | "lg" | "none" | "xl" | "2xl";
   separator?: "both" | "without" | "x" | "y";
-  border?: "with" | "none";
-  borderColor?: "error" | "success" | "primary" | "secondary" | "neutral" | "text" | "card" | "warning";
-  background?: "with" | "none" | "hoverable";
-  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  border?: "none" | "with";
+  borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
+  background?: "none" | "with" | "hoverable";
+  gap?: "sm" | "md" | "lg" | "none" | "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

@@ -5,9 +5,9 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/Input/Checkbox.d.ts
 declare const checkboxVariants: (props?: {
   variant?: "default";
-  size?: "xs" | "sm" | "md" | "lg";
-  color?: "error" | "success" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "text" | "dark" | "custom";
-  validationStyleEnabled?: "enabled" | "disabled";
+  size?: "sm" | "md" | "lg" | "xs";
+  color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
+  validationStyleEnabled?: "disabled" | "enabled";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum CheckboxSize {
   XS = "xs",

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

@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
 declare const inputVariants: (props?: {
   variant?: "default" | "invisible";
   size?: "sm" | "md" | "lg";
-  validationStyleEnabled?: "enabled" | "disabled";
+  validationStyleEnabled?: "disabled" | "enabled";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum InputVariant {
   DEFAULT = "default",

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

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

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?: "primary" | "secondary" | "destructive" | "neutral" | "text";
-  variant?: "default" | "ghost" | "bordered";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral";
+  variant?: "default" | "bordered" | "ghost";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum PaginationSize {
   SM = "sm",

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

@@ -38,7 +38,7 @@ declare enum SwitchSelectorSize {
   LG = "lg"
 }
 declare const choiceVariant: (props?: {
-  size?: "sm" | "md" | "lg";
+  size?: "md" | "sm" | "lg";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  *

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?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "text" | "dark";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
   key: string | number;

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

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

package/dist/types/components/Toaster/Toast.d.ts

@@ -25,7 +25,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
  * ```
  */
 declare const toastVariants: (props?: {
-  variant?: "error" | "default" | "success";
+  variant?: "default" | "error" | "success";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  * Toast Component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "8.7.1",
+  "version": "8.7.3",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -421,12 +421,12 @@
   "dependencies": {
     "@better-auth/passkey": "1.6.4",
     "@better-auth/sso": "1.6.4",
-    "@intlayer/api": "8.7.1",
-    "@intlayer/config": "8.7.1",
-    "@intlayer/core": "8.7.1",
+    "@intlayer/api": "8.7.3",
+    "@intlayer/config": "8.7.3",
+    "@intlayer/core": "8.7.3",
     "@intlayer/dictionaries-entry": "8.7.1",
-    "@intlayer/editor-react": "8.7.1",
-    "@intlayer/types": "8.7.1",
+    "@intlayer/editor-react": "8.7.3",
+    "@intlayer/types": "8.7.3",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
     "@radix-ui/react-slot": "1.2.4",
@@ -435,12 +435,12 @@
     "better-auth": "1.6.4",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "react-intlayer": "8.7.1",
+    "react-intlayer": "8.7.3",
     "rollup-preserve-directives": "1.1.3",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@intlayer/backend": "8.7.1",
+    "@intlayer/backend": "8.7.3",
     "@shikijs/transformers": "4.0.2",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -470,7 +470,7 @@
     "@utils/ts-config-types": "1.0.4",
     "clsx": "2.1.1",
     "fast-glob": "3.3.3",
-    "intlayer": "8.7.1",
+    "intlayer": "8.7.3",
     "rimraf": "6.1.3",
     "shiki": "4.0.2",
     "storybook": "8.6.17",
@@ -478,26 +478,26 @@
     "tsdown": "0.21.8",
     "typescript": "6.0.2",
     "vite": "8.0.8",
-    "vite-intlayer": "8.7.1",
+    "vite-intlayer": "8.7.3",
     "vite-plugin-dts": "4.5.4",
     "vitest": "4.1.4"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.21",
     "@hookform/resolvers": "5.2.2",
-    "@intlayer/backend": "8.7.1",
+    "@intlayer/backend": "8.7.3",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.0.2",
     "@tanstack/react-query": "5.99.0",
     "@tanstack/react-query-devtools": "5.97.0",
     "framer-motion": "12.38.0",
     "fuse.js": "7.3.0",
-    "intlayer": "8.7.1",
+    "intlayer": "8.7.3",
     "lucide-react": "1.8.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.72.1",
-    "react-intlayer": "8.7.1",
+    "react-intlayer": "8.7.3",
     "shiki": "4.0.2",
     "tailwindcss": "4.2.1"
   },