@intlayer/design-system 3.5.4 → 3.5.6

package/dist/components/IDE/MarkDownRender.mjs

@@ -1,7 +1,6 @@
-"use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import Markdown from "markdown-to-jsx";
-import { Code } from "./CodeRender.mjs";
+import { Code } from "./Code.mjs";
 const MarkdownRenderer = ({
   children,
   isDarkMode
@@ -11,8 +10,16 @@ const MarkdownRenderer = ({
     options: {
       overrides: {
         code: {
-          // eslint-disable-next-line sonarjs/no-unstable-nested-components
-          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { ...props, isDarkMode })
+          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Code,
+            {
+              ...props,
+              isDarkMode,
+              language: props.className.replace("lang-", ""),
+              showHeader: false,
+              className: "text-xs leading-5"
+            }
+          )
         },
         pre: (props) => props.children
       }

package/dist/components/IDE/MarkDownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './CodeRender';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          // eslint-disable-next-line sonarjs/no-unstable-nested-components\n          component: (props) => <Code {...props} isDarkMode={isDarkMode} />,\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx"],"mappings":";;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA;AAAA,UAEJ,WAAW,CAAC,gDAAW,MAAM,EAAA,GAAG,OAAO,WAAwB,CAAA;AAAA,QACjE;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}
+{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx"],"mappings":";;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,cAC7C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}

package/dist/components/IDE/MonacoCode.cjs

@@ -0,0 +1,129 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const react = require("@monaco-editor/react");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Loader_index = require("../Loader/index.cjs");
+const components_IDE_CopyButton = require("./CopyButton.cjs");
+const MonacoCode = ({
+  children,
+  language,
+  isDarkMode,
+  showLineNumbers,
+  showCopyButton = true,
+  isReadOnly = false,
+  onChange
+}) => {
+  const containerRef = require$$0.useRef(null);
+  const ideRef = require$$0.useRef(null);
+  const [editorSize, setEditorSize] = require$$0.useState({ height: 0, width: 0 });
+  const theme = require$$0.useMemo(
+    () => isDarkMode ? "vs-dark-transparent" : "hc-light-theme",
+    [isDarkMode]
+  );
+  const handleMountIde = (editor, monaco) => {
+    ideRef.current = editor;
+    const contentHeight = (editor.getContentHeight() ?? 0) + 25;
+    monaco.editor.defineTheme("vs-dark-transparent", {
+      base: "vs-dark",
+      inherit: true,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000"
+      }
+    });
+    monaco.editor.defineTheme("hc-light-theme", {
+      base: "vs",
+      inherit: true,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000"
+      }
+    });
+    monaco.editor.setTheme(theme);
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: true,
+      // Disables type checking
+      noSyntaxValidation: true
+      // Disables syntax errors
+    });
+    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: true,
+      noSyntaxValidation: true
+    });
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      noLib: true,
+      allowNonTsExtensions: true
+    });
+    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+      noLib: true,
+      allowNonTsExtensions: true
+    });
+    setEditorSize({
+      height: contentHeight,
+      width: containerRef.current?.clientWidth ?? 0
+    });
+  };
+  const isShowLineNumbers = showLineNumbers ?? children.split("\n").length > 1;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative h-full w-full text-sm",
+        showLineNumbers && "ml-0"
+      ),
+      children: [
+        showCopyButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CopyButton.CopyButton, { content: children }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "grid size-full grid-cols-[0px] overflow-auto",
+            ref: containerRef,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              react.Editor,
+              {
+                ...editorSize,
+                defaultLanguage: "typescript",
+                language,
+                loading: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, {}),
+                defaultValue: String(children).replace(/\n$/, ""),
+                onMount: handleMountIde,
+                onChange,
+                options: {
+                  readOnly: isReadOnly,
+                  cursorStyle: "line",
+                  minimap: { enabled: false },
+                  scrollbar: {
+                    vertical: "hidden",
+                    verticalScrollbarSize: 0,
+                    alwaysConsumeMouseWheel: false
+                  },
+                  folding: false,
+                  // Disable code folding
+                  renderValidationDecorations: "off",
+                  // Disable error/warning decorations
+                  quickSuggestions: false,
+                  // Disable IntelliSense
+                  parameterHints: { enabled: false },
+                  // Disable parameter hints
+                  suggestOnTriggerCharacters: false,
+                  // Disable suggestions on typing
+                  mouseWheelScrollSensitivity: 0,
+                  fastScrollSensitivity: 0,
+                  scrollBeyondLastLine: false,
+                  lineNumbers: isShowLineNumbers ? "on" : "off"
+                },
+                theme,
+                className: "my-2 rounded-md"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+exports.MonacoCode = MonacoCode;
+//# sourceMappingURL=MonacoCode.cjs.map

package/dist/components/IDE/MonacoCode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoCode.cjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { Editor, OnChange, OnMount } from '@monaco-editor/react';\nimport { type FC, useState, useRef, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\nimport { CopyButton } from './CopyButton';\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n  showCopyButton?: boolean;\n  isReadOnly?: boolean;\n  onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers,\n  showCopyButton = true,\n  isReadOnly = false,\n  onChange,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const ideRef = useRef(null);\n  const [editorSize, setEditorSize] = useState<{\n    height: number;\n    width: number;\n  }>({ height: 0, width: 0 });\n\n  const theme = useMemo(\n    () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n    [isDarkMode]\n  );\n\n  const handleMountIde: OnMount = (editor, monaco) => {\n    // first time you set the height based on content Height\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ideRef.current = editor as any;\n    const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n    monaco.editor.defineTheme('vs-dark-transparent', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n    monaco.editor.defineTheme('hc-light-theme', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n\n    monaco.editor.setTheme(theme);\n\n    // Disable TypeScript diagnostics\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true, // Disables type checking\n      noSyntaxValidation: true, // Disables syntax errors\n    });\n\n    // Disable JavaScript diagnostics\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true,\n      noSyntaxValidation: true,\n    });\n\n    // Disable unnecessary language features (e.g., suggestions, quick fixes)\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    setEditorSize({\n      height: contentHeight,\n      width: containerRef.current?.clientWidth ?? 0,\n    });\n  };\n\n  const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      {showCopyButton && <CopyButton content={children} />}\n      <div\n        className=\"grid size-full grid-cols-[0px] overflow-auto\"\n        ref={containerRef}\n      >\n        <Editor\n          {...editorSize}\n          defaultLanguage=\"typescript\"\n          language={language}\n          loading={<Loader />}\n          defaultValue={String(children).replace(/\\n$/, '')}\n          onMount={handleMountIde}\n          onChange={onChange}\n          options={{\n            readOnly: isReadOnly,\n            cursorStyle: 'line',\n            minimap: { enabled: false },\n            scrollbar: {\n              vertical: 'hidden',\n              verticalScrollbarSize: 0,\n              alwaysConsumeMouseWheel: false,\n            },\n            folding: false, // Disable code folding\n            renderValidationDecorations: 'off', // Disable error/warning decorations\n            quickSuggestions: false, // Disable IntelliSense\n            parameterHints: { enabled: false }, // Disable parameter hints\n            suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n            mouseWheelScrollSensitivity: 0,\n            fastScrollSensitivity: 0,\n            scrollBeyondLastLine: false,\n            lineNumbers: isShowLineNumbers ? 'on' : 'off',\n          }}\n          theme={theme}\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["useRef","useState","useMemo","jsxs","cn","jsx","CopyButton","Editor","Loader"],"mappings":"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"}

package/dist/components/IDE/MonacoCode.d.ts

@@ -0,0 +1,14 @@
+import { OnChange } from '@monaco-editor/react';
+import { FC } from 'react';
+type CodeCompProps = {
+    children: string;
+    language: string;
+    isDarkMode?: boolean;
+    showLineNumbers?: boolean;
+    showCopyButton?: boolean;
+    isReadOnly?: boolean;
+    onChange?: OnChange;
+};
+export declare const MonacoCode: FC<CodeCompProps>;
+export {};
+//# sourceMappingURL=MonacoCode.d.ts.map

package/dist/components/IDE/MonacoCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoCode.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MonacoCode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAK3D,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,aAAa,CA2HxC,CAAC"}

package/dist/components/IDE/MonacoCode.mjs

@@ -0,0 +1,129 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { Editor } from "@monaco-editor/react";
+import { useRef, useState, useMemo } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { Loader } from "../Loader/index.mjs";
+import { CopyButton } from "./CopyButton.mjs";
+const MonacoCode = ({
+  children,
+  language,
+  isDarkMode,
+  showLineNumbers,
+  showCopyButton = true,
+  isReadOnly = false,
+  onChange
+}) => {
+  const containerRef = useRef(null);
+  const ideRef = useRef(null);
+  const [editorSize, setEditorSize] = useState({ height: 0, width: 0 });
+  const theme = useMemo(
+    () => isDarkMode ? "vs-dark-transparent" : "hc-light-theme",
+    [isDarkMode]
+  );
+  const handleMountIde = (editor, monaco) => {
+    ideRef.current = editor;
+    const contentHeight = (editor.getContentHeight() ?? 0) + 25;
+    monaco.editor.defineTheme("vs-dark-transparent", {
+      base: "vs-dark",
+      inherit: true,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000"
+      }
+    });
+    monaco.editor.defineTheme("hc-light-theme", {
+      base: "vs",
+      inherit: true,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000"
+      }
+    });
+    monaco.editor.setTheme(theme);
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: true,
+      // Disables type checking
+      noSyntaxValidation: true
+      // Disables syntax errors
+    });
+    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: true,
+      noSyntaxValidation: true
+    });
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      noLib: true,
+      allowNonTsExtensions: true
+    });
+    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+      noLib: true,
+      allowNonTsExtensions: true
+    });
+    setEditorSize({
+      height: contentHeight,
+      width: containerRef.current?.clientWidth ?? 0
+    });
+  };
+  const isShowLineNumbers = showLineNumbers ?? children.split("\n").length > 1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "relative h-full w-full text-sm",
+        showLineNumbers && "ml-0"
+      ),
+      children: [
+        showCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { content: children }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "grid size-full grid-cols-[0px] overflow-auto",
+            ref: containerRef,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Editor,
+              {
+                ...editorSize,
+                defaultLanguage: "typescript",
+                language,
+                loading: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}),
+                defaultValue: String(children).replace(/\n$/, ""),
+                onMount: handleMountIde,
+                onChange,
+                options: {
+                  readOnly: isReadOnly,
+                  cursorStyle: "line",
+                  minimap: { enabled: false },
+                  scrollbar: {
+                    vertical: "hidden",
+                    verticalScrollbarSize: 0,
+                    alwaysConsumeMouseWheel: false
+                  },
+                  folding: false,
+                  // Disable code folding
+                  renderValidationDecorations: "off",
+                  // Disable error/warning decorations
+                  quickSuggestions: false,
+                  // Disable IntelliSense
+                  parameterHints: { enabled: false },
+                  // Disable parameter hints
+                  suggestOnTriggerCharacters: false,
+                  // Disable suggestions on typing
+                  mouseWheelScrollSensitivity: 0,
+                  fastScrollSensitivity: 0,
+                  scrollBeyondLastLine: false,
+                  lineNumbers: isShowLineNumbers ? "on" : "off"
+                },
+                theme,
+                className: "my-2 rounded-md"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  MonacoCode
+};
+//# sourceMappingURL=MonacoCode.mjs.map

package/dist/components/IDE/MonacoCode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoCode.mjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { Editor, OnChange, OnMount } from '@monaco-editor/react';\nimport { type FC, useState, useRef, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\nimport { CopyButton } from './CopyButton';\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n  showCopyButton?: boolean;\n  isReadOnly?: boolean;\n  onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers,\n  showCopyButton = true,\n  isReadOnly = false,\n  onChange,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const ideRef = useRef(null);\n  const [editorSize, setEditorSize] = useState<{\n    height: number;\n    width: number;\n  }>({ height: 0, width: 0 });\n\n  const theme = useMemo(\n    () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n    [isDarkMode]\n  );\n\n  const handleMountIde: OnMount = (editor, monaco) => {\n    // first time you set the height based on content Height\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ideRef.current = editor as any;\n    const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n    monaco.editor.defineTheme('vs-dark-transparent', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n    monaco.editor.defineTheme('hc-light-theme', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n\n    monaco.editor.setTheme(theme);\n\n    // Disable TypeScript diagnostics\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true, // Disables type checking\n      noSyntaxValidation: true, // Disables syntax errors\n    });\n\n    // Disable JavaScript diagnostics\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true,\n      noSyntaxValidation: true,\n    });\n\n    // Disable unnecessary language features (e.g., suggestions, quick fixes)\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    setEditorSize({\n      height: contentHeight,\n      width: containerRef.current?.clientWidth ?? 0,\n    });\n  };\n\n  const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      {showCopyButton && <CopyButton content={children} />}\n      <div\n        className=\"grid size-full grid-cols-[0px] overflow-auto\"\n        ref={containerRef}\n      >\n        <Editor\n          {...editorSize}\n          defaultLanguage=\"typescript\"\n          language={language}\n          loading={<Loader />}\n          defaultValue={String(children).replace(/\\n$/, '')}\n          onMount={handleMountIde}\n          onChange={onChange}\n          options={{\n            readOnly: isReadOnly,\n            cursorStyle: 'line',\n            minimap: { enabled: false },\n            scrollbar: {\n              vertical: 'hidden',\n              verticalScrollbarSize: 0,\n              alwaysConsumeMouseWheel: false,\n            },\n            folding: false, // Disable code folding\n            renderValidationDecorations: 'off', // Disable error/warning decorations\n            quickSuggestions: false, // Disable IntelliSense\n            parameterHints: { enabled: false }, // Disable parameter hints\n            suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n            mouseWheelScrollSensitivity: 0,\n            fastScrollSensitivity: 0,\n            scrollBeyondLastLine: false,\n            lineNumbers: isShowLineNumbers ? 'on' : 'off',\n          }}\n          theme={theme}\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/dist/components/IDE/PackageManagerSelector.cjs

@@ -0,0 +1,20 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+require("../Select/Multiselect.cjs");
+const components_Select_Select = require("../Select/Select.cjs");
+const components_IDE_CodeContext = require("./CodeContext.cjs");
+const PackageManagerSelector = () => {
+  const { packageManager, setPackageManager } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "yarn", children: "yarn" })
+    ] })
+  ] });
+};
+exports.PackageManagerSelector = PackageManagerSelector;
+//# sourceMappingURL=PackageManagerSelector.cjs.map

package/dist/components/IDE/PackageManagerSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerSelector.cjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAIA,0CAAe;AAE7D,SACGC,2BAAAA,kBAAAA,KAAAC,yBAAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,MAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,uDAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,uDAC7BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/IDE/PackageManagerSelector.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const PackageManagerSelector: FC;
+//# sourceMappingURL=PackageManagerSelector.d.ts.map

package/dist/components/IDE/PackageManagerSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerSelector.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,eAAO,MAAM,sBAAsB,EAAE,EAepC,CAAC"}

package/dist/components/IDE/PackageManagerSelector.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import "../Select/Multiselect.mjs";
+import { Select } from "../Select/Select.mjs";
+import { useCodeContext } from "./CodeContext.mjs";
+const PackageManagerSelector = () => {
+  const { packageManager, setPackageManager } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "yarn", children: "yarn" })
+    ] })
+  ] });
+};
+export {
+  PackageManagerSelector
+};
+//# sourceMappingURL=PackageManagerSelector.mjs.map

package/dist/components/IDE/PackageManagerSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerSelector.mjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,eAAe;AAE7D,SACGA,kCAAAA,KAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,MAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,4CAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,4CAC7B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/IDE/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_IDE_CodeRender = require("./CodeRender.cjs");
+const components_IDE_Code = require("./Code.cjs");
 const components_IDE_IDE = require("./IDE.cjs");
 const components_IDE_FileList = require("./FileList.cjs");
-exports.Code = components_IDE_CodeRender.Code;
+exports.Code = components_IDE_Code.Code;
 exports.IDE = components_IDE_IDE.IDE;
 exports.FileList = components_IDE_FileList.FileList;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,4 +1,4 @@
-export * from './CodeRender';
+export * from './Code';
 export * from './IDE';
 export * from './FileList';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}

package/dist/components/IDE/index.mjs

@@ -1,4 +1,4 @@
-import { Code } from "./CodeRender.mjs";
+import { Code } from "./Code.mjs";
 import { IDE } from "./IDE.mjs";
 import { FileList } from "./FileList.mjs";
 export {

package/dist/components/Link/Link.cjs

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const client = require("@intlayer/config/client");
+const core = require("@intlayer/core");
 const classVarianceAuthority = require("class-variance-authority");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
@@ -13,7 +15,7 @@ const linkVariants = classVarianceAuthority.cva(
         "invisible-link": "h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent",
         button: "rounded-lg text-text-opposite dark:text-text-opposite-dark min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
         "button-outlined": "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10"
+        hoverable: "block rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10"
       },
       color: {
         primary: "border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300",
@@ -38,9 +40,18 @@ const linkVariants = classVarianceAuthority.cva(
     }
   }
 );
-const isExternal = (href = "") => /^https?:\/\//.test(href);
-const Link = require$$0.forwardRef(
-  ({
+const checkIsExternalLink = ({
+  href,
+  children,
+  isExternalLink: isExternalLinkProp
+}) => {
+  const isChildrenString = typeof children === "string";
+  const isValidHref = typeof href === "string" && href.trim() !== "";
+  const isExternalLink = isExternalLinkProp === true || isChildrenString && typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
+  return isExternalLink;
+};
+const Link = require$$0.forwardRef((props, ref) => {
+  const {
     variant = "default",
     color = "primary",
     children,
@@ -48,34 +59,42 @@ const Link = require$$0.forwardRef(
     className,
     isActive,
     underlined,
+    locale,
     isExternalLink: isExternalLinkProp,
-    href,
-    ...props
-  }, ref) => {
-    const isChildrenString = typeof children === "string";
-    const isExternalLink = isExternalLinkProp === true || isChildrenString && typeof isExternalLinkProp === "undefined" && isExternal(href);
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      "a",
-      {
-        href,
-        ref,
-        "aria-label": label,
-        "aria-current": isActive,
-        className: linkVariants({
-          variant,
-          color,
-          underlined,
-          className
-        }),
-        ...props,
-        children: [
-          children,
-          isExternalLink && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
-        ]
-      }
-    );
-  }
-);
+    href: hrefProp,
+    ...otherProps
+  } = props;
+  const { internationalization } = client.getConfiguration();
+  const isExternalLink = checkIsExternalLink(props);
+  const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
+  const target = isExternalLink ? "_blank" : "_self";
+  const hrefLang = locale ? locale === internationalization.defaultLocale ? "x-default" : locale : void 0;
+  const href = locale && hrefProp && !isExternalLink ? core.getLocalizedUrl(hrefProp, locale) : hrefProp;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "a",
+    {
+      href,
+      ref,
+      hrefLang,
+      "aria-label": label,
+      rel,
+      target,
+      "aria-current": isActive ? "page" : void 0,
+      className: linkVariants({
+        variant,
+        color,
+        underlined,
+        className
+      }),
+      ...otherProps,
+      children: [
+        children,
+        isExternalLink && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
+      ]
+    }
+  );
+});
 Link.displayName = "Link";
 exports.Link = Link;
+exports.checkIsExternalLink = checkIsExternalLink;
 //# sourceMappingURL=Link.cjs.map

package/dist/components/Link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n\n        button:\n          'rounded-lg text-text-opposite dark:text-text-opposite-dark min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n  };\n\nconst isExternal = (href = ''): boolean => /^https?:\\/\\//.test(href);\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      children,\n      label,\n      className,\n      isActive,\n      underlined,\n      isExternalLink: isExternalLinkProp,\n      href,\n      ...props\n    },\n    ref\n  ) => {\n    const isChildrenString = typeof children === 'string';\n    const isExternalLink =\n      isExternalLinkProp === true ||\n      (isChildrenString &&\n        typeof isExternalLinkProp === 'undefined' &&\n        isExternal(href));\n\n    return (\n      <a\n        href={href}\n        ref={ref}\n        aria-label={label}\n        aria-current={isActive}\n        className={linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })}\n        {...props}\n      >\n        {children}\n        {isExternalLink && (\n          <ExternalLink className=\"ml-2 inline-block size-4\" />\n        )}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["cva","forwardRef","jsxs","jsx","ExternalLink"],"mappings":";;;;;;AAQA,MAAM,eAAeA,uBAAA;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QAEF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAYA,MAAM,aAAa,CAAC,OAAO,OAAgB,eAAe,KAAK,IAAI;AAE5D,MAAM,OAAOC,WAAA;AAAA,EAClB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,mBAAmB,OAAO,aAAa;AACvC,UAAA,iBACJ,uBAAuB,QACtB,oBACC,OAAO,uBAAuB,eAC9B,WAAW,IAAI;AAGjB,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,gBAAc;AAAA,QACd,WAAW,aAAa;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,kBACCC,2BAAAA,kBAAAA,IAACC,YAAAA,cAAa,EAAA,WAAU,2BAA2B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEvD;AAAA,EAAA;AAGN;AAEA,KAAK,cAAc;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { getConfiguration, Locales } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start text-wrap border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n\n        button:\n          'rounded-lg text-text-opposite dark:text-text-opposite-dark min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: Locales;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  children,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isChildrenString = typeof children === 'string';\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (isChildrenString &&\n      typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = getConfiguration();\n\n  const isExternalLink = checkIsExternalLink(props);\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      ref={ref}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={linkVariants({\n        variant,\n        color,\n        underlined,\n        className,\n      })}\n      {...otherProps}\n    >\n      {children}\n      {isExternalLink && <ExternalLink className=\"ml-2 inline-block size-4\" />}\n    </a>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":["cva","forwardRef","getConfiguration","getLocalizedUrl","jsxs","jsx","ExternalLink"],"mappings":";;;;;;;;AAUA,MAAM,eAAeA,uBAAA;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QAEF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,MAA0B;AAClB,QAAA,mBAAmB,OAAO,aAAa;AAC7C,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,oBACC,OAAO,uBAAuB,eAC9B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEO,MAAM,OAAOC,WAAA,WAAyC,CAAC,OAAO,QAAQ;AACrE,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,qBAAqB,IAAIC,wBAAiB;AAE5C,QAAA,iBAAiB,oBAAoB,KAAK;AAE1C,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnBC,qBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,aAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,kBAAkBC,2BAAAA,kBAAAA,IAACC,YAAAA,cAAa,EAAA,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAEJ,CAAC;AAED,KAAK,cAAc;;;"}

package/dist/components/Link/Link.d.ts

@@ -1,3 +1,4 @@
+import { Locales } from '@intlayer/config/client';
 import { VariantProps } from 'class-variance-authority';
 import { DetailedHTMLProps, AnchorHTMLAttributes } from 'react';
 declare const linkVariants: (props?: ({
@@ -9,7 +10,9 @@ export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement
     label: string;
     isExternalLink?: boolean;
     isActive?: boolean;
+    locale?: Locales;
 };
+export declare const checkIsExternalLink: ({ href, children, isExternalLink: isExternalLinkProp, }: LinkProps) => boolean;
 export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
 export {};
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,YAAY;;;;8EA4CjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIJ,eAAO,MAAM,IAAI,sHA4ChB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,YAAY;;;;8EA4CjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,4DAI7B,SAAS,KAAG,OAWd,CAAC;AAEF,eAAO,MAAM,IAAI,sHAsDf,CAAC"}