@intlayer/design-system 9.4.1 → 9.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "9.4.1",
+  "version": "9.4.3",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -78,8 +78,8 @@
       "import": "./dist/esm/tailwind.config.mjs",
       "default": "./dist/esm/tailwind.config.mjs"
     },
-    "./css": "./tailwind.css",
-    "./css-output": "./dist/tailwind.css",
+    "./css": "./styles/globals.css",
+    "./css-output": "./dist/styles/globals.css",
     "./markdown-editor.css": "./src/components/MarkdownEditor/markdown-editor.css",
     "./package.json": "./package.json",
     "./accordion": {
@@ -227,6 +227,16 @@
       "import": "./dist/esm/components/IDE/shikiThemes.mjs",
       "default": "./dist/esm/components/IDE/shikiThemes.mjs"
     },
+    "./shiki-bundle": {
+      "types": "./dist/types/components/IDE/shikiBundle.d.ts",
+      "import": "./dist/esm/components/IDE/shikiBundle.mjs",
+      "default": "./dist/esm/components/IDE/shikiBundle.mjs"
+    },
+    "./shiki-languages": {
+      "types": "./dist/types/components/IDE/shikiLanguages.d.ts",
+      "import": "./dist/esm/components/IDE/shikiLanguages.mjs",
+      "default": "./dist/esm/components/IDE/shikiLanguages.mjs"
+    },
     "./information-tag": {
       "types": "./dist/types/components/InformationTag/index.d.ts",
       "import": "./dist/esm/components/InformationTag/index.mjs",
@@ -413,14 +423,14 @@
   "files": [
     "dist",
     "package.json",
-    "tailwind.css",
+    "styles/globals.css",
     "tw-source.css",
     "src/components/MarkdownEditor/markdown-editor.css"
   ],
   "scripts": {
     "build": "bun --bun tsdown --config tsdown.config.ts",
     "build:ci": "bun --bun tsdown --config tsdown.config.ts",
-    "build:css": "npx tailwindcss --minify -i ./tailwind.css -o ./dist/tailwind.css",
+    "build:css": "npx tailwindcss --minify -i ./styles/globals.css -o ./dist/styles/globals.css",
     "build:intlayer": "intlayer build",
     "build:package": "bun --bun tsdown --config tsdown.config.ts",
     "build:storybook": "storybook build",
@@ -445,57 +455,59 @@
     "typecheck_": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@better-auth/passkey": "1.7.1",
-    "@better-auth/sso": "1.7.1",
-    "@intlayer/api": "9.4.1",
-    "@intlayer/config": "9.4.1",
-    "@intlayer/core": "9.4.1",
-    "@intlayer/dictionaries-entry": "9.4.1",
-    "@intlayer/editor-react": "9.4.1",
-    "@intlayer/engine": "9.4.1",
-    "@intlayer/types": "9.4.1",
+    "@better-auth/passkey": "1.7.2",
+    "@better-auth/sso": "1.7.2",
+    "@intlayer/api": "9.4.3",
+    "@intlayer/config": "9.4.3",
+    "@intlayer/core": "9.4.3",
+    "@intlayer/dictionaries-entry": "9.4.3",
+    "@intlayer/editor-react": "9.4.3",
+    "@intlayer/engine": "9.4.3",
+    "@intlayer/types": "9.4.3",
     "@radix-ui/react-dialog": "1.1.23",
     "@radix-ui/react-select": "2.3.7",
     "@radix-ui/react-slot": "1.3.3",
     "@radix-ui/react-toast": "1.2.23",
     "@tailwindcss/aspect-ratio": "0.4.2",
-    "@tanstack/query-async-storage-persister": "5.101.4",
-    "@tanstack/react-query-persist-client": "5.101.4",
+    "@tanstack/query-async-storage-persister": "5.102.8",
+    "@tanstack/react-query-persist-client": "5.102.8",
     "@tanstack/react-virtual": "3.14.10",
-    "@tiptap/core": "3.30.1",
-    "@tiptap/extension-character-count": "3.30.1",
-    "@tiptap/extension-color": "3.30.1",
-    "@tiptap/extension-highlight": "3.30.1",
-    "@tiptap/extension-horizontal-rule": "3.30.1",
-    "@tiptap/extension-image": "3.30.1",
-    "@tiptap/extension-link": "3.30.1",
-    "@tiptap/extension-placeholder": "3.30.1",
-    "@tiptap/extension-task-item": "3.30.1",
-    "@tiptap/extension-task-list": "3.30.1",
-    "@tiptap/extension-text-style": "3.30.1",
-    "@tiptap/extension-underline": "3.30.1",
-    "@tiptap/extension-youtube": "3.30.1",
-    "@tiptap/pm": "3.30.1",
-    "@tiptap/react": "3.30.1",
-    "@tiptap/starter-kit": "3.30.1",
-    "@tiptap/suggestion": "3.30.1",
-    "better-auth": "1.7.1",
+    "@tiptap/core": "3.31.0",
+    "@tiptap/extension-character-count": "3.31.0",
+    "@tiptap/extension-code-block": "3.31.0",
+    "@tiptap/extension-color": "3.31.0",
+    "@tiptap/extension-highlight": "3.31.0",
+    "@tiptap/extension-horizontal-rule": "3.31.0",
+    "@tiptap/extension-image": "3.31.0",
+    "@tiptap/extension-link": "3.31.0",
+    "@tiptap/extension-placeholder": "3.31.0",
+    "@tiptap/extension-task-item": "3.31.0",
+    "@tiptap/extension-task-list": "3.31.0",
+    "@tiptap/extension-text-style": "3.31.0",
+    "@tiptap/extension-underline": "3.31.0",
+    "@tiptap/extension-youtube": "3.31.0",
+    "@tiptap/pm": "3.31.0",
+    "@tiptap/react": "3.31.0",
+    "@tiptap/starter-kit": "3.31.0",
+    "@tiptap/suggestion": "3.31.0",
+    "better-auth": "1.7.2",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "cnfast": "^0.1.0",
+    "cnfast": "0.1.0",
     "defu": "6.1.7",
-    "dompurify": "3.4.13",
-    "isomorphic-dompurify": "3.22.0",
-    "react-intlayer": "9.4.1",
+    "dompurify": "3.4.14",
+    "isomorphic-dompurify": "4.1.0",
+    "react-intlayer": "9.4.3",
     "rollup-preserve-directives": "1.1.3",
-    "tiptap-extension-code-block-shiki": "^1.2.0",
     "tiptap-extension-global-drag-handle": "^0.1.18",
     "tiptap-markdown": "^0.9.0",
     "tunnel-rat": "^0.1.2",
-    "zod": "4.4.3"
+    "zod": "4.5.4"
   },
   "devDependencies": {
-    "@intlayer/backend": "9.4.1",
+    "@intlayer/backend": "9.4.3",
+    "@shikijs/core": "4.4.3",
+    "@shikijs/engine-oniguruma": "4.4.3",
     "@shikijs/transformers": "4.4.3",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -515,43 +527,45 @@
     "@tailwindcss/cli": "4.3.3",
     "@tailwindcss/vite": "4.3.3",
     "@testing-library/jest-dom": "7.0.1",
-    "@testing-library/react": "16.3.2",
-    "@testing-library/user-event": "14.6.4",
+    "@testing-library/react": "16.3.3",
+    "@testing-library/user-event": "14.6.6",
     "@types/dompurify": "3.2.0",
     "@types/espree": "11.1.0",
-    "@types/node": "26.3.0",
+    "@types/node": "26.4.1",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "fast-glob": "3.3.3",
-    "intlayer": "9.4.1",
+    "intlayer": "9.4.3",
     "rimraf": "6.1.3",
     "shiki": "4.4.3",
     "storybook": "8.6.14",
     "tsdown": "0.22.14",
     "typescript": "7.0.2",
     "vite": "8.2.2",
-    "vite-intlayer": "9.4.1",
-    "vite-plugin-dts": "5.0.3",
+    "vite-intlayer": "9.4.3",
+    "vite-plugin-dts": "5.1.0",
     "vitest": "4.1.11"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.3.1",
     "@hookform/resolvers": "5.9.1",
-    "@intlayer/backend": "9.4.1",
+    "@intlayer/backend": "9.4.3",
     "@monaco-editor/react": "4.7.0",
+    "@shikijs/core": "4.4.3",
+    "@shikijs/engine-oniguruma": "4.4.3",
     "@shikijs/transformers": "4.4.3",
-    "@tanstack/react-query": "5.102.4",
-    "@tanstack/react-query-devtools": "5.102.4",
+    "@tanstack/react-query": "5.102.8",
+    "@tanstack/react-query-devtools": "5.102.8",
     "framer-motion": "13.1.1",
     "fuse.js": "7.5.0",
-    "intlayer": "9.4.1",
-    "lucide-react": "1.34.0",
+    "intlayer": "9.4.3",
+    "lucide-react": "1.39.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "react-hook-form": "7.86.0",
-    "react-intlayer": "9.4.1",
+    "react-hook-form": "7.87.0",
+    "react-intlayer": "9.4.3",
     "shiki": "4.4.3",
     "tailwindcss": "4.3.3"
   },

package/src/components/MarkdownEditor/markdown-editor.css

@@ -3,14 +3,14 @@
  *
  * Exposed via the `@intlayer/design-system/markdown-editor.css` export and
  * imported only by consumers that actually use the editor (currently the
- * `apps/app` CMS dashboard), rather than from the shared `tailwind.css`
+ * `apps/app` CMS dashboard), rather than from the shared `styles/globals.css`
  * entry — this keeps the ProseMirror specific rules (placeholder, task
  * checkboxes, image placeholder, drag handle) out of every other consumer's
  * CSS bundle.
  */
 
 :root,
-[data-theme="light"] {
+[data-theme='light'] {
   --novel-highlight-default: #ffffff;
   --novel-highlight-purple: #f6f3f8;
   --novel-highlight-red: #fdebeb;
@@ -27,7 +27,7 @@
   --novel-stone-800: rgba(69, 69, 69);
 }
 
-[data-theme="dark"] {
+[data-theme='dark'] {
   --novel-highlight-default: #000000;
   --novel-highlight-purple: #3f2c4b;
   --novel-highlight-red: #5c1a1a;
@@ -132,7 +132,7 @@
 }
 
 .img-placeholder::before {
-  content: "";
+  content: '';
   box-sizing: border-box;
   position: absolute;
   top: 50%;
@@ -152,23 +152,23 @@
 }
 
 /* Task list checkboxes */
-ul[data-type="taskList"] {
+ul[data-type='taskList'] {
   list-style: none;
   padding: 0;
 }
 
-ul[data-type="taskList"] li > label {
+ul[data-type='taskList'] li > label {
   margin-right: 0.2rem;
   user-select: none;
 }
 
 @media screen and (max-width: 768px) {
-  ul[data-type="taskList"] li > label {
+  ul[data-type='taskList'] li > label {
     margin-right: 0.5rem;
   }
 }
 
-ul[data-type="taskList"] li > label input[type="checkbox"] {
+ul[data-type='taskList'] li > label input[type='checkbox'] {
   -webkit-appearance: none;
   appearance: none;
   background-color: var(--background);
@@ -184,16 +184,16 @@ ul[data-type="taskList"] li > label input[type="checkbox"] {
   place-content: center;
 }
 
-ul[data-type="taskList"] li > label input[type="checkbox"]:hover {
+ul[data-type='taskList'] li > label input[type='checkbox']:hover {
   background-color: var(--accent);
 }
 
-ul[data-type="taskList"] li > label input[type="checkbox"]:active {
+ul[data-type='taskList'] li > label input[type='checkbox']:active {
   background-color: var(--accent);
 }
 
-ul[data-type="taskList"] li > label input[type="checkbox"]::before {
-  content: "";
+ul[data-type='taskList'] li > label input[type='checkbox']::before {
+  content: '';
   width: 0.65em;
   height: 0.65em;
   transform: scale(0);
@@ -203,11 +203,11 @@ ul[data-type="taskList"] li > label input[type="checkbox"]::before {
   clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 }
 
-ul[data-type="taskList"] li > label input[type="checkbox"]:checked::before {
+ul[data-type='taskList'] li > label input[type='checkbox']:checked::before {
   transform: scale(1);
 }
 
-ul[data-type="taskList"] li[data-checked="true"] > div > p {
+ul[data-type='taskList'] li[data-checked='true'] > div > p {
   color: var(--muted-foreground);
   text-decoration: line-through;
   text-decoration-thickness: 2px;
@@ -260,11 +260,11 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
   }
 }
 
-[data-theme="dark"] .drag-handle {
+[data-theme='dark'] .drag-handle {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(255, 255, 255, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
 }
 
-/* Shiki code-block highlighting (tiptap-extension-code-block-shiki).
+/* Shiki code-block highlighting (CodeBlockShiki).
  * The extension renders the light theme inline and adds a `--shiki-dark`
  * CSS variable on every token for the dark theme. Keep the block background
  * consistent with the rest of the editor (`bg-muted`) and swap token colors
@@ -274,7 +274,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
   background-color: var(--muted) !important;
 }
 
-[data-theme="dark"] .ProseMirror pre.shiki span {
+[data-theme='dark'] .ProseMirror pre.shiki span {
   /* biome-ignore lint/complexity/noImportantStyles: override shiki inline token color with the dark-theme variable */
   color: var(--shiki-dark, inherit) !important;
 }

package/styles/globals.css

@@ -0,0 +1,71 @@
+@import 'tailwindcss';
+
+@import 'fonts.css';
+@import 'themes.css';
+
+@plugin "@tailwindcss/aspect-ratio";
+@source "../src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}";
+
+
+@theme {
+	--font-sans: 'Geist', 'Inter', ui-sans-serif, system-ui, sans-serif;
+
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+
+	--color-text: var(--foreground);
+	--color-text-opposite: var(--background);
+	--color-foreground-opposite: var(--background);
+	--color-neutral: var(--color-foreground);
+
+	--color-card: var(--card);
+	--color-card-hover: var(--card-hover);
+
+	--color-muted: var(--muted);
+	--color-muted-foreground: var(--muted-foreground);
+
+	--color-popover: var(--popover);
+	--color-popover-foreground: var(--popover-foreground);
+
+	--color-primary: var(--primary);
+	--color-primary-foreground: var(--primary-foreground);
+
+	--color-secondary: var(--secondary);
+	--color-secondary-foreground: var(--secondary-foreground);
+
+	--color-accent: var(--accent);
+	--color-accent-foreground: var(--accent-foreground);
+
+	--color-border: var(--border);
+	--color-input: var(--input);
+	--color-ring: var(--ring);
+
+	--color-hypertext: var(--hypertext);
+	--color-hypertext-hover: var(--hypertext-hover);
+	--color-hypertext-active: var(--hypertext-active);
+
+	--color-success: var(--success);
+	--color-warning: var(--warning);
+	--color-error: var(--error);
+
+	--color-neutral: var(--neutral);
+	--color-white: var(--white);
+	--color-black: var(--black);
+
+	--radius-lg: var(--radius);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-sm: calc(var(--radius) - 4px);
+}
+
+html {
+	font-family: var(--font-sans);
+}
+
+body {
+	background: var(--background);
+	color: var(--foreground);
+}
+
+* {
+	border-color: var(--border);
+}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { useGetDictionaries } from '@api/index';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport {\n  type FC,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useState,\n  useTransition,\n} from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { Pagination } from '../Pagination';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\n/** Render a variant (named string or structured object) for display. */\nconst formatVariant = (\n  variant: string | Record<string, string | number> | undefined\n): string =>\n  variant !== null && typeof variant === 'object'\n    ? JSON.stringify(variant)\n    : (variant ?? '');\n\nexport const ContentEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { itemPagination, variantSwitcher } = useIntlayer('content-editor');\n  const { editedContent } = useEditedContent();\n  const {\n    focusedContent,\n    setFocusedContentKeyPath: _setFocusedContentKeyPath,\n  } = useFocusUnmergedDictionary();\n  const [, startTransition] = useTransition();\n  const setFocusedContentKeyPath: typeof _setFocusedContentKeyPath = (\n    keyPath\n  ) => startTransition(() => _setFocusedContentKeyPath(keyPath));\n\n  const [activeDictionary, setActiveDictionary] =\n    useState<Dictionary>(dictionary);\n\n  // Re-sync the locally tracked dictionary whenever the incoming prop changes\n  // identity — not only when its `localId` changes. After a save, the query\n  // refetches and hands back the same `localId` with fresh content; keying the\n  // effect on `localId` alone left `activeDictionary` (the render source) stale\n  // until a full page reload. The prop reference is stable across unrelated\n  // re-renders (query data / store entry), so sibling switches made via\n  // `switchSibling` are preserved.\n  useEffect(() => {\n    setActiveDictionary(dictionary);\n  }, [dictionary]);\n\n  const hasQualifier =\n    dictionary.item !== undefined || dictionary.variant !== undefined;\n\n  const { data: siblingsData } = useGetDictionaries(\n    { keys: [dictionary.key] },\n    { enabled: hasQualifier && !!dictionary.key }\n  );\n\n  const allSiblings = useMemo<Dictionary[]>(\n    () => (siblingsData?.data ?? []) as unknown as Dictionary[],\n    [siblingsData]\n  );\n\n  const itemDicts = useMemo<Dictionary[]>(() => {\n    if (dictionary.item === undefined) return [];\n    return allSiblings\n      .filter((d) => d.item !== undefined)\n      .sort((a, b) => (a.item ?? 0) - (b.item ?? 0));\n  }, [dictionary, allSiblings]);\n\n  const variantDicts = useMemo<Dictionary[]>(() => {\n    if (dictionary.variant === undefined) return [];\n    return allSiblings.filter((d) => d.variant !== undefined);\n  }, [dictionary, allSiblings]);\n\n  const switchSibling = useCallback(\n    (sibling: Dictionary) => {\n      setActiveDictionary(sibling);\n      setFocusedContentKeyPath([]);\n    },\n    [setFocusedContentKeyPath]\n  );\n\n  const { content, key, localId } = activeDictionary;\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n\n  const deferredKeyPath = useDeferredValue(focusedKeyPath);\n  const deferredSection = useDeferredValue(focusedSection);\n  const isStale = deferredSection !== focusedSection;\n\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(deferredSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  const currentItemIndex = itemDicts.findIndex(\n    (dictionary) => dictionary.localId === activeDictionary.localId\n  );\n  const currentVariant = activeDictionary.variant;\n\n  return (\n    <div>\n      {/* Qualifier navigation controls */}\n      {hasQualifier && (\n        <div className=\"mb-4 flex flex-wrap items-center gap-4\">\n          {itemDicts.length > 0 && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"font-medium text-muted text-xs\">\n                {itemPagination.label}\n              </span>\n              <Pagination\n                currentPage={currentItemIndex >= 0 ? currentItemIndex + 1 : 1}\n                totalPages={itemDicts.length}\n                onPageChange={(page) => {\n                  const target = itemDicts[page - 1];\n                  if (target) switchSibling(target);\n                }}\n                size=\"sm\"\n              />\n            </div>\n          )}\n\n          {variantDicts.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"font-medium text-muted text-xs\">\n                {variantSwitcher.label}:\n              </span>\n              {variantDicts.map((sibling) => {\n                const isActive = sibling.localId === activeDictionary.localId;\n                return (\n                  <button\n                    key={sibling.localId}\n                    type=\"button\"\n                    onClick={() => !isActive && switchSibling(sibling)}\n                    className={`rounded-lg px-3 py-1 text-xs transition-colors ${\n                      isActive\n                        ? 'bg-text font-semibold text-text-opposite'\n                        : 'cursor-pointer border border-border hover:bg-text/10'\n                    }`}\n                  >\n                    {formatVariant(sibling.variant)}\n                  </button>\n                );\n              })}\n              {currentVariant !== undefined &&\n                !variantDicts.some((d) => d.localId === dictionary.localId) && (\n                  <span className=\"rounded-lg bg-text px-3 py-1 font-semibold text-text-opposite text-xs\">\n                    {formatVariant(currentVariant)}\n                  </span>\n                )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"2xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={activeDictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (deferredKeyPath ?? []).length > 0) && (\n          <div\n            className={\n              isStale\n                ? 'pointer-events-none flex-1 opacity-50 transition-opacity'\n                : 'flex-1 transition-opacity'\n            }\n          >\n            <TextEditorContainer\n              keyPath={deferredKeyPath ?? []}\n              section={deferredSection}\n              dictionary={activeDictionary}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/types/components/DictionaryFieldEditor/ContentEditor.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { Dictionary } from "@intlayer/types/dictionary";
-//#region src/components/DictionaryFieldEditor/ContentEditor.d.ts
-type NodeEditorProps = {
-  dictionary: Dictionary;
-};
-declare const ContentEditor: FC<NodeEditorProps>;
-//#endregion
-export { ContentEditor };
-//# sourceMappingURL=ContentEditor.d.ts.map

package/dist/types/components/DictionaryFieldEditor/ContentEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditor.d.ts","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"mappings":";;;KA4BK;EACH,YAAY;;cAWD,eAAe,GAAG"}