@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/CopyToClipboard/index.cjs

@@ -1,90 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const lucideReact = require("lucide-react");
-const ReactExports = require("react");
-const utils_cn = require("../../utils/cn.cjs");
-const CopyToClipboard = ({
-  text,
-  children,
-  className,
-  "aria-label": ariaLabel = "Copy to clipboard",
-  "aria-copied-label": ariaCopiedLabel = "Copied to clipboard",
-  feedbackDuration = 2e3,
-  onCopySuccess,
-  onCopyError
-}) => {
-  const [isCopied, setIsCopied] = ReactExports.useState(false);
-  const [copyError, setCopyError] = ReactExports.useState(null);
-  const handleCopy = async () => {
-    if (!text) return;
-    try {
-      setCopyError(null);
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        await navigator.clipboard.writeText(text);
-      } else {
-        const textArea = document.createElement("textarea");
-        textArea.value = text;
-        textArea.style.position = "fixed";
-        textArea.style.left = "-999999px";
-        textArea.style.top = "-999999px";
-        document.body.appendChild(textArea);
-        textArea.focus();
-        textArea.select();
-        document.execCommand("copy");
-        document.body.removeChild(textArea);
-      }
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), feedbackDuration);
-      onCopySuccess?.();
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Failed to copy to clipboard";
-      setCopyError(errorMessage);
-      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));
-      setTimeout(() => setCopyError(null), feedbackDuration);
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleCopy();
-    }
-  };
-  const currentAriaLabel = copyError ? `Error copying to clipboard: ${copyError}` : isCopied ? ariaCopiedLabel : ariaLabel;
-  const IconComponent = copyError ? lucideReact.CopyIcon : isCopied ? lucideReact.CopyCheck : lucideReact.CopyIcon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      className: utils_cn.cn(
-        "inline-flex gap-2 hover:cursor-pointer hover:bg-neutral/10 rounded-md p-0.5",
-        className
-      ),
-      onClick: handleCopy,
-      onKeyDown: handleKeyDown,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": currentAriaLabel,
-      "aria-pressed": isCopied,
-      "data-testid": "copy-to-clipboard",
-      children: [
-        children,
-        text && /* @__PURE__ */ jsxRuntime.jsx(
-          IconComponent,
-          {
-            size: 12,
-            className: utils_cn.cn(
-              "ml-1 transition-colors duration-200",
-              copyError && "text-destructive",
-              isCopied && "text-success",
-              !copyError && !isCopied && "text-muted-foreground hover:text-foreground"
-            ),
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-exports.CopyToClipboard = CopyToClipboard;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"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\n/**\n * Props for the CopyToClipboard component\n */\nexport interface CopyToClipboardProps extends PropsWithChildren {\n  /**\n   * The text to copy to the clipboard when clicked\n   * @example \"Hello World\"\n   * @example \"npm install @intlayer/design-system\"\n   */\n  text: string;\n\n  /**\n   * Additional CSS classes for the wrapper element\n   * @example \"bg-blue-100 text-blue-800\"\n   */\n  className?: string;\n\n  /**\n   * Accessible label for screen readers when copy operation is available\n   * @default \"Copy to clipboard\"\n   */\n  'aria-label'?: string;\n\n  /**\n   * Accessible label for screen readers when content has been copied\n   * @default \"Copied to clipboard\"\n   */\n  'aria-copied-label'?: string;\n\n  /**\n   * Duration in milliseconds to show the \"copied\" state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback function called when copy operation succeeds\n   */\n  onCopySuccess?: () => void;\n\n  /**\n   * Callback function called when copy operation fails\n   */\n  onCopyError?: (error: Error) => void;\n}\n\n/**\n * CopyToClipboard Component\n *\n * A versatile component that allows users to copy text to their clipboard with visual feedback.\n * Provides accessibility features, customizable feedback duration, and error handling.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CopyToClipboard text=\"Hello World\">\n *   <span>Click to copy</span>\n * </CopyToClipboard>\n *\n * // With custom styling and callbacks\n * <CopyToClipboard\n *   text=\"npm install @intlayer/design-system\"\n *   className=\"bg-gray-100 p-2\"\n *   feedbackDuration={3000}\n *   onCopySuccess={() => console.log('Copied!')}\n * >\n *   <code>npm install @intlayer/design-system</code>\n * </CopyToClipboard>\n * ```\n *\n * @component\n * @accessibility\n * - Uses proper ARIA labels for copy and copied states\n * - Supports keyboard navigation (Enter and Space keys)\n * - Announces state changes to screen readers\n * - Provides visual focus indicators\n */\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n  'aria-label': ariaLabel = 'Copy to clipboard',\n  'aria-copied-label': ariaCopiedLabel = 'Copied to clipboard',\n  feedbackDuration = 2000,\n  onCopySuccess,\n  onCopyError,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const [copyError, setCopyError] = useState<string | null>(null);\n\n  const handleCopy = async () => {\n    if (!text) return;\n\n    try {\n      setCopyError(null);\n\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        // Fallback for older browsers\n        const textArea = document.createElement('textarea');\n        textArea.value = text;\n        textArea.style.position = 'fixed';\n        textArea.style.left = '-999999px';\n        textArea.style.top = '-999999px';\n        document.body.appendChild(textArea);\n        textArea.focus();\n        textArea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textArea);\n      }\n\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), feedbackDuration);\n      onCopySuccess?.();\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to copy to clipboard';\n      setCopyError(errorMessage);\n      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));\n\n      // Clear error after feedback duration\n      setTimeout(() => setCopyError(null), feedbackDuration);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCopy();\n    }\n  };\n\n  const currentAriaLabel = copyError\n    ? `Error copying to clipboard: ${copyError}`\n    : isCopied\n      ? ariaCopiedLabel\n      : ariaLabel;\n\n  const IconComponent = copyError ? CopyIcon : isCopied ? CopyCheck : CopyIcon;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex gap-2 hover:cursor-pointer hover:bg-neutral/10 rounded-md p-0.5',\n        className\n      )}\n      onClick={handleCopy}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={currentAriaLabel}\n      aria-pressed={isCopied}\n      data-testid=\"copy-to-clipboard\"\n    >\n      {children}\n\n      {text && (\n        <IconComponent\n          size={12}\n          className={cn(\n            'ml-1 transition-colors duration-200',\n            copyError && 'text-destructive',\n            isCopied && 'text-success',\n            !copyError &&\n              !isCopied &&\n              'text-muted-foreground hover:text-foreground'\n          )}\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n};\n"],"names":["useState","CopyIcon","CopyCheck","jsxs","cn","jsx"],"mappings":";;;;;;;AAmFO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,qBAAqB,kBAAkB;AAAA,EACvC,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIA,aAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIA,aAAAA,SAAwB,IAAI;AAE9D,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,KAAM;AAEX,QAAI;AACF,mBAAa,IAAI;AAEjB,UAAI,UAAU,aAAa,UAAU,UAAU,WAAW;AACxD,cAAM,UAAU,UAAU,UAAU,IAAI;AAAA,MAC1C,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,MAAM,WAAW;AAC1B,iBAAS,MAAM,OAAO;AACtB,iBAAS,MAAM,MAAM;AACrB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,MAAA;AACT,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAEA,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,gBAAgB;AACrD,sBAAA;AAAA,IACF,SAAS,OAAO;AACd,YAAM,eACJ,iBAAiB,QAAQ,MAAM,UAAU;AAC3C,mBAAa,YAAY;AACzB,oBAAc,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,YAAY,CAAC;AAGtE,iBAAW,MAAM,aAAa,IAAI,GAAG,gBAAgB;AAAA,IACvD;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AACpD,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,eAAA;AACN,iBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBAAmB,YACrB,+BAA+B,SAAS,KACxC,WACE,kBACA;AAEN,QAAM,gBAAgB,YAAYC,YAAAA,WAAW,WAAWC,YAAAA,YAAYD,YAAAA;AAEpE,SACEE,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,eAAY;AAAA,MAEX,UAAA;AAAA,QAAA;AAAA,QAEA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAWD,SAAAA;AAAAA,cACT;AAAA,cACA,aAAa;AAAA,cACb,YAAY;AAAA,cACZ,CAAC,aACC,CAAC,YACD;AAAA,YAAA;AAAA,YAEJ,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -1,73 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-/**
- * Props for the CopyToClipboard component
- */
-export interface CopyToClipboardProps extends PropsWithChildren {
-    /**
-     * The text to copy to the clipboard when clicked
-     * @example "Hello World"
-     * @example "npm install @intlayer/design-system"
-     */
-    text: string;
-    /**
-     * Additional CSS classes for the wrapper element
-     * @example "bg-blue-100 text-blue-800"
-     */
-    className?: string;
-    /**
-     * Accessible label for screen readers when copy operation is available
-     * @default "Copy to clipboard"
-     */
-    'aria-label'?: string;
-    /**
-     * Accessible label for screen readers when content has been copied
-     * @default "Copied to clipboard"
-     */
-    'aria-copied-label'?: string;
-    /**
-     * Duration in milliseconds to show the "copied" state
-     * @default 2000
-     */
-    feedbackDuration?: number;
-    /**
-     * Callback function called when copy operation succeeds
-     */
-    onCopySuccess?: () => void;
-    /**
-     * Callback function called when copy operation fails
-     */
-    onCopyError?: (error: Error) => void;
-}
-/**
- * CopyToClipboard Component
- *
- * A versatile component that allows users to copy text to their clipboard with visual feedback.
- * Provides accessibility features, customizable feedback duration, and error handling.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <CopyToClipboard text="Hello World">
- *   <span>Click to copy</span>
- * </CopyToClipboard>
- *
- * // With custom styling and callbacks
- * <CopyToClipboard
- *   text="npm install @intlayer/design-system"
- *   className="bg-gray-100 p-2"
- *   feedbackDuration={3000}
- *   onCopySuccess={() => console.log('Copied!')}
- * >
- *   <code>npm install @intlayer/design-system</code>
- * </CopyToClipboard>
- * ```
- *
- * @component
- * @accessibility
- * - Uses proper ARIA labels for copy and copied states
- * - Supports keyboard navigation (Enter and Space keys)
- * - Announces state changes to screen readers
- * - Provides visual focus indicators
- */
-export declare const CopyToClipboard: FC<CopyToClipboardProps>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgGpD,CAAC"}

package/dist/components/CopyToClipboard/index.mjs

@@ -1,90 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CopyIcon, CopyCheck } from "lucide-react";
-import { useState } from "react";
-import { cn } from "../../utils/cn.mjs";
-const CopyToClipboard = ({
-  text,
-  children,
-  className,
-  "aria-label": ariaLabel = "Copy to clipboard",
-  "aria-copied-label": ariaCopiedLabel = "Copied to clipboard",
-  feedbackDuration = 2e3,
-  onCopySuccess,
-  onCopyError
-}) => {
-  const [isCopied, setIsCopied] = useState(false);
-  const [copyError, setCopyError] = useState(null);
-  const handleCopy = async () => {
-    if (!text) return;
-    try {
-      setCopyError(null);
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        await navigator.clipboard.writeText(text);
-      } else {
-        const textArea = document.createElement("textarea");
-        textArea.value = text;
-        textArea.style.position = "fixed";
-        textArea.style.left = "-999999px";
-        textArea.style.top = "-999999px";
-        document.body.appendChild(textArea);
-        textArea.focus();
-        textArea.select();
-        document.execCommand("copy");
-        document.body.removeChild(textArea);
-      }
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), feedbackDuration);
-      onCopySuccess?.();
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Failed to copy to clipboard";
-      setCopyError(errorMessage);
-      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));
-      setTimeout(() => setCopyError(null), feedbackDuration);
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleCopy();
-    }
-  };
-  const currentAriaLabel = copyError ? `Error copying to clipboard: ${copyError}` : isCopied ? ariaCopiedLabel : ariaLabel;
-  const IconComponent = copyError ? CopyIcon : isCopied ? CopyCheck : CopyIcon;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: cn(
-        "inline-flex gap-2 hover:cursor-pointer hover:bg-neutral/10 rounded-md p-0.5",
-        className
-      ),
-      onClick: handleCopy,
-      onKeyDown: handleKeyDown,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": currentAriaLabel,
-      "aria-pressed": isCopied,
-      "data-testid": "copy-to-clipboard",
-      children: [
-        children,
-        text && /* @__PURE__ */ jsx(
-          IconComponent,
-          {
-            size: 12,
-            className: cn(
-              "ml-1 transition-colors duration-200",
-              copyError && "text-destructive",
-              isCopied && "text-success",
-              !copyError && !isCopied && "text-muted-foreground hover:text-foreground"
-            ),
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  CopyToClipboard
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"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\n/**\n * Props for the CopyToClipboard component\n */\nexport interface CopyToClipboardProps extends PropsWithChildren {\n  /**\n   * The text to copy to the clipboard when clicked\n   * @example \"Hello World\"\n   * @example \"npm install @intlayer/design-system\"\n   */\n  text: string;\n\n  /**\n   * Additional CSS classes for the wrapper element\n   * @example \"bg-blue-100 text-blue-800\"\n   */\n  className?: string;\n\n  /**\n   * Accessible label for screen readers when copy operation is available\n   * @default \"Copy to clipboard\"\n   */\n  'aria-label'?: string;\n\n  /**\n   * Accessible label for screen readers when content has been copied\n   * @default \"Copied to clipboard\"\n   */\n  'aria-copied-label'?: string;\n\n  /**\n   * Duration in milliseconds to show the \"copied\" state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback function called when copy operation succeeds\n   */\n  onCopySuccess?: () => void;\n\n  /**\n   * Callback function called when copy operation fails\n   */\n  onCopyError?: (error: Error) => void;\n}\n\n/**\n * CopyToClipboard Component\n *\n * A versatile component that allows users to copy text to their clipboard with visual feedback.\n * Provides accessibility features, customizable feedback duration, and error handling.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CopyToClipboard text=\"Hello World\">\n *   <span>Click to copy</span>\n * </CopyToClipboard>\n *\n * // With custom styling and callbacks\n * <CopyToClipboard\n *   text=\"npm install @intlayer/design-system\"\n *   className=\"bg-gray-100 p-2\"\n *   feedbackDuration={3000}\n *   onCopySuccess={() => console.log('Copied!')}\n * >\n *   <code>npm install @intlayer/design-system</code>\n * </CopyToClipboard>\n * ```\n *\n * @component\n * @accessibility\n * - Uses proper ARIA labels for copy and copied states\n * - Supports keyboard navigation (Enter and Space keys)\n * - Announces state changes to screen readers\n * - Provides visual focus indicators\n */\nexport const CopyToClipboard: FC<CopyToClipboardProps> = ({\n  text,\n  children,\n  className,\n  'aria-label': ariaLabel = 'Copy to clipboard',\n  'aria-copied-label': ariaCopiedLabel = 'Copied to clipboard',\n  feedbackDuration = 2000,\n  onCopySuccess,\n  onCopyError,\n}) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const [copyError, setCopyError] = useState<string | null>(null);\n\n  const handleCopy = async () => {\n    if (!text) return;\n\n    try {\n      setCopyError(null);\n\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        // Fallback for older browsers\n        const textArea = document.createElement('textarea');\n        textArea.value = text;\n        textArea.style.position = 'fixed';\n        textArea.style.left = '-999999px';\n        textArea.style.top = '-999999px';\n        document.body.appendChild(textArea);\n        textArea.focus();\n        textArea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textArea);\n      }\n\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), feedbackDuration);\n      onCopySuccess?.();\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to copy to clipboard';\n      setCopyError(errorMessage);\n      onCopyError?.(error instanceof Error ? error : new Error(errorMessage));\n\n      // Clear error after feedback duration\n      setTimeout(() => setCopyError(null), feedbackDuration);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCopy();\n    }\n  };\n\n  const currentAriaLabel = copyError\n    ? `Error copying to clipboard: ${copyError}`\n    : isCopied\n      ? ariaCopiedLabel\n      : ariaLabel;\n\n  const IconComponent = copyError ? CopyIcon : isCopied ? CopyCheck : CopyIcon;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex gap-2 hover:cursor-pointer hover:bg-neutral/10 rounded-md p-0.5',\n        className\n      )}\n      onClick={handleCopy}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={currentAriaLabel}\n      aria-pressed={isCopied}\n      data-testid=\"copy-to-clipboard\"\n    >\n      {children}\n\n      {text && (\n        <IconComponent\n          size={12}\n          className={cn(\n            'ml-1 transition-colors duration-200',\n            copyError && 'text-destructive',\n            isCopied && 'text-success',\n            !copyError &&\n              !isCopied &&\n              'text-muted-foreground hover:text-foreground'\n          )}\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmFO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,qBAAqB,kBAAkB;AAAA,EACvC,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,KAAM;AAEX,QAAI;AACF,mBAAa,IAAI;AAEjB,UAAI,UAAU,aAAa,UAAU,UAAU,WAAW;AACxD,cAAM,UAAU,UAAU,UAAU,IAAI;AAAA,MAC1C,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,MAAM,WAAW;AAC1B,iBAAS,MAAM,OAAO;AACtB,iBAAS,MAAM,MAAM;AACrB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,MAAA;AACT,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAEA,kBAAY,IAAI;AAChB,iBAAW,MAAM,YAAY,KAAK,GAAG,gBAAgB;AACrD,sBAAA;AAAA,IACF,SAAS,OAAO;AACd,YAAM,eACJ,iBAAiB,QAAQ,MAAM,UAAU;AAC3C,mBAAa,YAAY;AACzB,oBAAc,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,YAAY,CAAC;AAGtE,iBAAW,MAAM,aAAa,IAAI,GAAG,gBAAgB;AAAA,IACvD;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AACpD,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,eAAA;AACN,iBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBAAmB,YACrB,+BAA+B,SAAS,KACxC,WACE,kBACA;AAEN,QAAM,gBAAgB,YAAY,WAAW,WAAW,YAAY;AAEpE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,eAAY;AAAA,MAEX,UAAA;AAAA,QAAA;AAAA,QAEA,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW;AAAA,cACT;AAAA,cACA,aAAa;AAAA,cACb,YAAY;AAAA,cACZ,CAAC,aACC,CAAC,YACD;AAAA,YAAA;AAAA,YAEJ,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const editorReact = require("@intlayer/editor-react");
-const components_DictionaryFieldEditor_SaveForm_SaveForm = require("../DictionaryFieldEditor/SaveForm/SaveForm.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-DW4Wnns5.cjs");
-const DictionaryEditor = ({
-  dictionary,
-  mode,
-  onDelete,
-  ...props
-}) => {
-  const { editedContent, addEditedContent } = editorReact.useEditedContent();
-  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = editorReact.useFocusDictionary();
-  const focusedKeyPath = focusedContent?.keyPath;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ ReactExports.createElement(
-      components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
-      {
-        ...props,
-        keyPath: [],
-        dictionary,
-        key: JSON.stringify(
-          (editedContent?.[dictionary.localId] ?? dictionary).content
-        ),
-        editedContent: editedContent?.[dictionary.localId]?.content,
-        focusedKeyPath,
-        section: dictionary.content,
-        onContentChange: (content) => {
-          addEditedContent(
-            dictionary.localId,
-            content.newValue,
-            content.keyPath
-          );
-        },
-        onFocusKeyPath: setFocusedContentKeyPath
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm,
-      {
-        dictionary,
-        mode,
-        className: "mb-4 flex-col",
-        onDelete: () => {
-          setFocusedContent(null);
-          onDelete?.();
-        }
-      }
-    )
-  ] });
-};
-exports.DictionaryEditor = DictionaryEditor;
-//# sourceMappingURL=DictionaryEditor.cjs.map

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

@@ -1 +0,0 @@
-{"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 } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  onDelete,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.localId!] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.localId!]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(\n              dictionary.localId!,\n              content.newValue,\n              content.keyPath\n            );\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <SaveForm\n        dictionary={dictionary}\n        mode={mode}\n        className=\"mb-4 flex-col\"\n        onDelete={() => {\n          setFocusedContent(null);\n          onDelete?.();\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","SaveForm"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAA,IAAqBA,6BAAA;AAC5C,QAAM,EAAE,gBAAgB,0BAA0B,kBAAA,IAChDC,YAAAA,mBAAA;AAEF,QAAM,iBAAiB,gBAAgB;AAEvC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAAC,+BAAC,OAAA,EACC,UAAAC,6BAAAA;AAAAA,MAACC,qDAAAA;AAAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAA;AAAA,QACT;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,OAAQ,KAAK,YAAY;AAAA,QAAA;AAAA,QAEvD,eAAe,gBAAgB,WAAW,OAAQ,GAAG;AAAA,QACrD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B;AAAA,YACE,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,QAEZ;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,2BAAAA;AAAAA,MAACG,mDAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,UAAU,MAAM;AACd,4BAAkB,IAAI;AACtB,qBAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

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

@@ -1,12 +0,0 @@
-import { Locales } from '@intlayer/config/client';
-import { Dictionary } from '@intlayer/core';
-import { FC } from 'react';
-type DictionaryEditorProps = {
-    dictionary: Dictionary;
-    locale: Locales;
-    mode: ('local' | 'remote')[];
-    onDelete?: () => void;
-};
-export declare const DictionaryEditor: FC<DictionaryEditorProps>;
-export {};
-//# sourceMappingURL=DictionaryEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"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,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8CtD,CAAC"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -1,56 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { createElement } from "react";
-import { useEditedContent, useFocusDictionary } from "@intlayer/editor-react";
-import { SaveForm } from "../DictionaryFieldEditor/SaveForm/SaveForm.mjs";
-import { N as NodeWrapper } from "../../index-aPP3MzPT.js";
-const DictionaryEditor = ({
-  dictionary,
-  mode,
-  onDelete,
-  ...props
-}) => {
-  const { editedContent, addEditedContent } = useEditedContent();
-  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = useFocusDictionary();
-  const focusedKeyPath = focusedContent?.keyPath;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col justify-between gap-2", children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ createElement(
-      NodeWrapper,
-      {
-        ...props,
-        keyPath: [],
-        dictionary,
-        key: JSON.stringify(
-          (editedContent?.[dictionary.localId] ?? dictionary).content
-        ),
-        editedContent: editedContent?.[dictionary.localId]?.content,
-        focusedKeyPath,
-        section: dictionary.content,
-        onContentChange: (content) => {
-          addEditedContent(
-            dictionary.localId,
-            content.newValue,
-            content.keyPath
-          );
-        },
-        onFocusKeyPath: setFocusedContentKeyPath
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      SaveForm,
-      {
-        dictionary,
-        mode,
-        className: "mb-4 flex-col",
-        onDelete: () => {
-          setFocusedContent(null);
-          onDelete?.();
-        }
-      }
-    )
-  ] });
-};
-export {
-  DictionaryEditor
-};
-//# sourceMappingURL=DictionaryEditor.mjs.map

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

@@ -1 +0,0 @@
-{"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 } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  onDelete,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\n          key={JSON.stringify(\n            (editedContent?.[dictionary.localId!] ?? dictionary).content\n          )}\n          editedContent={editedContent?.[dictionary.localId!]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(\n              dictionary.localId!,\n              content.newValue,\n              content.keyPath\n            );\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <SaveForm\n        dictionary={dictionary}\n        mode={mode}\n        className=\"mb-4 flex-col\"\n        onDelete={() => {\n          setFocusedContent(null);\n          onDelete?.();\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAA,IAAqB,iBAAA;AAC5C,QAAM,EAAE,gBAAgB,0BAA0B,kBAAA,IAChD,mBAAA;AAEF,QAAM,iBAAiB,gBAAgB;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAA;AAAA,QACT;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,OAAQ,KAAK,YAAY;AAAA,QAAA;AAAA,QAEvD,eAAe,gBAAgB,WAAW,OAAQ,GAAG;AAAA,QACrD;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B;AAAA,YACE,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,QAEZ;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,UAAU,MAAM;AACd,4BAAkB,IAAI;AACtB,qBAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/DictionaryEditor/ItemLayout.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-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.jsx(
-  "div",
-  {
-    className: utils_cn.cn(
-      "rounded-md p-2 transition",
-      "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent",
-      level === 2 && "hover:bg-card/30",
-      level >= 3 && "",
-      isSelected === true && "bg-card/40"
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      components_Accordion_Accordion.Accordion,
-      {
-        isOpen: isSelected,
-        label: title,
-        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(
-                  level === 0 && "text-2xl",
-                  level === 1 && "text-xl",
-                  level === 2 && "text-lg",
-                  level >= 3 && "text-base"
-                ),
-                children: title
-              }
-            ),
-            rightParam && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
-          ] }),
-          description && /* @__PURE__ */ jsxRuntime.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

@@ -1 +0,0 @@
-{"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 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40'\n    )}\n    {...props}\n  >\n    <Accordion\n      isOpen={isSelected}\n      label={title}\n      header={\n        <div className=\"flex w-full\">\n          <div className=\"flex w-full items-center justify-between\">\n            <span\n              className={cn(\n                level === 0 && 'text-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,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,eAAe,QAAQ;AAAA,IAAA;AAAA,IAExB,GAAG;AAAA,IAEJ,UAAAD,2BAAAA;AAAAA,MAACE,+BAAAA;AAAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,YAAAH,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC,SAAAA;AAAAA,kBACT,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,UAAU,KAAK;AAAA,kBACf,SAAS,KAAK;AAAA,gBAAA;AAAA,gBAGf,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,cACCD,2BAAAA,IAAC,OAAA,EAAI,WAAU,gDACZ,UAAA,WAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACC,eACCA,2BAAAA,IAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,YAAA,CAAY;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}

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

@@ -1,12 +0,0 @@
-import { ReactNode, FC, HTMLAttributes } from 'react';
-interface ItemWrapperProps extends HTMLAttributes<HTMLDivElement> {
-    level: number;
-    children: ReactNode;
-    title: string;
-    description: string;
-    rightParam?: ReactNode;
-    isSelected: boolean;
-}
-export declare const ItemLayout: FC<ItemWrapperProps>;
-export {};
-//# sourceMappingURL=ItemLayout.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,54 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-import { Accordion } from "../Accordion/Accordion.mjs";
-const ItemLayout = ({
-  level,
-  title,
-  description,
-  children,
-  rightParam,
-  isSelected,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "rounded-md p-2 transition",
-      "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent",
-      level === 2 && "hover:bg-card/30",
-      level >= 3 && "",
-      isSelected === true && "bg-card/40"
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      Accordion,
-      {
-        isOpen: isSelected,
-        label: title,
-        header: /* @__PURE__ */ jsxs("div", { className: "flex w-full", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  level === 0 && "text-2xl",
-                  level === 1 && "text-xl",
-                  level === 2 && "text-lg",
-                  level >= 3 && "text-base"
-                ),
-                children: title
-              }
-            ),
-            rightParam && /* @__PURE__ */ jsx("div", { className: "flex w-auto items-center justify-between p-3", children: rightParam })
-          ] }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-card pl-3 text-sm", children: description })
-        ] }),
-        children
-      }
-    )
-  }
-);
-export {
-  ItemLayout
-};
-//# sourceMappingURL=ItemLayout.mjs.map

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

@@ -1 +0,0 @@
-{"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 [&:has(.section:hover)]:bg-transparent',\n      level === 2 && 'hover:bg-card/30',\n      level >= 3 && '',\n      isSelected === true && 'bg-card/40'\n    )}\n    {...props}\n  >\n    <Accordion\n      isOpen={isSelected}\n      label={title}\n      header={\n        <div className=\"flex w-full\">\n          <div className=\"flex w-full items-center justify-between\">\n            <span\n              className={cn(\n                level === 0 && 'text-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,IAAA;AAAA,IAExB,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QACE,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,qBAAC,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,gBAAA;AAAA,gBAGf,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,cACC,oBAAC,OAAA,EAAI,WAAU,gDACZ,UAAA,WAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACC,eACC,oBAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,YAAA,CAAY;AAAA,QAAA,GAEvD;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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,8 +0,0 @@
-import "react/jsx-runtime";
-import "@intlayer/core";
-import "../ItemLayout.mjs";
-import { A } from "../../../index-aPP3MzPT.js";
-export {
-  A as ArrayWrapper
-};
-//# sourceMappingURL=ArrayWrapper.mjs.map

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

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

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

@@ -1,8 +0,0 @@
-"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-DW4Wnns5.cjs");
-exports.ConditionWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ConditionWrapper;
-//# sourceMappingURL=ConditionWrapper.cjs.map

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

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