@intlayer/design-system 5.0.6 → 5.1.0

package/dist/components/ContentEditor/ContentEditorTextArea.mjs

@@ -1,10 +1,13 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Check, X } from "lucide-react";
 import { useState, useEffect } from "react";
 import { Button } from "../Button/Button.mjs";
 import { AutoSizedTextArea } from "../TextArea/AutoSizeTextArea.mjs";
-import "../TextArea/TextArea.mjs";
+import "clsx";
+import "tailwind-merge";
+import "../Input/Input.mjs";
+import "../Input/Checkbox.mjs";
 const ContentEditorTextArea = ({
   children,
   onContentChange,
@@ -28,12 +31,12 @@ const ContentEditorTextArea = ({
     setNewValue(children);
   }, [children]);
   const isValid = validate?.(newValue) ?? true;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "flex size-full flex-col items-center justify-between gap-2",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           AutoSizedTextArea,
           {
             onChange: handleOnContentChange,
@@ -44,9 +47,9 @@ const ContentEditorTextArea = ({
           },
           resetIncrementor
         ),
-        (isEdited || additionalButtons) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
-          isEdited && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+        (isEdited || additionalButtons) && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
+          isEdited && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               Button,
               {
                 Icon: Check,
@@ -59,7 +62,7 @@ const ContentEditorTextArea = ({
                 onClick: handleValid
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               Button,
               {
                 Icon: X,

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n  ReactNode,\n} from 'react';\nimport { Button } from '../Button';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Fragment"],"mappings":";;;;;;;AAqBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,SACE,YAAY,sBACXD,kCAAA,KAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEGA,kCAAA,KAAAE,4BAAA,EAAA,UAAA;AAAA,YAAAD,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IApCG;AAAA,EAsCP;AAEJ;"}
+{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type AutoSizedTextAreaProps, AutoSizedTextArea } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoSizedTextArea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACb,GAAG;AAAA,UAAA;AAAA,UAJC;AAAA,QAKP;AAAA,SACE,YAAY,sBACX,qBAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IApCG;AAAA,EAsCP;AAEJ;"}

package/dist/components/ContentSelector/ContentSelector.cjs

@@ -1,14 +1,14 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const components_PressableSpan_PressableSpan = require("../PressableSpan/PressableSpan.cjs");
 const ContentSelector = ({
   children,
   onSelect,
   onUnselect,
   isSelecting
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   components_PressableSpan_PressableSpan.PressableSpan,
   {
     onPress: onSelect,

package/dist/components/ContentSelector/ContentSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.cjs","sources":["../../../src/components/ContentSelector/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { PressableSpan } from '../PressableSpan';\n\ntype ContentSelectorProps = {\n  children: ReactNode;\n  onSelect: () => void;\n  onUnselect?: () => void;\n  isSelecting?: boolean;\n};\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onSelect,\n  onUnselect,\n  isSelecting,\n}) => (\n  <PressableSpan\n    onPress={onSelect}\n    onClickOutside={onUnselect}\n    isSelecting={isSelecting}\n  >\n    {children}\n  </PressableSpan>\n);\n"],"names":["jsx","PressableSpan"],"mappings":";;;;;AAYO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAACC,uCAAA;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IAEC;AAAA,EAAA;AACH;;"}
+{"version":3,"file":"ContentSelector.cjs","sources":["../../../src/components/ContentSelector/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { PressableSpan } from '../PressableSpan';\n\ntype ContentSelectorProps = {\n  children: ReactNode;\n  onSelect: () => void;\n  onUnselect?: () => void;\n  isSelecting?: boolean;\n};\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onSelect,\n  onUnselect,\n  isSelecting,\n}) => (\n  <PressableSpan\n    onPress={onSelect}\n    onClickOutside={onUnselect}\n    isSelecting={isSelecting}\n  >\n    {children}\n  </PressableSpan>\n);\n"],"names":["jsx","PressableSpan"],"mappings":";;;;;AAYO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACEA,2BAAA;AAAA,EAACC,uCAAA;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IAEC;AAAA,EAAA;AACH;;"}

package/dist/components/ContentSelector/ContentSelector.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { PressableSpan } from "../PressableSpan/PressableSpan.mjs";
 const ContentSelector = ({
   children,
   onSelect,
   onUnselect,
   isSelecting
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(
   PressableSpan,
   {
     onPress: onSelect,

package/dist/components/ContentSelector/ContentSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.mjs","sources":["../../../src/components/ContentSelector/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { PressableSpan } from '../PressableSpan';\n\ntype ContentSelectorProps = {\n  children: ReactNode;\n  onSelect: () => void;\n  onUnselect?: () => void;\n  isSelecting?: boolean;\n};\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onSelect,\n  onUnselect,\n  isSelecting,\n}) => (\n  <PressableSpan\n    onPress={onSelect}\n    onClickOutside={onUnselect}\n    isSelecting={isSelecting}\n  >\n    {children}\n  </PressableSpan>\n);\n"],"names":["jsx"],"mappings":";;;AAYO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IAEC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"ContentSelector.mjs","sources":["../../../src/components/ContentSelector/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { PressableSpan } from '../PressableSpan';\n\ntype ContentSelectorProps = {\n  children: ReactNode;\n  onSelect: () => void;\n  onUnselect?: () => void;\n  isSelecting?: boolean;\n};\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onSelect,\n  onUnselect,\n  isSelecting,\n}) => (\n  <PressableSpan\n    onPress={onSelect}\n    onClickOutside={onUnselect}\n    isSelecting={isSelecting}\n  >\n    {children}\n  </PressableSpan>\n);\n"],"names":[],"mappings":";;;AAYO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IAEC;AAAA,EAAA;AACH;"}

package/dist/components/CopyToClipboard/index.cjs

@@ -1,25 +1,25 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const utils_cn = require("../../utils/cn.cjs");
 const CopyToClipboard = ({
   text,
   children,
   className
 }) => {
-  const [isCopied, setIsCopied] = require$$0.useState(false);
+  const [isCopied, setIsCopied] = ReactExports.useState(false);
   const handleCopy = () => {
     navigator.clipboard.writeText(text).then(() => {
       setIsCopied(true);
       setTimeout(() => setIsCopied(false), 1e3);
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: utils_cn.cn("gap-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn("gap-2", className), children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.CopyCheck,
       {
         size: 12,
@@ -28,7 +28,7 @@ const CopyToClipboard = ({
         "data-testid": "copy-to-clipboard",
         className: "ml-1 mt-1"
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.CopyIcon,
       {
         size: 12,

package/dist/components/CopyToClipboard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport { FC, PropsWithChildren, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CopyToClipboardProps = PropsWithChildren<{\n  text: string;\n  className?: string;\n}>;\n\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(text).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 1000);\n    });\n  };\n\n  return (\n    <span className={cn('gap-2', className)}>\n      {children}\n\n      <span className=\"inline-flex\">\n        {text &&\n          (isCopied ? (\n            <CopyCheck\n              size={12}\n              aria-label=\"copied\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1\"\n            />\n          ) : (\n            <CopyIcon\n              size={12}\n              onClick={handleCopy}\n              aria-label=\"copy\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1 cursor-pointer\"\n            />\n          ))}\n      </span>\n    </span>\n  );\n};\n"],"names":["useState","cn","jsx","CopyCheck","CopyIcon"],"mappings":";;;;;;;AAWO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,WAAAA,SAAS,KAAK;AAE9C,QAAM,aAAa,MAAM;AACvB,cAAU,UAAU,UAAU,IAAI,EAAE,KAAK,MAAM;AAC7C,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,GAAI;AAAA,IAAA,CAC1C;AAAA,EACH;AAEA,2DACG,QAAK,EAAA,WAAWC,SAAG,GAAA,SAAS,SAAS,GACnC,UAAA;AAAA,IAAA;AAAA,IAEAC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,eACb,mBACE,WACCA,2BAAA,kBAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZD,2BAAA,kBAAA;AAAA,MAACE,YAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAGlB,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport { type FC, type PropsWithChildren, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CopyToClipboardProps = PropsWithChildren<{\n  text: string;\n  className?: string;\n}>;\n\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(text).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 1000);\n    });\n  };\n\n  return (\n    <span className={cn('gap-2', className)}>\n      {children}\n\n      <span className=\"inline-flex\">\n        {text &&\n          (isCopied ? (\n            <CopyCheck\n              size={12}\n              aria-label=\"copied\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1\"\n            />\n          ) : (\n            <CopyIcon\n              size={12}\n              onClick={handleCopy}\n              aria-label=\"copy\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1 cursor-pointer\"\n            />\n          ))}\n      </span>\n    </span>\n  );\n};\n"],"names":["useState","cn","jsx","CopyCheck","CopyIcon"],"mappings":";;;;;;;AAWO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,aAAAA,SAAS,KAAK;AAE9C,QAAM,aAAa,MAAM;AACvB,cAAU,UAAU,UAAU,IAAI,EAAE,KAAK,MAAM;AAC7C,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,GAAI;AAAA,IAAA,CAC1C;AAAA,EACH;AAEA,yCACG,QAAK,EAAA,WAAWC,SAAG,GAAA,SAAS,SAAS,GACnC,UAAA;AAAA,IAAA;AAAA,IAEAC,2BAAA,IAAA,QAAA,EAAK,WAAU,eACb,mBACE,WACCA,2BAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZD,2BAAA;AAAA,MAACE,YAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAGlB,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/CopyToClipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyCpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyCpD,CAAC"}

package/dist/components/CopyToClipboard/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { CopyCheck, CopyIcon } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../../utils/cn.mjs";
@@ -15,9 +15,9 @@ const CopyToClipboard = ({
       setTimeout(() => setIsCopied(false), 1e3);
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: cn("gap-2", className), children: [
+  return /* @__PURE__ */ jsxs("span", { className: cn("gap-2", className), children: [
     children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsx(
       CopyCheck,
       {
         size: 12,
@@ -26,7 +26,7 @@ const CopyToClipboard = ({
         "data-testid": "copy-to-clipboard",
         className: "ml-1 mt-1"
       }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ) : /* @__PURE__ */ jsx(
       CopyIcon,
       {
         size: 12,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport { FC, PropsWithChildren, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CopyToClipboardProps = PropsWithChildren<{\n  text: string;\n  className?: string;\n}>;\n\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(text).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 1000);\n    });\n  };\n\n  return (\n    <span className={cn('gap-2', className)}>\n      {children}\n\n      <span className=\"inline-flex\">\n        {text &&\n          (isCopied ? (\n            <CopyCheck\n              size={12}\n              aria-label=\"copied\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1\"\n            />\n          ) : (\n            <CopyIcon\n              size={12}\n              onClick={handleCopy}\n              aria-label=\"copy\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1 cursor-pointer\"\n            />\n          ))}\n      </span>\n    </span>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAWO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,aAAa,MAAM;AACvB,cAAU,UAAU,UAAU,IAAI,EAAE,KAAK,MAAM;AAC7C,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,GAAI;AAAA,IAAA,CAC1C;AAAA,EACH;AAEA,gDACG,QAAK,EAAA,WAAW,GAAG,SAAS,SAAS,GACnC,UAAA;AAAA,IAAA;AAAA,IAEAA,kCAAA,IAAA,QAAA,EAAK,WAAU,eACb,mBACE,WACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAGlB,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheck, CopyIcon } from 'lucide-react';\nimport { type FC, type PropsWithChildren, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type CopyToClipboardProps = PropsWithChildren<{\n  text: string;\n  className?: string;\n}>;\n\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(text).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 1000);\n    });\n  };\n\n  return (\n    <span className={cn('gap-2', className)}>\n      {children}\n\n      <span className=\"inline-flex\">\n        {text &&\n          (isCopied ? (\n            <CopyCheck\n              size={12}\n              aria-label=\"copied\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1\"\n            />\n          ) : (\n            <CopyIcon\n              size={12}\n              onClick={handleCopy}\n              aria-label=\"copy\"\n              role=\"button\"\n              data-testid=\"copy-to-clipboard\"\n              className=\"ml-1 mt-1 cursor-pointer\"\n            />\n          ))}\n      </span>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,aAAa,MAAM;AACvB,cAAU,UAAU,UAAU,IAAI,EAAE,KAAK,MAAM;AAC7C,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,GAAI;AAAA,IAAA,CAC1C;AAAA,EACH;AAEA,8BACG,QAAK,EAAA,WAAW,GAAG,SAAS,SAAS,GACnC,UAAA;AAAA,IAAA;AAAA,IAEA,oBAAA,QAAA,EAAK,WAAU,eACb,mBACE,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAW;AAAA,QACX,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAGlB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
 const editorReact = require("@intlayer/editor-react");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-2Yc9SLPe.cjs");
 const components_DictionaryEditor_ValidDictionaryChangeButtons = require("./ValidDictionaryChangeButtons.cjs");
 const DictionaryEditor = ({
   dictionary,
@@ -14,8 +14,8 @@ const DictionaryEditor = ({
   const { editedContent, addEditedContent } = editorReact.useEditedContent();
   const { focusedContent, setFocusedContentKeyPath } = editorReact.useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ require$$0.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ ReactExports.createElement(
       components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
       {
         ...props,
@@ -32,7 +32,7 @@ const DictionaryEditor = ({
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_ValidDictionaryChangeButtons.ValidDictionaryChangeButtons, { dictionary, mode })
+    /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryEditor_ValidDictionaryChangeButtons.ValidDictionaryChangeButtons, { dictionary, mode })
   ] });
 };
 exports.DictionaryEditor = DictionaryEditor;

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: 'local' | 'remote';\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} mode={mode} />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAIA,6BAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAIC,+BAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,2BAAAA,kBAAAA,IAACG,yDAA6B,8BAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,EAAA,GACpE;AAEJ;;"}
+{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: 'local' | 'remote';\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} mode={mode} />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAIA,6BAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAIC,+BAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,+BAAC,OACC,EAAA,UAAAC,6BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,2BAAAA,IAACG,yDAA6B,8BAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,EAAA,GACpE;AAEJ;;"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 import { useEditedContent, useFocusDictionary } from "@intlayer/editor-react";
-import { N as NodeWrapper } from "../../index-B-adg6xa.js";
+import { N as NodeWrapper } from "../../index-B4mYwsto.js";
 import { ValidDictionaryChangeButtons } from "./ValidDictionaryChangeButtons.mjs";
 const DictionaryEditor = ({
   dictionary,
@@ -12,8 +12,8 @@ const DictionaryEditor = ({
   const { editedContent, addEditedContent } = useEditedContent();
   const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ createElement(
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ createElement(
       NodeWrapper,
       {
         ...props,
@@ -30,7 +30,7 @@ const DictionaryEditor = ({
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ValidDictionaryChangeButtons, { dictionary, mode })
+    /* @__PURE__ */ jsx(ValidDictionaryChangeButtons, { dictionary, mode })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: 'local' | 'remote';\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} mode={mode} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAI,iBAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,mBAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,kCAAAA,IAAC,8BAA6B,EAAA,YAAwB,KAAY,CAAA;AAAA,EAAA,GACpE;AAEJ;"}
+{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: 'local' | 'remote';\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} mode={mode} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAI,iBAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,mBAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,oBAAC,8BAA6B,EAAA,YAAwB,KAAY,CAAA;AAAA,EAAA,GACpE;AAEJ;"}

package/dist/components/DictionaryEditor/ItemLayout.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Accordion_Accordion = require("../Accordion/Accordion.cjs");
 const ItemLayout = ({
@@ -11,7 +11,7 @@ const ItemLayout = ({
   rightParam,
   isSelected,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     className: utils_cn.cn(
@@ -22,14 +22,14 @@ const ItemLayout = ({
       isSelected === true && "bg-card/40 dark:bg-card-dark/40"
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsxRuntime.jsx(
       components_Accordion_Accordion.Accordion,
       {
         isOpen: isSelected,
         label: title,
-        header: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: utils_cn.cn(
@@ -41,9 +41,9 @@ const ItemLayout = ({
                 children: title
               }
             ),
-            rightParam && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
+            rightParam && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
           ] }),
-          description && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("p", { className: "text-card pl-3 text-sm", children: description })
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-card pl-3 text-sm", children: description })
         ] }),
         children
       }

package/dist/components/DictionaryEditor/ItemLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemLayout.cjs","sources":["../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import type { ReactNode, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\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 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40 dark:bg-card-dark/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-2xl',\n                level === 1 && 'text-xl',\n                level === 2 && 'text-lg',\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=\"text-card pl-3 text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      {children}\n    </Accordion>\n  </div>\n);\n"],"names":["jsx","cn","Accordion","jsxs"],"mappings":";;;;;AAaO,MAAM,aAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,eAAe,QAAQ;AAAA,IACzB;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAD,2BAAA,kBAAA;AAAA,MAACE,+BAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACEC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,UAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,YAAAH,2BAAA,kBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC,SAAA;AAAA,kBACT,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,SAAS,KAAK;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YACC,cACCD,2BAAA,kBAAA,IAAC,OAAI,EAAA,WAAU,gDACZ,UACH,WAAA,CAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,2BAAA,kBAAA,IAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,YAAA,CAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}
+{"version":3,"file":"ItemLayout.cjs","sources":["../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import type { ReactNode, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\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 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40 dark:bg-card-dark/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-2xl',\n                level === 1 && 'text-xl',\n                level === 2 && 'text-lg',\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=\"text-card pl-3 text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      {children}\n    </Accordion>\n  </div>\n);\n"],"names":["jsx","cn","Accordion","jsxs"],"mappings":";;;;;AAaO,MAAM,aAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,eAAe,QAAQ;AAAA,IACzB;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAD,2BAAA;AAAA,MAACE,+BAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACEC,2BAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,UAACA,2BAAAA,KAAA,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,YAAAH,2BAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC,SAAA;AAAA,kBACT,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,SAAS,KAAK;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YACC,cACCD,2BAAA,IAAC,OAAI,EAAA,WAAU,gDACZ,UACH,WAAA,CAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,2BAAA,IAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,YAAA,CAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}

package/dist/components/DictionaryEditor/ItemLayout.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.mjs";
 import { Accordion } from "../Accordion/Accordion.mjs";
 const ItemLayout = ({
@@ -9,7 +9,7 @@ const ItemLayout = ({
   rightParam,
   isSelected,
   ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     className: cn(
@@ -20,14 +20,14 @@ const ItemLayout = ({
       isSelected === true && "bg-card/40 dark:bg-card-dark/40"
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       Accordion,
       {
         isOpen: isSelected,
         label: title,
-        header: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+        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(
@@ -39,9 +39,9 @@ const ItemLayout = ({
                 children: title
               }
             ),
-            rightParam && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
+            rightParam && /* @__PURE__ */ jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
           ] }),
-          description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-card pl-3 text-sm", children: description })
+          description && /* @__PURE__ */ jsx("p", { className: "text-card pl-3 text-sm", children: description })
         ] }),
         children
       }

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

@@ -1 +1 @@
-{"version":3,"file":"ItemLayout.mjs","sources":["../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import type { ReactNode, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\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 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40 dark:bg-card-dark/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-2xl',\n                level === 1 && 'text-xl',\n                level === 2 && 'text-lg',\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=\"text-card pl-3 text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      {children}\n    </Accordion>\n  </div>\n);\n"],"names":["jsx","jsxs"],"mappings":";;;AAaO,MAAM,aAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,eAAe,QAAQ;AAAA,IACzB;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACEC,kCAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,YAAAD,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,SAAS,KAAK;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YACC,cACCA,kCAAA,IAAC,OAAI,EAAA,WAAU,gDACZ,UACH,WAAA,CAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,kCAAA,IAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,YAAA,CAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}
+{"version":3,"file":"ItemLayout.mjs","sources":["../../../src/components/DictionaryEditor/ItemLayout.tsx"],"sourcesContent":["import type { ReactNode, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\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 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40 dark:bg-card-dark/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-2xl',\n                level === 1 && 'text-xl',\n                level === 2 && 'text-lg',\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=\"text-card pl-3 text-sm\">{description}</p>\n          )}\n        </div>\n      }\n    >\n      {children}\n    </Accordion>\n  </div>\n);\n"],"names":[],"mappings":";;;AAaO,MAAM,aAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,eAAe,QAAQ;AAAA,IACzB;AAAA,IACC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACE,qBAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,SAAS,KAAK;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,cAAA;AAAA,YACH;AAAA,YACC,cACC,oBAAC,OAAI,EAAA,WAAU,gDACZ,UACH,WAAA,CAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACC,oBAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,YAAA,CAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.cjs

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-CgFM7lM3.cjs");
+require("react/jsx-runtime");
 require("@intlayer/core");
-require("lucide-react");
-require("../../Button/Button.cjs");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
 exports.ArrayWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ArrayWrapper;
 //# sourceMappingURL=ArrayWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"ArrayWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/ArrayWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8C9C,CAAC"}
+{"version":3,"file":"ArrayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0B9C,CAAC"}

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

@@ -1,9 +1,7 @@
-import "../../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "@intlayer/core";
-import "lucide-react";
-import "../../Button/Button.mjs";
 import "../ItemLayout.mjs";
-import { A } from "../../../index-B-adg6xa.js";
+import { A } from "../../../index-B4mYwsto.js";
 export {
   A as ArrayWrapper
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"ArrayWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/ConditionWrapper.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+require("@intlayer/core");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
+exports.ConditionWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ConditionWrapper;
+//# sourceMappingURL=ConditionWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/ConditionWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/ConditionWrapper.d.ts

@@ -0,0 +1,9 @@
+import { ConditionContent, ContentNode } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+type ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {
+    section: ConditionContent<ContentNode>;
+};
+export declare const ConditionWrapper: FC<ConditionWrapperProps>;
+export {};
+//# sourceMappingURL=ConditionWrapper.d.ts.map

package/dist/components/DictionaryEditor/NodeWrapper/ConditionWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,KAAK,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiCtD,CAAC"}

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

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "@intlayer/core";
+import { C } from "../../../index-B4mYwsto.js";
+export {
+  C as ConditionWrapper
+};
+//# sourceMappingURL=ConditionWrapper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-CgFM7lM3.cjs");
+require("react/jsx-runtime");
 require("react");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
 exports.EnumerationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.EnumerationWrapper;
 //# sourceMappingURL=EnumerationWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumerationWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACjE,OAAO,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA+B1D,CAAC"}
+{"version":3,"file":"EnumerationWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACjE,OAAO,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiC1D,CAAC"}

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

@@ -1,7 +1,7 @@
-import "../../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "react";
 import "@intlayer/core";
-import { E } from "../../../index-B-adg6xa.js";
+import { E } from "../../../index-B4mYwsto.js";
 export {
   E as EnumerationWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("@intlayer/core");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
+exports.MarkdownWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.MarkdownWrapper;
+//# sourceMappingURL=MarkdownWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.d.ts

@@ -0,0 +1,9 @@
+import { MarkdownContent } from '@intlayer/core';
+import { FC } from 'react';
+import { NodeWrapperProps } from './index';
+type MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {
+    section: MarkdownContent;
+};
+export declare const MarkdownWrapper: FC<MarkdownWrapperProps>;
+export {};
+//# sourceMappingURL=MarkdownWrapper.d.ts.map

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC9D,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAepD,CAAC"}