@intlayer/design-system 9.0.0-canary.2 → 9.0.0-canary.3

package/dist/esm/api/hooks/utils.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { useAuth } from "../useAuth/useAuth.mjs";
-import { useQuery } from "@tanstack/react-query";
 import { useConfiguration } from "@intlayer/editor-react";
+import { useQuery } from "@tanstack/react-query";
 
 //#region src/api/hooks/utils.ts
 const useAuthEnable = ({ requireUser, requireProject, requireOrganization }) => {

package/dist/esm/api/index.mjs

@@ -2,11 +2,10 @@ import { useOAuth2 } from "./useAuth/useOAuth2.mjs";
 import { useSession } from "./useAuth/useSession.mjs";
 import { useAuth } from "./useAuth/useAuth.mjs";
 import { useAiAPI, useAssetAPI, useAuditAPI, useBitbucketAPI, useDictionaryAPI, useEditorAPI, useEnvironmentAPI, useGithubAPI, useGitlabAPI, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useNewsletterAPI, useOAuthAPI, useOrganizationAPI, useProjectAPI, useReviewerAPI, useSearchAPI, useShowcaseProjectAPI, useStripeAPI, useTagAPI, useTranslateAPI, useUserAPI } from "./useIntlayerAPI.mjs";
-import { useAddPasskey, useAskResetPassword, useChangePassword, useDeletePasskey, useDeleteSSOProvider, useDisableTwoFactor, useEnableTwoFactor, useGetUserByAccount, useGetVerifyEmailStatus, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useRegister, useRegisterSSO, useResetPassword, useSignInMagicLink, useSignInPasskey, useSignInSSO, useUnlinkAccount, useVerifyBackupCode, useVerifyEmail, useVerifyTotp } from "./hooks/auth.mjs";
-import { useUser } from "./useUser/index.mjs";
 import { useAskDocQuestion, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useChat, useCustomQuery, useGetAIStats, useTranslateJSONDeclaration } from "./hooks/ai.mjs";
 import { useDeleteAsset, useGetAssetById, useGetAssets, useUpdateAsset, useUploadAsset } from "./hooks/asset.mjs";
 import { useAuditScan, useGetRecursiveAuditStatus, useStartRecursiveAudit } from "./hooks/audit.mjs";
+import { useAddPasskey, useAskResetPassword, useChangePassword, useDeletePasskey, useDeleteSSOProvider, useDisableTwoFactor, useEnableTwoFactor, useGetUserByAccount, useGetVerifyEmailStatus, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useRegister, useRegisterSSO, useResetPassword, useSignInMagicLink, useSignInPasskey, useSignInSSO, useUnlinkAccount, useVerifyBackupCode, useVerifyEmail, useVerifyTotp } from "./hooks/auth.mjs";
 import { useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos } from "./hooks/bitbucket.mjs";
 import { useAddDictionary, useDeleteDictionary, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useInfiniteGetDictionaries, usePushDictionaries, useUpdateDictionary } from "./hooks/dictionary.mjs";
 import { useGetDiscussions, useGetDiscussionsData } from "./hooks/discussions.mjs";
@@ -24,5 +23,6 @@ import { useAcceptAffiliateInvitation, useCancelSubscription, useCreatePortalSes
 import { useAddTag, useDeleteTag, useGetTags, useUpdateTag } from "./hooks/tag.mjs";
 import { useFillAllTranslations, usePauseTranslationJob, useResumeTranslationJob, useStopTranslationJob } from "./hooks/translate.mjs";
 import { useCreateUser, useDeleteUser, useGetUserById, useGetUsers, useUpdateUser, useUploadUserAvatar } from "./hooks/user.mjs";
+import { useUser } from "./useUser/index.mjs";
 
 export { useAcceptAffiliateInvitation, useAddDictionary, useAddEnvironment, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAiAPI, useAskDocQuestion, useAskResetPassword, useAssetAPI, useAuditAPI, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAPI, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useChat, useContactReviewer, useCreateMission, useCreatePortalSession, useCreatePromoCode, useCreateUser, useCustomQuery, useDeleteAccessKey, useDeleteAsset, useDeleteDictionary, useDeleteEnvironment, useDeleteOrganization, useDeleteOrganizationById, useDeletePasskey, useDeleteProject, useDeleteProjectById, useDeletePromoCode, useDeleteReviewerProfile, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDictionaryAPI, useDisableTwoFactor, useEditorAPI, useEnableTwoFactor, useEnvironmentAPI, useEstimateMission, useFillAllTranslations, useGetAIStats, useGetAdminReviewers, useGetAffiliate, useGetAffiliateAccountSession, useGetAffiliateById, useGetAffiliateInvitation, useGetAffiliateInvitations, useGetAffiliateOnboardingLink, useGetAffiliatePromoCode, useGetAffiliateStats, useGetAffiliates, useGetAssetById, useGetAssets, useGetCIConfig, useGetChatHistory, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetInvoices, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPaymentMethod, useGetPricing, useGetProjectInsights, useGetProjects, useGetPromoCodeById, useGetPromoCodes, useGetRecursiveAuditStatus, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAPI, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGithubToken, useGitlabAPI, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useGrantAffiliateAccess, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useMigrateEnvironment, useNewsletterAPI, useOAuth2, useOAuthAPI, useOrganizationAPI, usePauseTranslationJob, useProjectAPI, usePushCIConfig, usePushDictionaries, usePushProjectConfiguration, useRefreshAccessKey, useRegister, useRegisterAsReviewer, useRegisterSSO, useResetPassword, useResetToProductionEnvironment, useResumeTranslationJob, useReviewerAPI, useSearchAPI, useSearchDoc, useSelectEnvironment, useSelectOrganization, useSelectProject, useSendAffiliateInvitation, useSendReviewerMessage, useSession, useShowcaseProjectAPI, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useStopTranslationJob, useStripeAPI, useSubmitReview, useSubmitShowcaseProject, useSubscribeToNewsletter, useTagAPI, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateAPI, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnlinkAccount, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateAffiliateStatus, useUpdateAsset, useUpdateDictionary, useUpdateEnvironment, useUpdateMemberAccess, useUpdateMissionStatus, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdatePromoCode, useUpdateReviewerProfile, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUploadAsset, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useUploadUserAvatar, useUser, useUserAPI, useValidateReviewerProfile, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 'use client';
 
-import { Button } from "../Button/Button.mjs";
 import { useUser } from "../../api/useUser/index.mjs";
+import { Button } from "../Button/Button.mjs";
 import { AutoCompleteTextarea } from "../TextArea/AutocompleteTextArea.mjs";
 import { useEffect, useState } from "react";
 import { Check, X } from "lucide-react";

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

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

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

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../utils/cn.mjs";
 import { SwitchSelector } from "../../SwitchSelector/SwitchSelector.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
 import { useEditorLocale } from "@intlayer/editor-react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryEditor/NodeWrapper/BooleanWrapper.tsx

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

@@ -1,6 +1,6 @@
 import { StringWrapper } from "./StringWrapper.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEditedContent } from "@intlayer/editor-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 

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

@@ -1,7 +1,7 @@
 import { cn } from "../../../utils/cn.mjs";
 import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
 import { useEditorLocale } from "@intlayer/editor-react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryEditor/NodeWrapper/NumberWrapper.tsx

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

@@ -1,7 +1,7 @@
 import { cn } from "../../../utils/cn.mjs";
 import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
 import { useEditorLocale } from "@intlayer/editor-react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx

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

@@ -13,9 +13,9 @@ import { NestedObjectWrapper } from "./NestedObjectWrapper.mjs";
 import { NumberWrapper } from "./NumberWrapper.mjs";
 import { PluralWrapper } from "./PluralWrapper.mjs";
 import { TranslationWrapper } from "./TranslationWrapper.mjs";
+import { useEditorLocale } from "@intlayer/editor-react";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useEditorLocale } from "@intlayer/editor-react";
 import { getContentNodeByKeyPath, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 

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

@@ -1,17 +1,17 @@
 'use client';
 
-import { Container } from "../Container/index.mjs";
 import { useGetDictionaries } from "../../api/hooks/dictionary.mjs";
+import { Container } from "../Container/index.mjs";
 import { LocaleSwitcherContent } from "../LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs";
 import { Pagination } from "../Pagination/Pagination.mjs";
 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 { useCallback, useDeferredValue, useEffect, useMemo, useState, useTransition } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
-import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryFieldEditor/ContentEditor.tsx

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { useAuditContentDeclarationField } from "../../../api/hooks/ai.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { Button } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
@@ -7,18 +8,17 @@ import { Container } from "../../Container/index.mjs";
 import { ContentEditorInput as ContentEditorInput$1 } from "../../ContentEditor/ContentEditorInput.mjs";
 import { ContentEditorTextArea as ContentEditorTextArea$1 } from "../../ContentEditor/ContentEditorTextArea.mjs";
 import { SwitchSelector } from "../../SwitchSelector/SwitchSelector.mjs";
-import { useAuditContentDeclarationField } from "../../../api/hooks/ai.mjs";
 import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { renameKey } from "./object.mjs";
 import { Label } from "../../Label/index.mjs";
 import { EnumKeyInput } from "../EnumKeyInput.mjs";
 import { SafeHtmlRenderer } from "./SafeHtmlRenderer.mjs";
+import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { Fragment, Suspense, lazy, memo, useState } from "react";
 import { Plus, Trash, WandSparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 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";
 import { camelCaseToSentence } from "@intlayer/config/client";

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

@@ -1,9 +1,9 @@
 'use client';
 
-import { Button } from "../../Button/Button.mjs";
 import { useSession } from "../../../api/useAuth/useSession.mjs";
 import { useAddDictionary } from "../../../api/hooks/dictionary.mjs";
 import { useGetProjects } from "../../../api/hooks/project.mjs";
+import { Button } from "../../Button/Button.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { Select } from "../../Select/Select.mjs";
 import { InputElement } from "../../Form/elements/InputElement.mjs";

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

@@ -1,16 +1,16 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { Loader } from "../../Loader/index.mjs";
-import { Button } from "../../Button/Button.mjs";
-import { Container } from "../../Container/index.mjs";
-import { Checkbox } from "../../Input/Checkbox.mjs";
-import { Input } from "../../Input/Input.mjs";
 import { useSession } from "../../../api/useAuth/useSession.mjs";
 import { useAuditContentDeclarationMetadata } from "../../../api/hooks/ai.mjs";
 import { useGetDictionaries } from "../../../api/hooks/dictionary.mjs";
 import { useGetProjects } from "../../../api/hooks/project.mjs";
 import { useGetTags } from "../../../api/hooks/tag.mjs";
+import { Loader } from "../../Loader/index.mjs";
+import { Button } from "../../Button/Button.mjs";
+import { Container } from "../../Container/index.mjs";
+import { Checkbox } from "../../Input/Checkbox.mjs";
+import { Input } from "../../Input/Input.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { Select } from "../../Select/Select.mjs";
 import { Pagination } from "../../Pagination/Pagination.mjs";
@@ -28,11 +28,11 @@ import { useForm as useForm$1 } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";
 import { MonacoCode } from "../../IDE/MonacoCode.mjs";
 import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
+import { useEditedContent } from "@intlayer/editor-react";
 import { useEffect, useMemo, useState } 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 { useWatch } from "react-hook-form";
 import { AnimatePresence, motion } from "framer-motion";
 

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

@@ -10,11 +10,11 @@ import { DictionaryDetailsForm } from "./DictionaryDetails/DictionaryDetailsForm
 import { JSONEditor } from "./JSONEditor.mjs";
 import { SaveForm } from "./SaveForm/SaveForm.mjs";
 import { StructureEditor } from "./StructureEditor.mjs";
+import { useConfiguration, useDictionariesRecordActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { useEffect, useState } 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, rightContent }) => {

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

@@ -2,11 +2,11 @@ import { Button } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
 import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
+import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { useState } from "react";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 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";

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

@@ -1,17 +1,17 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { Button } from "../../Button/Button.mjs";
 import { useSession } from "../../../api/useAuth/useSession.mjs";
 import { useAuth } from "../../../api/useAuth/useAuth.mjs";
 import { useDeleteDictionary, usePushDictionaries } from "../../../api/hooks/dictionary.mjs";
 import { useWriteDictionary } from "../../../api/hooks/editor.mjs";
+import { Button } from "../../Button/Button.mjs";
 import { Modal } from "../../Modal/Modal.mjs";
+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

@@ -4,10 +4,10 @@ import { Button } from "../../Button/Button.mjs";
 import { Container } from "../../Container/index.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 { useIntlayer } from "react-intlayer";
-import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 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/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 { FormField, useFormField } from "../FormField.mjs";
 import { FormItemLayout } from "../layout/FormItemLayout.mjs";
 import { useEffect, useRef } from "react";

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

@@ -3,8 +3,8 @@
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { createContext, useContext, useEffect, useRef, useState } from "react";
-import { cva } from "class-variance-authority";
 import { MinusIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
 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 { isValidElement } from "react";
-import { cva } from "class-variance-authority";
 import { ExternalLink, MoveRight } from "lucide-react";
+import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getLocalizedUrl } from "@intlayer/core/localization";
 

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

@@ -1,11 +1,11 @@
 'use client';
 
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Input } from "../Input/Input.mjs";
 import { SwitchSelector } from "../SwitchSelector/SwitchSelector.mjs";
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
 import { useMemo, useRef, useState } from "react";
 import { Check, Globe, MoveVertical } from "lucide-react";

package/dist/esm/components/MarkdownEditor/generative/AISelector.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import { toast } from "../../Toaster/useToast.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { Button } from "../../Button/Button.mjs";
 import { Command, CommandRoot } from "../../Command/index.mjs";
 import { MarkdownRenderer as MarkdownRenderer$1 } from "../../MarkDownRender/MarkDownRender.mjs";
 import { useEditor } from "../novel/components/index.mjs";
 import { addAIHighlight } from "../novel/extensions/ai-highlight.mjs";
+import { toast } from "../../Toaster/useToast.mjs";
 import { AICompletionCommands } from "./AICompletionCommands.mjs";
 import { AISelectorCommands } from "./AISelectorCommands.mjs";
 import { useAICompletion } from "./useAICompletion.mjs";

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

@@ -1,14 +1,14 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Button } from "../Button/Button.mjs";
-import { Container } from "../Container/index.mjs";
 import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
 import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Container } from "../Container/index.mjs";
 import { H3 } from "../Headers/index.mjs";
 import { useEffect } from "react";
-import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
+import { cva } from "class-variance-authority";
 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 } from "../Button/Button.mjs";
 import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import { Button } from "../Button/Button.mjs";
 import { useEffect, useRef } from "react";
-import { cva } from "class-variance-authority";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 

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

@@ -1,12 +1,12 @@
 'use client';
 
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.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";

package/dist/esm/components/Tab/Tab.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { TabSelector } from "../TabSelector/TabSelector.mjs";
 import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
+import { TabSelector } from "../TabSelector/TabSelector.mjs";
 import { useTabContext } from "./TabContext.mjs";
 import { Children, createContext, isValidElement, useState } from "react";
 import { cva } from "class-variance-authority";

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

@@ -1,10 +1,10 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
+import { cva } from "class-variance-authority";
 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,6 +1,3 @@
-import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toastVariants } from "./Toaster/Toast.mjs";
-import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
-import { Toaster } from "./Toaster/Toaster.mjs";
 import { Loader } from "./Loader/index.mjs";
 import { Button, buttonVariants } from "./Button/Button.mjs";
 import { MaxHeightSmoother } from "./MaxHeightSmoother/index.mjs";
@@ -121,6 +118,9 @@ import { SmartTable } from "./Table/SmartTable.mjs";
 import { Hr, Td, Th, Tr } from "./Table/TableElements.mjs";
 import { MarkdownRenderer, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.mjs";
 import { createEditorUploadFn } from "./MarkdownEditor/imageUpload.mjs";
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toastVariants } from "./Toaster/Toast.mjs";
+import { reducer, toast, useToast } from "./Toaster/useToast.mjs";
+import { Toaster } from "./Toaster/Toaster.mjs";
 import { MarkdownEditor } from "./MarkdownEditor/MarkdownEditor.mjs";
 import { MaxWidthSmoother } from "./MaxWidthSmoother/index.mjs";
 import { DesktopNavbar } from "./Navbar/DesktopNavbar.mjs";

package/dist/esm/hooks/index.mjs

@@ -1,16 +1,16 @@
-import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
-import { useItemSelector } from "./useItemSelector.mjs";
-import { usePersistedStore } from "./usePersistedStore.mjs";
-import { useGetElementById } from "./useGetElementById.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 { useIsDarkMode } from "./useIsDarkMode.mjs";
+import { useItemSelector } from "./useItemSelector.mjs";
+import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
+import { useSearch } from "./useSearch.mjs";
 import { useIsMounted } from "./useIsMounted.mjs";
-import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
+import { useGetElementById } from "./useGetElementById.mjs";
+import { useIsDarkMode } from "./useIsDarkMode.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";
 
 export { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsDarkMode, useIsMounted, useItemSelector, useKeyboardDetector, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch };

package/dist/esm/providers/ReactQueryProvider.mjs

@@ -1,11 +1,11 @@
 'use client';
 
 import { useToast } from "../components/Toaster/useToast.mjs";
-import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
 import { MutationCache, QueryClient, QueryClientProvider, timeoutManager } from "@tanstack/react-query";
-import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
+import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
 
 //#region src/providers/ReactQueryProvider.tsx
 const PERSIST_MAX_AGE = 1e3 * 60 * 60 * 24;

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

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

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

@@ -25,9 +25,9 @@ type ButtonTextAlign = 'left' | 'center' | 'right';
  */
 declare const buttonVariants: (props?: {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "custom";
-  color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse";
+  color?: "error" | "custom" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "text" | "current" | "text-inverse" | "success";
   roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
-  variant?: "default" | "input" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
+  variant?: "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade" | "input";
   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" | "auto" | "none";
+  variant?: "dark" | "default" | "ghost" | "outlined";
+  spacing?: "sm" | "md" | "lg" | "none" | "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

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

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

@@ -13,7 +13,7 @@ declare const containerVariants: (props?: {
   padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
   separator?: "both" | "without" | "x" | "y";
   border?: "with" | "none";
-  borderColor?: "error" | "text" | "success" | "primary" | "secondary" | "neutral" | "card" | "warning";
+  borderColor?: "error" | "primary" | "secondary" | "neutral" | "card" | "text" | "success" | "warning";
   background?: "with" | "none" | "hoverable";
   gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
 } & _$class_variance_authority_types0.ClassProp) => string;

package/dist/types/components/DictionaryFieldEditor/DictionaryCreationForm/useDictionaryFormSchema.d.ts

@@ -7,10 +7,10 @@ declare const useDictionarySchema: (projectId: string) => z.ZodObject<{
   key: z.ZodDefault<z.ZodString>;
   projectIds: z.ZodDefault<z.ZodArray<z.ZodString>>;
   qualifierType: z.ZodDefault<z.ZodEnum<{
-    item: "item";
-    variant: "variant";
     none: "none";
+    variant: "variant";
     meta: "meta";
+    item: "item";
   }>>;
   item: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
   variant: z.ZodOptional<z.ZodString>;

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

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

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?: "disabled" | "enabled";
+  validationStyleEnabled?: "enabled" | "disabled";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type InputVariant = 'default' | 'invisible';
 type InputSize = 'md' | 'lg';

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

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

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

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

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

@@ -5,7 +5,7 @@ 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" | "neutral";
+  color?: "primary" | "secondary" | "neutral" | "text";
   variant?: "default" | "bordered" | "ghost";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type PaginationSize = 'sm' | 'md' | 'lg';

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

@@ -25,14 +25,14 @@ type SwitchSelectorBaseProps<T = boolean> = {
 };
 type SwitchSelectorProps<T = boolean> = SwitchSelectorBaseProps<T> & VariantProps<typeof switchSelectorVariant> & VariantProps<typeof choiceVariant>;
 declare const switchSelectorVariant: (props?: {
-  color?: "text" | "primary" | "secondary" | "neutral" | "light" | "dark";
+  color?: "primary" | "secondary" | "neutral" | "light" | "dark" | "text";
   disabled?: boolean;
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare const choiceVariant: (props?: {
   size?: "xs" | "sm" | "md" | "lg";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare const indicatorVariant: (props?: {
-  color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark";
+  color?: "error" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  * Component that allows the user to select one of the provided choices.

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

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 
 //#region src/components/SwitchSelector/VerticalSwitchSelector.d.ts
 declare const verticalSwitchSelectorVariant: (props?: {
-  color?: "text" | "error" | "primary" | "secondary" | "neutral" | "light" | "dark";
+  color?: "primary" | "secondary" | "neutral" | "light" | "dark" | "text" | "error";
   disabled?: boolean;
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare const verticalChoiceVariant: (props?: {

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

@@ -7,7 +7,7 @@ import { ItemSelectorOrientation } from "@hooks/useItemSelector";
 //#region src/components/TabSelector/TabSelector.d.ts
 type TabSelectorColor = 'primary' | 'secondary' | 'error' | 'neutral' | 'light' | 'dark' | 'text';
 declare const tabSelectorVariant: (props?: {
-  color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark";
+  color?: "error" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
   key: string | number;

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

@@ -147,7 +147,7 @@ type TagBorder = 'none' | 'with';
 type TagBackground = 'none' | 'with';
 declare const containerVariants: (props?: {
   roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xxl" | "xxxl";
-  color?: "error" | "text" | "success" | "primary" | "neutral" | "warning" | "black" | "white";
+  color?: "error" | "primary" | "neutral" | "text" | "success" | "warning" | "black" | "white";
   size?: "xs" | "sm" | "md" | "lg" | "xl";
   border?: "with" | "none";
   background?: "with" | "none";

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?: "error" | "success" | "default";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  * Toast Component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "9.0.0-canary.2",
+  "version": "9.0.0-canary.3",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -442,13 +442,13 @@
   "dependencies": {
     "@better-auth/passkey": "1.6.19",
     "@better-auth/sso": "1.6.19",
-    "@intlayer/api": "9.0.0-canary.2",
-    "@intlayer/chokidar": "9.0.0-canary.2",
-    "@intlayer/config": "9.0.0-canary.2",
-    "@intlayer/core": "9.0.0-canary.2",
-    "@intlayer/dictionaries-entry": "9.0.0-canary.2",
-    "@intlayer/editor-react": "9.0.0-canary.2",
-    "@intlayer/types": "9.0.0-canary.2",
+    "@intlayer/api": "9.0.0-canary.3",
+    "@intlayer/chokidar": "9.0.0-canary.3",
+    "@intlayer/config": "9.0.0-canary.3",
+    "@intlayer/core": "9.0.0-canary.3",
+    "@intlayer/dictionaries-entry": "9.0.0-canary.3",
+    "@intlayer/editor-react": "9.0.0-canary.3",
+    "@intlayer/types": "9.0.0-canary.3",
     "@radix-ui/react-dialog": "1.1.17",
     "@radix-ui/react-select": "2.3.1",
     "@radix-ui/react-slot": "1.3.0",
@@ -480,7 +480,7 @@
     "defu": "6.1.7",
     "dompurify": "3.4.10",
     "isomorphic-dompurify": "3.17.0",
-    "react-intlayer": "9.0.0-canary.2",
+    "react-intlayer": "9.0.0-canary.3",
     "react-moveable": "^0.56.0",
     "rollup-preserve-directives": "1.1.3",
     "tippy.js": "^6.3.7",
@@ -491,7 +491,7 @@
     "zod": "4.4.3"
   },
   "devDependencies": {
-    "@intlayer/backend": "9.0.0-canary.2",
+    "@intlayer/backend": "9.0.0-canary.3",
     "@shikijs/transformers": "4.2.0",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -522,7 +522,7 @@
     "@utils/ts-config-types": "1.0.4",
     "clsx": "2.1.1",
     "fast-glob": "3.3.3",
-    "intlayer": "9.0.0-canary.2",
+    "intlayer": "9.0.0-canary.3",
     "rimraf": "6.1.3",
     "shiki": "4.2.0",
     "storybook": "8.6.17",
@@ -530,26 +530,26 @@
     "tsdown": "0.21.10",
     "typescript": "6.0.3",
     "vite": "8.0.16",
-    "vite-intlayer": "9.0.0-canary.2",
+    "vite-intlayer": "9.0.0-canary.3",
     "vite-plugin-dts": "5.0.2",
     "vitest": "4.1.9"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.3.1",
     "@hookform/resolvers": "5.4.0",
-    "@intlayer/backend": "9.0.0-canary.2",
+    "@intlayer/backend": "9.0.0-canary.3",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.2.0",
     "@tanstack/react-query": "5.101.0",
     "@tanstack/react-query-devtools": "5.101.0",
     "framer-motion": "12.40.0",
     "fuse.js": "7.4.2",
-    "intlayer": "9.0.0-canary.2",
+    "intlayer": "9.0.0-canary.3",
     "lucide-react": "1.20.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.79.0",
-    "react-intlayer": "9.0.0-canary.2",
+    "react-intlayer": "9.0.0-canary.3",
     "shiki": "4.2.0",
     "tailwindcss": "4.3.1"
   },