@intlayer/design-system 8.1.2 → 8.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport {\n  type FC,\n  type KeyboardEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n  useState,\n} from 'react';\n\n/**\n * Props for the CopyToClipboard component\n */\nexport interface CopyToClipboardProps extends PropsWithChildren {\n  /**\n   * The text to copy to the clipboard when clicked\n   * @example \"Hello World\"\n   * @example \"npm install @intlayer/design-system\"\n   */\n  text: string;\n\n  /**\n   * Additional CSS classes for the wrapper element\n   * @example \"bg-blue-100 text-blue-800\"\n   */\n  className?: string;\n\n  /**\n   * Accessible label for screen readers when copy operation is available\n   * @default \"Copy to clipboard\"\n   */\n  'aria-label'?: string;\n\n  /**\n   * Accessible label for screen readers when content has been copied\n   * @default \"Copied to clipboard\"\n   */\n  'aria-copied-label'?: string;\n\n  /**\n   * Duration in milliseconds to show the \"copied\" state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback function called when copy operation succeeds\n   */\n  onCopySuccess?: () => void;\n\n  /**\n   * Callback function called when copy operation fails\n   */\n  onCopyError?: (error: Error) => void;\n\n  /**\n   * Disable the copy to clipboard functionality and return the children\n   * @default false\n   */\n  disable?: boolean;\n\n  /**\n   * Prevent the default behavior of the link when clicked\n   * @default true\n   */\n  preventDefault?: boolean;\n\n  /**\n   * Stop the propagation of the event when clicked\n   * @default true\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * The size of the icon in pixels\n   * @default 16\n   */\n  size?: number;\n}\n\nexport const useCopyToClipboard = (\n  text?: string,\n  feedbackDuration = 2000,\n  onCopySuccess?: () => void,\n  onCopyError?: (error: Error) => void\n) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async () => {\n    if (!text) return;\n\n    try {\n      if (navigator.clipboard?.writeText) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        onCopyError?.(new Error('Clipboard API not supported in this browser'));\n        return;\n      }\n\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), feedbackDuration);\n      onCopySuccess?.();\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to copy to clipboard';\n      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));\n    }\n  };\n\n  return { isCopied, copy };\n};\n\n/**\n * CopyToClipboard Component\n *\n * A versatile component that allows users to copy text to their clipboard with visual feedback.\n * Provides accessibility features, customizable feedback duration, and error handling.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CopyToClipboard text=\"Hello World\">\n * <span>Click to copy</span>\n * </CopyToClipboard>\n *\n * // With custom styling, callbacks, and icon size\n * <CopyToClipboard\n * text=\"npm install @intlayer/design-system\"\n * className=\"bg-gray-100 p-2\"\n * feedbackDuration={3000}\n * size={20}\n * onCopySuccess={() => console.log('Copied!')}\n * >\n * <code>npm install @intlayer/design-system</code>\n * </CopyToClipboard>\n * ```\n *\n * @component\n * @accessibility\n * - Uses proper ARIA labels for copy and copied states\n * - Supports keyboard navigation (Enter and Space keys)\n * - Announces state changes to screen readers\n * - Provides visual focus indicators\n */\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n  'aria-label': ariaLabel = 'Copy to clipboard',\n  'aria-copied-label': ariaCopiedLabel = 'Copied to clipboard',\n  feedbackDuration = 2000,\n  onCopySuccess,\n  onCopyError,\n  disable,\n  preventDefault = true,\n  stopPropagation = true,\n  size = 14,\n}) => {\n  const { isCopied, copy } = useCopyToClipboard(\n    text,\n    feedbackDuration,\n    onCopySuccess,\n    onCopyError\n  );\n\n  if (disable) return <span className={className}>{children}</span>;\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      handleCopy(event);\n    }\n  };\n\n  const handleCopy = (event: MouseEvent | KeyboardEvent) => {\n    if (preventDefault) event.preventDefault();\n    if (stopPropagation) event.stopPropagation();\n\n    copy();\n  };\n\n  const currentAriaLabel = isCopied ? ariaCopiedLabel : ariaLabel;\n\n  const IconComponent = isCopied ? CopyCheck : CopyIcon;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md p-0.5 hover:bg-neutral/10',\n        className\n      )}\n      onClick={handleCopy}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={currentAriaLabel}\n      aria-pressed={isCopied}\n      data-testid=\"copy-to-clipboard\"\n    >\n      <span className=\"min-w-0 break-all\">{children}</span>\n\n      {text && (\n        <IconComponent\n          className=\"ml-1 ml-auto shrink-0\"\n          size={size}\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;AAkFA,MAAa,sBACX,MACA,mBAAmB,KACnB,eACA,gBACG;CACH,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,OAAO,YAAY;AACvB,MAAI,CAAC,KAAM;AAEX,MAAI;AACF,OAAI,UAAU,WAAW,UACvB,OAAM,UAAU,UAAU,UAAU,KAAK;QACpC;AACL,kCAAc,IAAI,MAAM,8CAA8C,CAAC;AACvE;;AAGF,eAAY,KAAK;AACjB,oBAAiB,YAAY,MAAM,EAAE,iBAAiB;AACtD,oBAAiB;WACV,OAAO;GACd,MAAM,eACJ,iBAAiB,QAAQ,MAAM,UAAU;AAC3C,iBAAc,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,aAAa,CAAC;;;AAI3E,QAAO;EAAE;EAAU;EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmC3B,MAAa,mBAA6C,EACxD,MACA,UACA,WACA,cAAc,YAAY,qBAC1B,qBAAqB,kBAAkB,uBACvC,mBAAmB,KACnB,eACA,aACA,SACA,iBAAiB,MACjB,kBAAkB,MAClB,OAAO,SACH;CACJ,MAAM,EAAE,UAAU,SAAS,mBACzB,MACA,kBACA,eACA,YACD;AAED,KAAI,QAAS,QAAO,oBAAC;EAAgB;EAAY;GAAgB;CAEjE,MAAM,iBAAiB,UAAyB;AAC9C,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,YAAW,MAAM;;CAIrB,MAAM,cAAc,UAAsC;AACxD,MAAI,eAAgB,OAAM,gBAAgB;AAC1C,MAAI,gBAAiB,OAAM,iBAAiB;AAE5C,QAAM;;CAGR,MAAM,mBAAmB,WAAW,kBAAkB;CAEtD,MAAM,gBAAgB,WAAW,YAAY;AAE7C,QACE,qBAAC;EACC,WAAW,GACT,iGACA,UACD;EACD,SAAS;EACT,WAAW;EACX,MAAK;EACL,UAAU;EACV,cAAY;EACZ,gBAAc;EACd,eAAY;aAEZ,oBAAC;GAAK,WAAU;GAAqB;IAAgB,EAEpD,QACC,oBAAC;GACC,WAAU;GACJ;GACN,eAAY;IACZ;GAEC"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport {\n  type FC,\n  type KeyboardEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n  useState,\n} from 'react';\n\n/**\n * Props for the CopyToClipboard component\n */\nexport interface CopyToClipboardProps extends PropsWithChildren {\n  /**\n   * The text to copy to the clipboard when clicked\n   * @example \"Hello World\"\n   * @example \"npm install @intlayer/design-system\"\n   */\n  text: string;\n\n  /**\n   * Additional CSS classes for the wrapper element\n   * @example \"bg-blue-100 text-blue-800\"\n   */\n  className?: string;\n\n  /**\n   * Accessible label for screen readers when copy operation is available\n   * @default \"Copy to clipboard\"\n   */\n  'aria-label'?: string;\n\n  /**\n   * Accessible label for screen readers when content has been copied\n   * @default \"Copied to clipboard\"\n   */\n  'aria-copied-label'?: string;\n\n  /**\n   * Duration in milliseconds to show the \"copied\" state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback function called when copy operation succeeds\n   */\n  onCopySuccess?: () => void;\n\n  /**\n   * Callback function called when copy operation fails\n   */\n  onCopyError?: (error: Error) => void;\n\n  /**\n   * Disable the copy to clipboard functionality and return the children\n   * @default false\n   */\n  disable?: boolean;\n\n  /**\n   * Prevent the default behavior of the link when clicked\n   * @default true\n   */\n  preventDefault?: boolean;\n\n  /**\n   * Stop the propagation of the event when clicked\n   * @default true\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * The size of the icon in pixels\n   * @default 16\n   */\n  size?: number;\n}\n\nexport const useCopyToClipboard = (\n  text?: string,\n  feedbackDuration = 2000,\n  onCopySuccess?: () => void,\n  onCopyError?: (error: Error) => void\n) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async () => {\n    if (!text) return;\n\n    try {\n      if (navigator.clipboard?.writeText) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        onCopyError?.(new Error('Clipboard API not supported in this browser'));\n        return;\n      }\n\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), feedbackDuration);\n      onCopySuccess?.();\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to copy to clipboard';\n      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));\n    }\n  };\n\n  return { isCopied, copy };\n};\n\n/**\n * CopyToClipboard Component\n *\n * A versatile component that allows users to copy text to their clipboard with visual feedback.\n * Provides accessibility features, customizable feedback duration, and error handling.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CopyToClipboard text=\"Hello World\">\n * <span>Click to copy</span>\n * </CopyToClipboard>\n *\n * // With custom styling, callbacks, and icon size\n * <CopyToClipboard\n * text=\"npm install @intlayer/design-system\"\n * className=\"bg-gray-100 p-2\"\n * feedbackDuration={3000}\n * size={20}\n * onCopySuccess={() => console.log('Copied!')}\n * >\n * <code>npm install @intlayer/design-system</code>\n * </CopyToClipboard>\n * ```\n *\n * @component\n * @accessibility\n * - Uses proper ARIA labels for copy and copied states\n * - Supports keyboard navigation (Enter and Space keys)\n * - Announces state changes to screen readers\n * - Provides visual focus indicators\n */\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n  'aria-label': ariaLabel = 'Copy to clipboard',\n  'aria-copied-label': ariaCopiedLabel = 'Copied to clipboard',\n  feedbackDuration = 2000,\n  onCopySuccess,\n  onCopyError,\n  disable,\n  preventDefault = true,\n  stopPropagation = true,\n  size = 14,\n}) => {\n  const { isCopied, copy } = useCopyToClipboard(\n    text,\n    feedbackDuration,\n    onCopySuccess,\n    onCopyError\n  );\n\n  if (disable) return <span className={className}>{children}</span>;\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      handleCopy(event);\n    }\n  };\n\n  const handleCopy = (event: MouseEvent | KeyboardEvent) => {\n    if (preventDefault) event.preventDefault();\n    if (stopPropagation) event.stopPropagation();\n\n    copy();\n  };\n\n  const currentAriaLabel = isCopied ? ariaCopiedLabel : ariaLabel;\n\n  const IconComponent = isCopied ? CopyCheck : CopyIcon;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md p-0.5 hover:bg-neutral/10',\n        className\n      )}\n      onClick={handleCopy}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={currentAriaLabel}\n      aria-pressed={isCopied}\n      data-testid=\"copy-to-clipboard\"\n    >\n      <span className=\"min-w-0 break-all\">{children}</span>\n\n      {text && (\n        <IconComponent\n          className=\"ml-1 ml-auto shrink-0\"\n          size={size}\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n};\n"],"mappings":"+LAkFA,MAAa,GACX,EACA,EAAmB,IACnB,EACA,IACG,CACH,GAAM,CAAC,EAAU,GAAe,EAAS,GAAM,CAuB/C,MAAO,CAAE,WAAU,KArBN,SAAY,CAClB,KAEL,GAAI,CACF,GAAI,UAAU,WAAW,UACvB,MAAM,UAAU,UAAU,UAAU,EAAK,KACpC,CACL,IAAkB,MAAM,8CAA8C,CAAC,CACvE,OAGF,EAAY,GAAK,CACjB,eAAiB,EAAY,GAAM,CAAE,EAAiB,CACtD,KAAiB,OACV,EAAO,CACd,IAAM,EACJ,aAAiB,MAAQ,EAAM,QAAU,8BAC3C,IAAc,aAAiB,MAAQ,EAAY,MAAM,EAAa,CAAC,GAIlD,EAmCd,GAA6C,CACxD,OACA,WACA,YACA,aAAc,EAAY,oBAC1B,oBAAqB,EAAkB,sBACvC,mBAAmB,IACnB,gBACA,cACA,UACA,iBAAiB,GACjB,kBAAkB,GAClB,OAAO,MACH,CACJ,GAAM,CAAE,WAAU,QAAS,EACzB,EACA,EACA,EACA,EACD,CAED,GAAI,EAAS,OAAO,EAAC,OAAA,CAAgB,YAAY,YAAgB,CAEjE,IAAM,EAAiB,GAAyB,EAC1C,EAAM,MAAQ,SAAW,EAAM,MAAQ,MACzC,EAAW,EAAM,EAIf,EAAc,GAAsC,CACpD,GAAgB,EAAM,gBAAgB,CACtC,GAAiB,EAAM,iBAAiB,CAE5C,GAAM,EAGF,EAAmB,EAAW,EAAkB,EAEhD,EAAgB,EAAW,EAAY,EAE7C,OACE,EAAC,OAAA,CACC,UAAW,EACT,gGACA,EACD,CACD,QAAS,EACT,UAAW,EACX,KAAK,SACL,SAAU,EACV,aAAY,EACZ,eAAc,EACd,cAAY,8BAEZ,EAAC,OAAA,CAAK,UAAU,oBAAqB,YAAgB,CAEpD,GACC,EAAC,EAAA,CACC,UAAU,wBACJ,OACN,cAAY,QACZ,CAAA,EAEC"}

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

@@ -1,32 +1,2 @@
-'use client';
-
-import { NodeWrapper } from "./NodeWrapper/index.mjs";
-import { createElement } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useEditedContent, useFocusUnmergedDictionary } from "@intlayer/editor-react";
-
-//#region src/components/DictionaryEditor/DictionaryEditor.tsx
-const DictionaryEditor = ({ dictionary, ...props }) => {
-	const { editedContent, addEditedContent } = useEditedContent();
-	const { focusedContent, setFocusedContentKeyPath } = useFocusUnmergedDictionary();
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-col gap-2",
-		children: /* @__PURE__ */ createElement(NodeWrapper, {
-			...props,
-			keyPath: [],
-			dictionary,
-			key: JSON.stringify((editedContent?.[dictionary.localId] ?? dictionary).content),
-			editedContent: editedContent?.[dictionary.localId]?.content,
-			focusedKeyPath: focusedContent?.keyPath,
-			section: dictionary.content,
-			onContentChange: (content) => {
-				addEditedContent(dictionary.localId, content.newValue, content.keyPath);
-			},
-			onFocusKeyPath: setFocusedContentKeyPath
-		})
-	});
-};
-
-//#endregion
-export { DictionaryEditor };
+"use client";import{NodeWrapper as e}from"./NodeWrapper/index.mjs";import{createElement as t}from"react";import{jsx as n}from"react/jsx-runtime";import{useEditedContent as r,useFocusUnmergedDictionary as i}from"@intlayer/editor-react";const a=({dictionary:a,...o})=>{let{editedContent:s,addEditedContent:c}=r(),{focusedContent:l,setFocusedContentKeyPath:u}=i();return n(`div`,{className:`flex flex-col gap-2`,children:t(e,{...o,keyPath:[],dictionary:a,key:JSON.stringify((s?.[a.localId]??a).content),editedContent:s?.[a.localId]?.content,focusedKeyPath:l?.keyPath,section:a.content,onContentChange:e=>{c(a.localId,e.newValue,e.keyPath)},onFocusKeyPath:u})})};export{a as DictionaryEditor};
 //# sourceMappingURL=DictionaryEditor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEditedContent,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, Locale } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locale;\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <NodeWrapper\n        {...props}\n        keyPath={[]}\n        dictionary={dictionary}\n        key={JSON.stringify(\n          (editedContent?.[dictionary.localId!] ?? dictionary).content\n        )}\n        editedContent={editedContent?.[dictionary.localId!]?.content}\n        focusedKeyPath={focusedContent?.keyPath}\n        section={dictionary.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            dictionary.localId!,\n            content.newValue,\n            content.keyPath\n          );\n        }}\n        onFocusKeyPath={setFocusedContentKeyPath}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAgBA,MAAa,oBAA+C,EAC1D,YACA,GAAG,YACC;CACJ,MAAM,EAAE,eAAe,qBAAqB,kBAAkB;CAC9D,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;AAE9B,QACE,oBAAC;EAAI,WAAU;YACb,8BAAC;GACC,GAAI;GACJ,SAAS,EAAE;GACC;GACZ,KAAK,KAAK,WACP,gBAAgB,WAAW,YAAa,YAAY,QACtD;GACD,eAAe,gBAAgB,WAAW,UAAW;GACrD,gBAAgB,gBAAgB;GAChC,SAAS,WAAW;GACpB,kBAAkB,YAAY;AAC5B,qBACE,WAAW,SACX,QAAQ,UACR,QAAQ,QACT;;GAEH,gBAAgB;IAChB;GACE"}
+{"version":3,"file":"DictionaryEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEditedContent,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, Locale } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locale;\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <NodeWrapper\n        {...props}\n        keyPath={[]}\n        dictionary={dictionary}\n        key={JSON.stringify(\n          (editedContent?.[dictionary.localId!] ?? dictionary).content\n        )}\n        editedContent={editedContent?.[dictionary.localId!]?.content}\n        focusedKeyPath={focusedContent?.keyPath}\n        section={dictionary.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            dictionary.localId!,\n            content.newValue,\n            content.keyPath\n          );\n        }}\n        onFocusKeyPath={setFocusedContentKeyPath}\n      />\n    </div>\n  );\n};\n"],"mappings":"2OAgBA,MAAa,GAA+C,CAC1D,aACA,GAAG,KACC,CACJ,GAAM,CAAE,gBAAe,oBAAqB,GAAkB,CACxD,CAAE,iBAAgB,4BACtB,GAA4B,CAE9B,OACE,EAAC,MAAA,CAAI,UAAU,+BACb,EAAC,EAAA,CACC,GAAI,EACJ,QAAS,EAAE,CACC,aACZ,IAAK,KAAK,WACP,IAAgB,EAAW,UAAa,GAAY,QACtD,CACD,cAAe,IAAgB,EAAW,UAAW,QACrD,eAAgB,GAAgB,QAChC,QAAS,EAAW,QACpB,gBAAkB,GAAY,CAC5B,EACE,EAAW,QACX,EAAQ,SACR,EAAQ,QACT,EAEH,eAAgB,GAChB,EACE"}

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

@@ -1,37 +1,2 @@
-import { cn } from "../../utils/cn.mjs";
-import { Accordion } from "../Accordion/Accordion.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/DictionaryEditor/ItemLayout.tsx
-const ItemLayout = ({ level, title, description, children, rightParam, isSelected, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("rounded-md p-2 transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && "", isSelected === true && "bg-card/40"),
-	...props,
-	children: /* @__PURE__ */ jsx(Accordion, {
-		isOpen: isSelected,
-		label: title,
-		header: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex w-full items-center justify-between",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: cn(level === 0 && "text-lg", level === 1 && "text-md", level === 2 && "text-md", level >= 3 && "text-base"),
-					children: title
-				}), rightParam && /* @__PURE__ */ jsx("div", {
-					className: "flex w-auto items-center justify-between p-3",
-					children: rightParam
-				})]
-			}), description && /* @__PURE__ */ jsx("p", {
-				className: "pl-3 text-card text-sm",
-				children: description
-			})]
-		}),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "size-full px-2",
-			children
-		})
-	})
-});
-
-//#endregion
-export { ItemLayout };
+import{cn as e}from"../../utils/cn.mjs";import{Accordion as t}from"../Accordion/Accordion.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=({level:i,title:a,description:o,children:s,rightParam:c,isSelected:l,...u})=>n(`div`,{className:e(`rounded-md p-2 transition`,`hover:bg-card/30 [&:has(.section:hover)]:bg-transparent`,i===2&&`hover:bg-card/30`,i>=3&&``,l===!0&&`bg-card/40`),...u,children:n(t,{isOpen:l,label:a,header:r(`div`,{className:`flex w-full`,children:[r(`div`,{className:`flex w-full items-center justify-between`,children:[n(`span`,{className:e(i===0&&`text-lg`,i===1&&`text-md`,i===2&&`text-md`,i>=3&&`text-base`),children:a}),c&&n(`div`,{className:`flex w-auto items-center justify-between p-3`,children:c})]}),o&&n(`p`,{className:`pl-3 text-card text-sm`,children:o})]}),children:n(`div`,{className:`size-full px-2`,children:s})})});export{i as ItemLayout};
 //# sourceMappingURL=ItemLayout.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemLayout.mjs","names":[],"sources":["../../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { Accordion } from '../Accordion';\n\ninterface ItemWrapperProps extends HTMLAttributes<HTMLDivElement> {\n  level: number;\n  children: ReactNode;\n  title: string;\n  description: string;\n  rightParam?: ReactNode;\n  isSelected: boolean;\n}\n\nexport const ItemLayout: FC<ItemWrapperProps> = ({\n  level,\n  title,\n  description,\n  children,\n  rightParam,\n  isSelected,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'rounded-md p-2 transition',\n      'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40'\n    )}\n    {...props}\n  >\n    <Accordion\n      isOpen={isSelected}\n      label={title}\n      header={\n        <div className=\"flex w-full\">\n          <div className=\"flex w-full items-center justify-between\">\n            <span\n              className={cn(\n                level === 0 && 'text-lg',\n                level === 1 && 'text-md',\n                level === 2 && 'text-md',\n                level >= 3 && 'text-base'\n              )}\n            >\n              {title}\n            </span>\n            {rightParam && (\n              <div className=\"flex w-auto items-center justify-between p-3\">\n                {rightParam}\n              </div>\n            )}\n          </div>\n          {description && (\n            <p className=\"pl-3 text-card text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      <div className=\"size-full px-2\">{children}</div>\n    </Accordion>\n  </div>\n);\n"],"mappings":";;;;;AAaA,MAAa,cAAoC,EAC/C,OACA,OACA,aACA,UACA,YACA,YACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,6BACA,2DACA,UAAU,KAAK,oBACf,SAAS,KAAK,IACd,eAAe,QAAQ,aACxB;CACD,GAAI;WAEJ,oBAAC;EACC,QAAQ;EACR,OAAO;EACP,QACE,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,WAAW,GACT,UAAU,KAAK,WACf,UAAU,KAAK,WACf,UAAU,KAAK,WACf,SAAS,KAAK,YACf;eAEA;MACI,EACN,cACC,oBAAC;KAAI,WAAU;eACZ;MACG;KAEJ,EACL,eACC,oBAAC;IAAE,WAAU;cAA0B;KAAgB;IAErD;YAGR,oBAAC;GAAI,WAAU;GAAkB;IAAe;GACtC;EACR"}
+{"version":3,"file":"ItemLayout.mjs","names":[],"sources":["../../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { Accordion } from '../Accordion';\n\ninterface ItemWrapperProps extends HTMLAttributes<HTMLDivElement> {\n  level: number;\n  children: ReactNode;\n  title: string;\n  description: string;\n  rightParam?: ReactNode;\n  isSelected: boolean;\n}\n\nexport const ItemLayout: FC<ItemWrapperProps> = ({\n  level,\n  title,\n  description,\n  children,\n  rightParam,\n  isSelected,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'rounded-md p-2 transition',\n      'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40'\n    )}\n    {...props}\n  >\n    <Accordion\n      isOpen={isSelected}\n      label={title}\n      header={\n        <div className=\"flex w-full\">\n          <div className=\"flex w-full items-center justify-between\">\n            <span\n              className={cn(\n                level === 0 && 'text-lg',\n                level === 1 && 'text-md',\n                level === 2 && 'text-md',\n                level >= 3 && 'text-base'\n              )}\n            >\n              {title}\n            </span>\n            {rightParam && (\n              <div className=\"flex w-auto items-center justify-between p-3\">\n                {rightParam}\n              </div>\n            )}\n          </div>\n          {description && (\n            <p className=\"pl-3 text-card text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      <div className=\"size-full px-2\">{children}</div>\n    </Accordion>\n  </div>\n);\n"],"mappings":"iJAaA,MAAa,GAAoC,CAC/C,QACA,QACA,cACA,WACA,aACA,aACA,GAAG,KAEH,EAAC,MAAA,CACC,UAAW,EACT,4BACA,0DACA,IAAU,GAAK,mBACf,GAAS,GAAK,GACd,IAAe,IAAQ,aACxB,CACD,GAAI,WAEJ,EAAC,EAAA,CACC,OAAQ,EACR,MAAO,EACP,OACE,EAAC,MAAA,CAAI,UAAU,wBACb,EAAC,MAAA,CAAI,UAAU,qDACb,EAAC,OAAA,CACC,UAAW,EACT,IAAU,GAAK,UACf,IAAU,GAAK,UACf,IAAU,GAAK,UACf,GAAS,GAAK,YACf,UAEA,GACI,CACN,GACC,EAAC,MAAA,CAAI,UAAU,wDACZ,GACG,CAAA,EAEJ,CACL,GACC,EAAC,IAAA,CAAE,UAAU,kCAA0B,GAAgB,CAAA,EAErD,UAGR,EAAC,MAAA,CAAI,UAAU,iBAAkB,YAAe,EACtC,EACR"}

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

@@ -1,36 +1,2 @@
-import { ItemLayout } from "../ItemLayout.mjs";
-import { NodeWrapper } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-import { isSameKeyPath } from "@intlayer/core";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx
-const ArrayWrapper = (props) => {
-	const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = props;
-	return section.map((subSection, key) => {
-		const newKeyPathEl = {
-			key,
-			type: NodeType.Array
-		};
-		const newKeyPath = [...keyPath, newKeyPathEl];
-		return /* @__PURE__ */ jsx(ItemLayout, {
-			level: keyPath.length,
-			title: `${key}`,
-			description: "",
-			isSelected: isSameKeyPath(newKeyPath, focusedKeyPath),
-			onClick: (e) => {
-				e.stopPropagation();
-				onFocusKeyPath(newKeyPath);
-			},
-			children: /* @__PURE__ */ jsx(NodeWrapper, {
-				...props,
-				keyPath: newKeyPath,
-				section: subSection
-			})
-		}, JSON.stringify(subSection));
-	});
-};
-
-//#endregion
-export { ArrayWrapper };
+import{ItemLayout as e}from"../ItemLayout.mjs";import{NodeWrapper as t}from"./index.mjs";import{jsx as n}from"react/jsx-runtime";import{NodeType as r}from"@intlayer/types";import{isSameKeyPath as i}from"@intlayer/core/utils";const a=a=>{let{keyPath:o,section:s,onFocusKeyPath:c,focusedKeyPath:l=[]}=a;return s.map((s,u)=>{let d={key:u,type:r.Array},f=[...o,d];return n(e,{level:o.length,title:`${u}`,description:``,isSelected:i(f,l),onClick:e=>{e.stopPropagation(),c(f)},children:n(t,{...a,keyPath:f,section:s})},JSON.stringify(s))})};export{a as ArrayWrapper};
 //# sourceMappingURL=ArrayWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/ArrayWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core';\nimport type { ContentNode } from '@intlayer/types';\nimport { type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n"],"mappings":";;;;;;;AAWA,MAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,SAAS,SAAS,gBAAgB,iBAAiB,EAAE,KAAK;AAElE,QAAO,QAAQ,KAAK,YAAY,QAAQ;EACtC,MAAM,eAAwB;GAC5B;GACA,MAAM,SAAS;GAChB;EACD,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;AAExD,SACE,oBAAC;GACC,OAAO,QAAQ;GAEf,OAAO,GAAG;GACV,aAAY;GACZ,YAAY,cAAc,YAAY,eAAe;GACrD,UAAU,MAAM;AACd,MAAE,iBAAiB;AACnB,mBAAe,WAAW;;aAG5B,oBAAC;IAAY,GAAI;IAAO,SAAS;IAAY,SAAS;KAAc;KAT/D,KAAK,UAAU,WAAW,CAUpB;GAEf"}
+{"version":3,"file":"ArrayWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core/utils';\nimport type { ContentNode } from '@intlayer/types';\nimport { type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n"],"mappings":"iOAWA,MAAa,EAAuC,GAAU,CAC5D,GAAM,CAAE,UAAS,UAAS,iBAAgB,iBAAiB,EAAE,EAAK,EAElE,OAAO,EAAQ,KAAK,EAAY,IAAQ,CACtC,IAAM,EAAwB,CAC5B,MACA,KAAM,EAAS,MAChB,CACK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAExD,OACE,EAAC,EAAA,CACC,MAAO,EAAQ,OAEf,MAAO,GAAG,IACV,YAAY,GACZ,WAAY,EAAc,EAAY,EAAe,CACrD,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,EAAe,EAAW,WAG5B,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,GAAc,EAT/D,KAAK,UAAU,EAAW,CAUpB,EAEf"}

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

@@ -1,33 +1,2 @@
-import { NodeWrapper, traceKeys } from "./index.mjs";
-import { createElement } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx
-const ConditionWrapper = (props) => {
-	const { keyPath, section } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
-			const newKeyPathEl = {
-				type: NodeType.Condition,
-				key
-			};
-			const newKeyPath = [...keyPath, newKeyPathEl];
-			const subSection = section[NodeType.Condition][key];
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-				className: "flex items-center font-bold",
-				children: key
-			}), /* @__PURE__ */ createElement(NodeWrapper, {
-				...props,
-				key,
-				keyPath: newKeyPath,
-				section: subSection
-			})] });
-		})
-	});
-};
-
-//#endregion
-export { ConditionWrapper };
+import{NodeWrapper as e,traceKeys as t}from"./index.mjs";import{createElement as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types";const s=s=>{let{keyPath:c,section:l}=s;return i(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:Object.keys(l).filter(e=>!t.includes(e)).map(t=>{let u={type:o.Condition,key:t},d=[...c,u],f=l[o.Condition][t];return a(r,{children:[i(`span`,{className:`flex items-center font-bold`,children:t}),n(e,{...s,key:t,keyPath:d,section:f})]})})})};export{s as ConditionWrapper};
 //# sourceMappingURL=ConditionWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/ConditionWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx"],"sourcesContent":["import type { ConditionContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AASA,MAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,SAAS,YAAY;AAE7B,QACE,oBAAC;EAAI,WAAU;YACZ,OAAO,KAAK,QAAQ,CAClB,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,CACzC,KAAK,QAAQ;GACZ,MAAM,eAAwB;IAC5B,MAAM,SAAS;IACf;IACD;GACD,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;GAExD,MAAM,aACJ,QAAQ,SAAS,WACf;AAGJ,UACE,8CACE,oBAAC;IAAK,WAAU;cAA+B;KAAW,EAC1D,8BAAC;IACC,GAAI;IACC;IACL,SAAS;IACT,SAAS;KACT,IACD;IAEL;GACA"}
+{"version":3,"file":"ConditionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx"],"sourcesContent":["import type { ConditionContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":"0MASA,MAAa,EAA+C,GAAU,CACpE,GAAM,CAAE,UAAS,WAAY,EAE7B,OACE,EAAC,MAAA,CAAI,UAAU,gDACZ,OAAO,KAAK,EAAQ,CAClB,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACzC,IAAK,GAAQ,CACZ,IAAM,EAAwB,CAC5B,KAAM,EAAS,UACf,MACD,CACK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,EAAS,WACf,GAGJ,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,OAAA,CAAK,UAAU,uCAA+B,GAAW,CAC1D,EAAC,EAAA,CACC,GAAI,EACC,MACL,QAAS,EACT,QAAS,GACT,CAAA,CAAA,CACD,EAEL,EACA"}

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

@@ -1,33 +1,2 @@
-import { NodeWrapper, traceKeys } from "./index.mjs";
-import { createElement } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx
-const EnumerationWrapper = (props) => {
-	const { keyPath, section } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
-			const newKeyPathEl = {
-				type: NodeType.Enumeration,
-				key
-			};
-			const newKeyPath = [...keyPath, newKeyPathEl];
-			const subSection = section[NodeType.Enumeration][key];
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-				className: "flex items-center font-bold",
-				children: key
-			}), /* @__PURE__ */ createElement(NodeWrapper, {
-				...props,
-				key,
-				keyPath: newKeyPath,
-				section: subSection
-			})] });
-		})
-	});
-};
-
-//#endregion
-export { EnumerationWrapper };
+import{NodeWrapper as e,traceKeys as t}from"./index.mjs";import{createElement as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types";const s=s=>{let{keyPath:c,section:l}=s;return i(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:Object.keys(l).filter(e=>!t.includes(e)).map(t=>{let u={type:o.Enumeration,key:t},d=[...c,u],f=l[o.Enumeration][t];return a(r,{children:[i(`span`,{className:`flex items-center font-bold`,children:t}),n(e,{...s,key:t,keyPath:d,section:f})]})})})};export{s as EnumerationWrapper};
 //# sourceMappingURL=EnumerationWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnumerationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"sourcesContent":["import type { EnumerationContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<ContentNode>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AASA,MAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,SAAS,YAAY;AAE7B,QACE,oBAAC;EAAI,WAAU;YACZ,OAAO,KAAK,QAAQ,CAClB,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,CACzC,KAAK,QAAQ;GACZ,MAAM,eAAwB;IAC5B,MAAM,SAAS;IACf;IACD;GACD,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;GAExD,MAAM,aACJ,QAAQ,SAAS,aACf;AAGJ,UACE,8CACE,oBAAC;IAAK,WAAU;cAA+B;KAAW,EAC1D,8BAAC;IACC,GAAI;IACC;IACL,SAAS;IACT,SAAS;KACT,IACD;IAEL;GACA"}
+{"version":3,"file":"EnumerationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"sourcesContent":["import type { EnumerationContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<ContentNode>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":"0MASA,MAAa,EAAmD,GAAU,CACxE,GAAM,CAAE,UAAS,WAAY,EAE7B,OACE,EAAC,MAAA,CAAI,UAAU,gDACZ,OAAO,KAAK,EAAQ,CAClB,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACzC,IAAK,GAAQ,CACZ,IAAM,EAAwB,CAC5B,KAAM,EAAS,YACf,MACD,CACK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,EAAS,aACf,GAGJ,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,OAAA,CAAK,UAAU,uCAA+B,GAAW,CAC1D,EAAC,EAAA,CACC,GAAI,EACC,MACL,QAAS,EACT,QAAS,GACT,CAAA,CAAA,CACD,EAEL,EACA"}

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

@@ -1,37 +1,2 @@
-import { StringWrapper } from "./StringWrapper.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditedContent } from "@intlayer/editor-react";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx
-const FileWrapper = (props) => {
-	const { keyPath, section } = props;
-	const { addEditedContent } = useEditedContent();
-	const editedContentValue = getContentNodeByKeyPath(props.editedContent, keyPath);
-	const subSection = section[NodeType.File];
-	const { content } = section;
-	const newKeyPath = [...keyPath, { type: NodeType.File }];
-	return /* @__PURE__ */ jsxs("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: [/* @__PURE__ */ jsxs("span", {
-			className: "text-neutral text-sm",
-			children: [subSection, " "]
-		}), /* @__PURE__ */ jsx(StringWrapper, {
-			...props,
-			keyPath: newKeyPath,
-			section: content,
-			editedContentValue: editedContentValue?.content,
-			onContentChange: (content) => {
-				addEditedContent(props.dictionary.localId, {
-					...section,
-					content: content.newValue
-				}, keyPath);
-			}
-		})]
-	});
-};
-
-//#endregion
-export { FileWrapper };
+import{StringWrapper as e}from"./StringWrapper.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useEditedContent as r}from"@intlayer/editor-react";import{getContentNodeByKeyPath as i}from"@intlayer/core/dictionaryManipulator";import{NodeType as a}from"@intlayer/types";const o=o=>{let{keyPath:s,section:c}=o,{addEditedContent:l}=r(),u=i(o.editedContent,s),d=c[a.File],{content:f}=c,p=[...s,{type:a.File}];return n(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:[n(`span`,{className:`text-neutral text-sm`,children:[d,` `]}),t(e,{...o,keyPath:p,section:f,editedContentValue:u?.content,onContentChange:e=>{l(o.dictionary.localId,{...c,content:e.newValue},s)}})]})};export{o as FileWrapper};
 //# sourceMappingURL=FileWrapper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"],"sourcesContent":["import { type FileContent, getContentNodeByKeyPath } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport {\n  type KeyPath,\n  type LocalDictionaryId,\n  NodeType,\n} from '@intlayer/types';\nimport type { FC } from 'react';\nimport { StringWrapper, type StringWrapperProps } from './StringWrapper';\n\ntype FileWrapperProps = Omit<StringWrapperProps, 'section'> & {\n  section: FileContent;\n};\n\nexport const FileWrapper: FC<FileWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n  const { addEditedContent } = useEditedContent();\n  const editedContentValue = getContentNodeByKeyPath(\n    props.editedContent,\n    keyPath\n  ) as FileContent | undefined;\n\n  const subSection = section[NodeType.File];\n  const { content } = section;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.File,\n    },\n  ];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <span className=\"text-neutral text-sm\">{subSection} </span>\n      <StringWrapper\n        {...props}\n        keyPath={newKeyPath}\n        section={content}\n        editedContentValue={editedContentValue?.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            props.dictionary.localId as LocalDictionaryId,\n            {\n              ...section,\n              content: content.newValue,\n            } as FileContent,\n            keyPath\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAcA,MAAa,eAAqC,UAAU;CAC1D,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,qBAAqB,kBAAkB;CAC/C,MAAM,qBAAqB,wBACzB,MAAM,eACN,QACD;CAED,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,EAAE,YAAY;CAEpB,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,SAAS,MAChB,CACF;AAED,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAK,WAAU;cAAwB,YAAW;IAAQ,EAC3D,oBAAC;GACC,GAAI;GACJ,SAAS;GACT,SAAS;GACT,oBAAoB,oBAAoB;GACxC,kBAAkB,YAAY;AAC5B,qBACE,MAAM,WAAW,SACjB;KACE,GAAG;KACH,SAAS,QAAQ;KAClB,EACD,QACD;;IAEH;GACE"}
+{"version":3,"file":"FileWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport type { FileContent } from '@intlayer/core/transpiler';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport {\n  type KeyPath,\n  type LocalDictionaryId,\n  NodeType,\n} from '@intlayer/types';\nimport type { FC } from 'react';\nimport { StringWrapper, type StringWrapperProps } from './StringWrapper';\n\ntype FileWrapperProps = Omit<StringWrapperProps, 'section'> & {\n  section: FileContent;\n};\n\nexport const FileWrapper: FC<FileWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n  const { addEditedContent } = useEditedContent();\n  const editedContentValue = getContentNodeByKeyPath(\n    props.editedContent,\n    keyPath\n  ) as FileContent | undefined;\n\n  const subSection = section[NodeType.File];\n  const { content } = section;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.File,\n    },\n  ];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <span className=\"text-neutral text-sm\">{subSection} </span>\n      <StringWrapper\n        {...props}\n        keyPath={newKeyPath}\n        section={content}\n        editedContentValue={editedContentValue?.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            props.dictionary.localId as LocalDictionaryId,\n            {\n              ...section,\n              content: content.newValue,\n            } as FileContent,\n            keyPath\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"0RAeA,MAAa,EAAqC,GAAU,CAC1D,GAAM,CAAE,UAAS,WAAY,EACvB,CAAE,oBAAqB,GAAkB,CACzC,EAAqB,EACzB,EAAM,cACN,EACD,CAEK,EAAa,EAAQ,EAAS,MAC9B,CAAE,WAAY,EAEd,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,KAChB,CACF,CAED,OACE,EAAC,MAAA,CAAI,UAAU,iDACb,EAAC,OAAA,CAAK,UAAU,iCAAwB,EAAW,IAAA,EAAQ,CAC3D,EAAC,EAAA,CACC,GAAI,EACJ,QAAS,EACT,QAAS,EACT,mBAAoB,GAAoB,QACxC,gBAAkB,GAAY,CAC5B,EACE,EAAM,WAAW,QACjB,CACE,GAAG,EACH,QAAS,EAAQ,SAClB,CACD,EACD,GAEH,CAAA,EACE"}

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

@@ -1,22 +1,2 @@
-import { NodeWrapper } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx
-const HtmlWrapper = (props) => {
-	const { keyPath, section } = props;
-	const newKeyPath = [...keyPath, { type: NodeType.HTML }];
-	const subSection = section[NodeType.HTML];
-	return /* @__PURE__ */ jsx("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: /* @__PURE__ */ jsx(NodeWrapper, {
-			...props,
-			keyPath: newKeyPath,
-			section: subSection
-		})
-	});
-};
-
-//#endregion
-export { HtmlWrapper };
+import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.HTML}],s=a[n.HTML];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as HtmlWrapper};
 //# sourceMappingURL=HtmlWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/HtmlWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx"],"sourcesContent":["import type { HTMLContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype HtmlWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: HTMLContent<ContentNode>;\n};\n\nexport const HtmlWrapper: FC<HtmlWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.HTML,\n    },\n  ];\n\n  const subSection = section[NodeType.HTML] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AASA,MAAa,eAAqC,UAAU;CAC1D,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,SAAS,MAChB,CACF;CAED,MAAM,aAAa,QAAQ,SAAS;AAEpC,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAY,GAAI;GAAO,SAAS;GAAY,SAAS;IAAc;GAChE"}
+{"version":3,"file":"HtmlWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx"],"sourcesContent":["import type { HTMLContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype HtmlWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: HTMLContent<ContentNode>;\n};\n\nexport const HtmlWrapper: FC<HtmlWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.HTML,\n    },\n  ];\n\n  const subSection = section[NodeType.HTML] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"6HASA,MAAa,EAAqC,GAAU,CAC1D,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,KAChB,CACF,CAEK,EAAa,EAAQ,EAAS,MAEpC,OACE,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,GAAc,EAChE"}

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

@@ -1,22 +1,2 @@
-import { NodeWrapper } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx
-const InsertionWrapper = (props) => {
-	const { keyPath, section } = props;
-	const newKeyPath = [...keyPath, { type: NodeType.Insertion }];
-	const subSection = section[NodeType.Insertion];
-	return /* @__PURE__ */ jsx("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: /* @__PURE__ */ jsx(NodeWrapper, {
-			...props,
-			keyPath: newKeyPath,
-			section: subSection
-		})
-	});
-};
-
-//#endregion
-export { InsertionWrapper };
+import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.Insertion}],s=a[n.Insertion];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as InsertionWrapper};
 //# sourceMappingURL=InsertionWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/InsertionWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InsertionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx"],"sourcesContent":["import type { InsertionContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype InsertionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: InsertionContent<ContentNode>;\n};\n\nexport const InsertionWrapper: FC<InsertionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Insertion,\n    },\n  ];\n\n  const subSection = section[NodeType.Insertion];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AASA,MAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,SAAS,WAChB,CACF;CAED,MAAM,aAAa,QAAQ,SAAS;AAEpC,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAY,GAAI;GAAO,SAAS;GAAY,SAAS;IAAc;GAChE"}
+{"version":3,"file":"InsertionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx"],"sourcesContent":["import type { InsertionContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype InsertionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: InsertionContent<ContentNode>;\n};\n\nexport const InsertionWrapper: FC<InsertionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Insertion,\n    },\n  ];\n\n  const subSection = section[NodeType.Insertion];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"6HASA,MAAa,EAA+C,GAAU,CACpE,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,UAChB,CACF,CAEK,EAAa,EAAQ,EAAS,WAEpC,OACE,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,GAAc,EAChE"}

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

@@ -1,22 +1,2 @@
-import { NodeWrapper } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx
-const MarkdownWrapper = (props) => {
-	const { keyPath, section } = props;
-	const newKeyPath = [...keyPath, { type: NodeType.Markdown }];
-	const subSection = section[NodeType.Markdown];
-	return /* @__PURE__ */ jsx("div", {
-		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-		children: /* @__PURE__ */ jsx(NodeWrapper, {
-			...props,
-			keyPath: newKeyPath,
-			section: subSection
-		})
-	});
-};
-
-//#endregion
-export { MarkdownWrapper };
+import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.Markdown}],s=a[n.Markdown];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as MarkdownWrapper};
 //# sourceMappingURL=MarkdownWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Markdown,\n    },\n  ];\n\n  const subSection = section[NodeType.Markdown] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AASA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,SAAS,UAChB,CACF;CAED,MAAM,aAAa,QAAQ,SAAS;AAEpC,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAY,GAAI;GAAO,SAAS;GAAY,SAAS;IAAc;GAChE"}
+{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Markdown,\n    },\n  ];\n\n  const subSection = section[NodeType.Markdown] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"6HASA,MAAa,EAA6C,GAAU,CAClE,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,SAChB,CACF,CAEK,EAAa,EAAQ,EAAS,UAEpC,OACE,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,GAAc,EAChE"}

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

@@ -1,40 +1,2 @@
-import { ItemLayout } from "../ItemLayout.mjs";
-import { NodeWrapper, traceKeys } from "./index.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isSameKeyPath } from "@intlayer/core";
-import { NodeType } from "@intlayer/types";
-import { camelCaseToSentence } from "@intlayer/config/client";
-
-//#region src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx
-const NestedObjectWrapper = memo((props) => {
-	const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;
-	return useMemo(() => Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)), [section]).map((key) => {
-		const newKeyPathEl = {
-			key,
-			type: NodeType.Object
-		};
-		const newKeyPath = [...keyPath, newKeyPathEl];
-		const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);
-		return /* @__PURE__ */ jsx(ItemLayout, {
-			level: keyPath.length,
-			title: camelCaseToSentence(key),
-			description: "",
-			isSelected,
-			onClick: (e) => {
-				e.stopPropagation();
-				if (isSelected) onFocusKeyPath([]);
-				else onFocusKeyPath(newKeyPath);
-			},
-			children: /* @__PURE__ */ jsx(NodeWrapper, {
-				...props,
-				keyPath: newKeyPath,
-				section: section[key]
-			})
-		}, key);
-	});
-});
-
-//#endregion
-export { NestedObjectWrapper };
+import{ItemLayout as e}from"../ItemLayout.mjs";import{NodeWrapper as t,traceKeys as n}from"./index.mjs";import{memo as r,useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types";import{isSameKeyPath as s}from"@intlayer/core/utils";import{camelCaseToSentence as c}from"@intlayer/config/client";const l=r(r=>{let{keyPath:l,section:u,focusedKeyPath:d=[],onFocusKeyPath:f}=r;return i(()=>Object.keys(u??{}).filter(e=>!n.includes(e)),[u]).map(n=>{let i={key:n,type:o.Object},p=[...l,i],m=s(p,d);return a(e,{level:l.length,title:c(n),description:``,isSelected:m,onClick:e=>{e.stopPropagation(),f(m?[]:p)},children:a(t,{...r,keyPath:p,section:u[n]})},n)})});export{l as NestedObjectWrapper};
 //# sourceMappingURL=NestedObjectWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestedObjectWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport { isSameKeyPath } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport { type FC, memo, useMemo } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = memo(\n  (props) => {\n    const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;\n\n    const sectionKeys = useMemo(\n      () =>\n        Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)),\n      [section]\n    );\n\n    return sectionKeys.map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={camelCaseToSentence(key)}\n          description=\"\"\n          isSelected={isSelected}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            if (isSelected) {\n              onFocusKeyPath([]);\n            } else {\n              onFocusKeyPath(newKeyPath);\n            }\n          }}\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n  }\n);\n"],"mappings":";;;;;;;;;AAWA,MAAa,sBAAoD,MAC9D,UAAU;CACT,MAAM,EAAE,SAAS,SAAS,iBAAiB,EAAE,EAAE,mBAAmB;AAQlE,QANoB,cAEhB,OAAO,KAAK,WAAW,EAAE,CAAC,CAAC,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,EACtE,CAAC,QAAQ,CACV,CAEkB,KAAK,QAAQ;EAC9B,MAAM,eAAwB;GAAE;GAAK,MAAM,SAAS;GAAQ;EAC5D,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;EAExD,MAAM,aAAa,cAAc,YAAY,eAAe;AAE5D,SACE,oBAAC;GACC,OAAO,QAAQ;GAEf,OAAO,oBAAoB,IAAI;GAC/B,aAAY;GACA;GACZ,UAAU,MAAM;AACd,MAAE,iBAAiB;AAEnB,QAAI,WACF,gBAAe,EAAE,CAAC;QAElB,gBAAe,WAAW;;aAI9B,oBAAC;IAAY,GAAI;IAAO,SAAS;IAAY,SAAS,QAAQ;KAAQ;KAdjE,IAeM;GAEf;EAEL"}
+{"version":3,"file":"NestedObjectWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport { type FC, memo, useMemo } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = memo(\n  (props) => {\n    const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;\n\n    const sectionKeys = useMemo(\n      () =>\n        Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)),\n      [section]\n    );\n\n    return sectionKeys.map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={camelCaseToSentence(key)}\n          description=\"\"\n          isSelected={isSelected}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            if (isSelected) {\n              onFocusKeyPath([]);\n            } else {\n              onFocusKeyPath(newKeyPath);\n            }\n          }}\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n  }\n);\n"],"mappings":"wVAWA,MAAa,EAAoD,EAC9D,GAAU,CACT,GAAM,CAAE,UAAS,UAAS,iBAAiB,EAAE,CAAE,kBAAmB,EAQlE,OANoB,MAEhB,OAAO,KAAK,GAAW,EAAE,CAAC,CAAC,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACtE,CAAC,EAAQ,CACV,CAEkB,IAAK,GAAQ,CAC9B,IAAM,EAAwB,CAAE,MAAK,KAAM,EAAS,OAAQ,CACtD,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EAAa,EAAc,EAAY,EAAe,CAE5D,OACE,EAAC,EAAA,CACC,MAAO,EAAQ,OAEf,MAAO,EAAoB,EAAI,CAC/B,YAAY,GACA,aACZ,QAAU,GAAM,CACd,EAAE,iBAAiB,CAGjB,EADE,EACa,EAAE,CAEF,EAAW,WAI9B,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,EAAQ,IAAQ,EAdjE,EAeM,EAEf,EAEL"}

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

@@ -1,36 +1,2 @@
-import { cn } from "../../../utils/cn.mjs";
-import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditorLocale } from "@intlayer/editor-react";
-
-//#region src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx
-const StringWrapper = ({ keyPath, section, editedContent, editedContentValue: editedContentValueProp, onContentChange, onFocusKeyPath, renderSection }) => {
-	const currentLocale = useEditorLocale();
-	const editedContentValue = editedContentValueProp ?? getContentNodeByKeyPath(editedContent, keyPath, currentLocale);
-	if (editedContentValue && typeof editedContentValue !== "string") return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section - Edited content Incoherence with the original content format" });
-	const level = keyPath.length;
-	const content = String(editedContentValue ?? section);
-	return /* @__PURE__ */ jsx("span", {
-		role: "button",
-		tabIndex: 0,
-		className: cn("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
-		onClick: (e) => {
-			e.stopPropagation();
-			onFocusKeyPath(keyPath);
-		},
-		children: typeof renderSection === "function" ? renderSection(content) : /* @__PURE__ */ jsx(EditableFieldTextArea, {
-			"aria-label": "Editable field",
-			defaultValue: content,
-			onSave: (newValue) => onContentChange({
-				keyPath,
-				newValue
-			}),
-			onCancel: () => null
-		})
-	});
-};
-
-//#endregion
-export { StringWrapper };
+import{cn as e}from"../../../utils/cn.mjs";import{EditableFieldTextArea as t}from"../../EditableField/EditableFieldTextArea.mjs";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{useEditorLocale as i}from"@intlayer/editor-react";import{getContentNodeByKeyPath as a}from"@intlayer/core/dictionaryManipulator";const o=({keyPath:o,section:s,editedContent:c,editedContentValue:l,onContentChange:u,onFocusKeyPath:d,renderSection:f})=>{let p=i(),m=l??a(c,o,p);if(m&&typeof m!=`string`)return r(n,{children:`Error loading section - Edited content Incoherence with the original content format`});let h=o.length,g=String(m??s);return r(`button`,{type:`button`,className:e(`w-full rounded-md p-2 text-left transition`,`hover:bg-card/30 [&:has(.section:hover)]:bg-transparent`,h===2&&`hover:bg-card/30`,h>=3&&``),onClick:e=>{e.stopPropagation(),d(o)},children:typeof f==`function`?f(g):r(t,{"aria-label":`Editable field`,defaultValue:g,onSave:e=>u({keyPath:o,newValue:e}),onCancel:()=>null})})};export{o as StringWrapper};
 //# sourceMappingURL=StringWrapper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { EditableFieldTextArea } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n  editedContentValue?: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  editedContentValue: editedContentValueProp,\n  onContentChange,\n  onFocusKeyPath,\n  renderSection,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue =\n    editedContentValueProp ??\n    getContentNodeByKeyPath(editedContent, keyPath, currentLocale);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      {typeof renderSection === 'function' ? (\n        renderSection(content)\n      ) : (\n        <EditableFieldTextArea\n          aria-label=\"Editable field\"\n          defaultValue={content}\n          onSave={(newValue) => onContentChange({ keyPath, newValue })}\n          onCancel={() => null}\n        />\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;AAYA,MAAa,iBAAyC,EACpD,SACA,SACA,eACA,oBAAoB,wBACpB,iBACA,gBACA,oBACI;CACJ,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,qBACJ,0BACA,wBAAwB,eAAe,SAAS,cAAc;AAEhE,KAAI,sBAAsB,OAAO,uBAAuB,SACtD,QACE,0CAAE,wFAGC;CAIP,MAAM,QAAQ,QAAQ;CAEtB,MAAM,UAAU,OAAO,sBAAsB,QAAQ;AAErD,QACE,oBAAC;EACC,MAAK;EACL,UAAU;EACV,WAAW,GACT,8CACA,2DACA,UAAU,KAAK,oBACf,SAAS,KAAK,GACf;EACD,UAAU,MAAM;AACd,KAAE,iBAAiB;AACnB,kBAAe,QAAQ;;YAGxB,OAAO,kBAAkB,aACxB,cAAc,QAAQ,GAEtB,oBAAC;GACC,cAAW;GACX,cAAc;GACd,SAAS,aAAa,gBAAgB;IAAE;IAAS;IAAU,CAAC;GAC5D,gBAAgB;IAChB;GAEC"}
+{"version":3,"file":"StringWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { EditableFieldTextArea } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n  editedContentValue?: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  editedContentValue: editedContentValueProp,\n  onContentChange,\n  onFocusKeyPath,\n  renderSection,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue =\n    editedContentValueProp ??\n    getContentNodeByKeyPath(editedContent, keyPath, currentLocale);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      {typeof renderSection === 'function' ? (\n        renderSection(content)\n      ) : (\n        <EditableFieldTextArea\n          aria-label=\"Editable field\"\n          defaultValue={content}\n          onSave={(newValue) => onContentChange({ keyPath, newValue })}\n          onCancel={() => null}\n        />\n      )}\n    </button>\n  );\n};\n"],"mappings":"+TAYA,MAAa,GAAyC,CACpD,UACA,UACA,gBACA,mBAAoB,EACpB,kBACA,iBACA,mBACI,CACJ,IAAM,EAAgB,GAAiB,CACjC,EACJ,GACA,EAAwB,EAAe,EAAS,EAAc,CAEhE,GAAI,GAAsB,OAAO,GAAuB,SACtD,OACE,EAAA,EAAA,CAAA,SAAE,sFAAA,CAGC,CAIP,IAAM,EAAQ,EAAQ,OAEhB,EAAU,OAAO,GAAsB,EAAQ,CAErD,OACE,EAAC,SAAA,CACC,KAAK,SACL,UAAW,EACT,6CACA,0DACA,IAAU,GAAK,mBACf,GAAS,GAAK,GACf,CACD,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,EAAe,EAAQ,WAGxB,OAAO,GAAkB,WACxB,EAAc,EAAQ,CAEtB,EAAC,EAAA,CACC,aAAW,iBACX,aAAc,EACd,OAAS,GAAa,EAAgB,CAAE,UAAS,WAAU,CAAC,CAC5D,aAAgB,MAChB,EAEG"}