@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/ContentEditor/ContentEditorTextArea.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { AutoSizedTextAreaProps } from '../TextArea';
+
+export type ContentEditorTextAreaProps = {
+    children: string;
+    onContentChange: (content: string) => void;
+} & Omit<AutoSizedTextAreaProps, 'children'>;
+export declare const ContentEditorTextArea: FC<ContentEditorTextAreaProps>;
+//# sourceMappingURL=ContentEditorTextArea.d.ts.map

package/dist/components/ContentEditor/ContentEditorTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditorTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAqB,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqDhE,CAAC"}

package/dist/components/ContentEditor/ContentEditorTextArea.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Check, X } from "lucide-react";
+import { useState, useEffect } from "react";
+import { AutoSizedTextArea } from "../TextArea/AutoSizeTextArea.mjs";
+import "../TextArea/TextArea.mjs";
+const ContentEditorTextArea = ({
+  children,
+  onContentChange,
+  ...props
+}) => {
+  const [newValue, setNewValue] = useState(children);
+  const [resetIncrementor, setResetIncrementor] = useState(0);
+  const isEdited = newValue !== children;
+  const handleCancel = () => {
+    setNewValue(children);
+    setResetIncrementor((prev) => prev + 1);
+  };
+  const handleValid = () => {
+    onContentChange(newValue);
+  };
+  const handleOnContentChange = (e) => setNewValue(e.currentTarget.value ?? "");
+  useEffect(() => {
+    setNewValue(children);
+  }, [children]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex size-full flex-col items-center justify-between gap-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AutoSizedTextArea,
+          {
+            onChange: handleOnContentChange,
+            variant: "invisible",
+            className: "size-full",
+            defaultValue: children,
+            ...props
+          },
+          resetIncrementor
+        ),
+        isEdited && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Check,
+            {
+              className: "cursor-pointer hover:scale-110",
+              size: 20,
+              onClick: handleValid
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            X,
+            {
+              className: "cursor-pointer hover:scale-110",
+              size: 20,
+              onClick: handleCancel
+            }
+          )
+        ] })
+      ]
+    },
+    children
+  );
+};
+export {
+  ContentEditorTextArea
+};
+//# sourceMappingURL=ContentEditorTextArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport { useState, type FC, type ChangeEventHandler, useEffect } from 'react';\nimport { AutoSizedTextArea, AutoSizedTextAreaProps } from '../TextArea';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\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  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 && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          <Check\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleValid}\n          />\n          <X\n            className=\"cursor-pointer hover:scale-110\"\n            size={20}\n            onClick={handleCancel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;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,EAAA;AAExC,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAAA;AAG1B,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAGX,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,QACC,YACCD,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UACAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAtBG;AAAA,EAAA;AA0BX;"}

package/dist/components/ContentEditor/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_ContentEditor_ContentEditor = require("./ContentEditor.cjs");
+exports.ContentEditor = components_ContentEditor_ContentEditor.ContentEditor;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/ContentEditor/index.d.ts

@@ -1 +1,2 @@
 export * from './ContentEditor';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ContentEditor/index.mjs

@@ -0,0 +1,5 @@
+import { ContentEditor } from "./ContentEditor.mjs";
+export {
+  ContentEditor
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/ContentSelector/ContentSelector.cjs

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

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

@@ -0,0 +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;;"}

package/dist/components/ContentSelector/ContentSelector.d.ts

@@ -5,7 +5,7 @@ type ContentSelectorProps = {
     onSelect: () => void;
     onUnselect?: () => void;
     isSelecting?: boolean;
-    popoverContent?: string;
 };
 export declare const ContentSelector: FC<ContentSelectorProps>;
 export {};
+//# sourceMappingURL=ContentSelector.d.ts.map

package/dist/components/ContentSelector/ContentSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ContentSelector/ContentSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/dist/components/ContentSelector/ContentSelector.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { PressableSpan } from "../PressableSpan/PressableSpan.mjs";
+const ContentSelector = ({
+  children,
+  onSelect,
+  onUnselect,
+  isSelecting
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  PressableSpan,
+  {
+    onPress: onSelect,
+    onClickOutside: onUnselect,
+    isSelecting,
+    children
+  }
+);
+export {
+  ContentSelector
+};
+//# sourceMappingURL=ContentSelector.mjs.map

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

@@ -0,0 +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;"}

package/dist/components/ContentSelector/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_ContentSelector_ContentSelector = require("./ContentSelector.cjs");
+exports.ContentSelector = components_ContentSelector_ContentSelector.ContentSelector;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/ContentSelector/index.d.ts

@@ -1 +1,2 @@
 export * from './ContentSelector';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/ContentSelector/index.mjs

@@ -0,0 +1,5 @@
+import { ContentSelector } from "./ContentSelector.mjs";
+export {
+  ContentSelector
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/CopyToClipboard/index.cjs

@@ -0,0 +1,45 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const lucideReact = require("lucide-react");
+const utils_cn = require("../../utils/cn.cjs");
+const CopyToClipboard = ({
+  text,
+  children,
+  className
+}) => {
+  const [isCopied, setIsCopied] = require$$0.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: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      lucideReact.CopyCheck,
+      {
+        size: 12,
+        "aria-label": "copied",
+        role: "button",
+        "data-testid": "copy-to-clipboard",
+        className: "ml-1 mt-1"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      lucideReact.CopyIcon,
+      {
+        size: 12,
+        onClick: handleCopy,
+        "aria-label": "copy",
+        role: "button",
+        "data-testid": "copy-to-clipboard",
+        className: "ml-1 mt-1 cursor-pointer"
+      }
+    )) })
+  ] });
+};
+exports.CopyToClipboard = CopyToClipboard;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, PropsWithChildren, useState } from 'react';\nimport { CopyCheck, CopyIcon } from 'lucide-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,oBAAS,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,EAAA;AAGH,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,IAGlB,IAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

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

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+
+export type CopyToClipboardProps = PropsWithChildren<{
+    text: string;
+    className?: string;
+}>;
+export declare const CopyToClipboard: FC<CopyToClipboardProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIxD,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

@@ -0,0 +1,45 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { useState } from "react";
+import { CopyCheck, CopyIcon } from "lucide-react";
+import { cn } from "../../utils/cn.mjs";
+const CopyToClipboard = ({
+  text,
+  children,
+  className
+}) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(text).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), 1e3);
+    });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: cn("gap-2", className), children: [
+    children,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex", children: text && (isCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CopyCheck,
+      {
+        size: 12,
+        "aria-label": "copied",
+        role: "button",
+        "data-testid": "copy-to-clipboard",
+        className: "ml-1 mt-1"
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CopyIcon,
+      {
+        size: 12,
+        onClick: handleCopy,
+        "aria-label": "copy",
+        role: "button",
+        "data-testid": "copy-to-clipboard",
+        className: "ml-1 mt-1 cursor-pointer"
+      }
+    )) })
+  ] });
+};
+export {
+  CopyToClipboard
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, PropsWithChildren, useState } from 'react';\nimport { CopyCheck, CopyIcon } from 'lucide-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,EAAA;AAGH,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,IAGlB,IAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -0,0 +1,35 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_ValidDictionaryChangeButtons = require("./ValidDictionaryChangeButtons.cjs");
+const DictionaryEditor = ({
+  dictionary,
+  onContentChange,
+  focusedKeyPath,
+  onCancelEdition,
+  onValidEdition,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
+    {
+      ...props,
+      keyPath: [],
+      focusedKeyPath,
+      section: dictionary.content,
+      onContentChange: (content) => onContentChange(content.keyPath, content.newValue)
+    }
+  ) }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_DictionaryEditor_ValidDictionaryChangeButtons.ValidDictionaryChangeButtons,
+    {
+      onCancelEdition,
+      onValidEdition,
+      editedContent: props.editedContent
+    }
+  )
+] });
+exports.DictionaryEditor = DictionaryEditor;
+//# sourceMappingURL=DictionaryEditor.cjs.map

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

@@ -0,0 +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 type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  onContentChange: (keyPath: KeyPath[], newValue: string) => void;\n  onValidEdition: () => void;\n  onCancelEdition: () => void;\n  locale: Locales;\n  editedContent: Dictionary;\n  focusedKeyPath?: KeyPath[];\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  onContentChange,\n  focusedKeyPath,\n  onCancelEdition,\n  onValidEdition,\n  ...props\n}) => (\n  <div className=\"flex h-full flex-col justify-between gap-2\">\n    <div>\n      <NodeWrapper\n        {...props}\n        keyPath={[]}\n        focusedKeyPath={focusedKeyPath}\n        section={dictionary.content}\n        onContentChange={(content) =>\n          onContentChange(content.keyPath, content.newValue)\n        }\n      />\n    </div>\n    <ValidDictionaryChangeButtons\n      onCancelEdition={onCancelEdition}\n      onValidEdition={onValidEdition}\n      editedContent={props.editedContent}\n    />\n  </div>\n);\n"],"names":["jsxs","jsx","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;AAoBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,EAAAC,iDAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA;AAAA,IAACC,qDAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,CAAC;AAAA,MACV;AAAA,MACA,SAAS,WAAW;AAAA,MACpB,iBAAiB,CAAC,YAChB,gBAAgB,QAAQ,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAAA,EAAA,GAGvD;AAAA,EACAD,2BAAA,kBAAA;AAAA,IAACE,yDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,IAAA;AAAA,EACvB;AAAA,EACF,CAAA;;"}

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

@@ -2,19 +2,17 @@ import { Locales } from '@intlayer/config/client';
 import { Dictionary, KeyPath } from '@intlayer/core';
 import { FC } from 'react';
 
-export type FileContent = {
-    keyPath: KeyPath[];
-    newValue: string;
-};
-interface DictionaryEditorProps {
+type DictionaryEditorProps = {
     dictionary: Dictionary;
     onContentChange: (keyPath: KeyPath[], newValue: string) => void;
     onValidEdition: () => void;
     onCancelEdition: () => void;
     locale: Locales;
-    editedContent?: FileContent[];
+    editedContent: Dictionary;
     focusedKeyPath?: KeyPath[];
     onFocusKeyPath: (keyPath: KeyPath[]) => void;
-}
+    onClickEdit?: (keyPath: KeyPath[]) => void;
+};
 export declare const DictionaryEditor: FC<DictionaryEditorProps>;
 export {};
+//# sourceMappingURL=DictionaryEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { N as NodeWrapper } from "../../index-pLq_417z.js";
+import { ValidDictionaryChangeButtons } from "./ValidDictionaryChangeButtons.mjs";
+const DictionaryEditor = ({
+  dictionary,
+  onContentChange,
+  focusedKeyPath,
+  onCancelEdition,
+  onValidEdition,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    NodeWrapper,
+    {
+      ...props,
+      keyPath: [],
+      focusedKeyPath,
+      section: dictionary.content,
+      onContentChange: (content) => onContentChange(content.keyPath, content.newValue)
+    }
+  ) }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ValidDictionaryChangeButtons,
+    {
+      onCancelEdition,
+      onValidEdition,
+      editedContent: props.editedContent
+    }
+  )
+] });
+export {
+  DictionaryEditor
+};
+//# sourceMappingURL=DictionaryEditor.mjs.map

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

@@ -0,0 +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 type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  onContentChange: (keyPath: KeyPath[], newValue: string) => void;\n  onValidEdition: () => void;\n  onCancelEdition: () => void;\n  locale: Locales;\n  editedContent: Dictionary;\n  focusedKeyPath?: KeyPath[];\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  onContentChange,\n  focusedKeyPath,\n  onCancelEdition,\n  onValidEdition,\n  ...props\n}) => (\n  <div className=\"flex h-full flex-col justify-between gap-2\">\n    <div>\n      <NodeWrapper\n        {...props}\n        keyPath={[]}\n        focusedKeyPath={focusedKeyPath}\n        section={dictionary.content}\n        onContentChange={(content) =>\n          onContentChange(content.keyPath, content.newValue)\n        }\n      />\n    </div>\n    <ValidDictionaryChangeButtons\n      onCancelEdition={onCancelEdition}\n      onValidEdition={onValidEdition}\n      editedContent={props.editedContent}\n    />\n  </div>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;AAoBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,EAAAC,sCAAC,OACC,EAAA,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,CAAC;AAAA,MACV;AAAA,MACA,SAAS,WAAW;AAAA,MACpB,iBAAiB,CAAC,YAChB,gBAAgB,QAAQ,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAAA,EAAA,GAGvD;AAAA,EACAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,IAAA;AAAA,EACvB;AAAA,EACF,CAAA;"}

package/dist/components/DictionaryEditor/ItemLayout.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Accordion_Accordion = require("../Accordion/Accordion.cjs");
+const ItemLayout = ({
+  level,
+  title,
+  description,
+  children,
+  rightParam,
+  isSelected,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: utils_cn.cn(
+      "rounded-md p-2 transition",
+      "hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent",
+      level === 2 && "hover:bg-card/30 dark:hover:bg-card-dark/30",
+      level >= 3 && "",
+      isSelected === true && "bg-card/40 dark:bg-card-dark/40"
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_Accordion_Accordion.Accordion,
+      {
+        isOpen: isSelected,
+        identifier: `accordion_${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(
+              "span",
+              {
+                className: utils_cn.cn(
+                  level === 0 && "text-2xl",
+                  level === 1 && "text-xl",
+                  level === 2 && "text-lg",
+                  level >= 3 && "text-base"
+                ),
+                children: title
+              }
+            ),
+            rightParam && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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 })
+        ] }),
+        children
+      }
+    )
+  }
+);
+exports.ItemLayout = ItemLayout;
+//# sourceMappingURL=ItemLayout.cjs.map

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

@@ -0,0 +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      identifier={`accordion_${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,YAAY,aAAa,KAAK;AAAA,QAC9B,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,YAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,2BAAA,kBAAA,IAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,aAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;;"}

package/dist/components/DictionaryEditor/ItemLayout.d.ts

@@ -8,9 +8,6 @@ interface ItemWrapperProps extends HTMLAttributes<HTMLDivElement> {
     rightParam?: ReactNode;
     isSelected: boolean;
 }
-export declare const StyledContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $level: number;
-    $isSelected?: boolean;
-}>> & string;
 export declare const ItemLayout: FC<ItemWrapperProps>;
 export {};
+//# sourceMappingURL=ItemLayout.d.ts.map

package/dist/components/DictionaryEditor/ItemLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLayout.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ItemLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAkD3C,CAAC"}

package/dist/components/DictionaryEditor/ItemLayout.mjs

@@ -0,0 +1,54 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cn } from "../../utils/cn.mjs";
+import { Accordion } from "../Accordion/Accordion.mjs";
+const ItemLayout = ({
+  level,
+  title,
+  description,
+  children,
+  rightParam,
+  isSelected,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: cn(
+      "rounded-md p-2 transition",
+      "hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent",
+      level === 2 && "hover:bg-card/30 dark:hover:bg-card-dark/30",
+      level >= 3 && "",
+      isSelected === true && "bg-card/40 dark:bg-card-dark/40"
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Accordion,
+      {
+        isOpen: isSelected,
+        identifier: `accordion_${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(
+              "span",
+              {
+                className: cn(
+                  level === 0 && "text-2xl",
+                  level === 1 && "text-xl",
+                  level === 2 && "text-lg",
+                  level >= 3 && "text-base"
+                ),
+                children: title
+              }
+            ),
+            rightParam && /* @__PURE__ */ jsxRuntimeExports.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 })
+        ] }),
+        children
+      }
+    )
+  }
+);
+export {
+  ItemLayout
+};
+//# sourceMappingURL=ItemLayout.mjs.map

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

@@ -0,0 +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      identifier={`accordion_${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,YAAY,aAAa,KAAK;AAAA,QAC9B,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,YAAA;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,kCAAA,IAAC,KAAE,EAAA,WAAU,0BAA0B,UAAY,aAAA;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../jsx-runtime-DvCoRj5u.cjs");
+require("@intlayer/core");
+require("lucide-react");
+require("../ItemLayout.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BZQDMSxb.cjs");
+exports.ArrayWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ArrayWrapper;
+//# sourceMappingURL=ArrayWrapper.cjs.map

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

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

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

@@ -2,8 +2,9 @@ import { DictionaryValue } from '@intlayer/core';
 import { FC } from 'react';
 import { NodeWrapperProps } from './index';
 
-interface ArrayWrapperProps extends Omit<NodeWrapperProps, 'section'> {
+type ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {
     section: DictionaryValue[];
-}
+};
 export declare const ArrayWrapper: FC<ArrayWrapperProps>;
 export {};
+//# sourceMappingURL=ArrayWrapper.d.ts.map