@intlayer/design-system 3.5.5 → 3.5.7

package/dist/components/IDE/CodeContext.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { createContext, useContext } from "react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../../libs/intlayer-api/index.mjs";
+import "@intlayer/config/client";
+import "../Toaster/Toast.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+const CodeContext = createContext({
+  packageManager: "npm",
+  setPackageManager: () => {
+  },
+  codeFormat: "typescript",
+  setCodeFormat: () => {
+  },
+  contentDeclarationFormat: "typescript",
+  setContentDeclarationFormat: () => {
+  }
+});
+const useCodeContext = () => useContext(CodeContext);
+const CodeProvider = ({ children }) => {
+  const [packageManager, setPackageManager] = usePersistedStore(
+    "packageManager",
+    "npm"
+  );
+  const [codeFormat, setCodeFormat] = usePersistedStore(
+    "codeFormat",
+    "typescript"
+  );
+  const [contentDeclarationFormat, setContentDeclarationFormat] = usePersistedStore(
+    "contentDeclarationFormat",
+    "typescript"
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CodeContext.Provider,
+    {
+      value: {
+        packageManager,
+        setPackageManager,
+        codeFormat,
+        setCodeFormat,
+        contentDeclarationFormat,
+        setContentDeclarationFormat
+      },
+      children
+    }
+  );
+};
+export {
+  CodeContext,
+  CodeProvider,
+  useCodeContext
+};
+//# sourceMappingURL=CodeContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeContext.mjs","sources":["../../../src/components/IDE/CodeContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'react';\nimport { usePersistedStore } from '../../hooks';\n\nexport type PackageManager = 'npm' | 'pnpm' | 'yarn';\nexport type CodeFormat = 'typescript' | 'commonjs' | 'esm';\nexport type ContentDeclarationFormat =\n  | 'typescript'\n  | 'commonjs'\n  | 'esm'\n  | 'json';\n\ntype CodeContextValue = {\n  packageManager: PackageManager;\n  setPackageManager: (packageManager: PackageManager) => void;\n  codeFormat: CodeFormat;\n  setCodeFormat: (codeFormat: CodeFormat) => void;\n  contentDeclarationFormat: ContentDeclarationFormat;\n  setContentDeclarationFormat: (\n    contentDeclarationFormat: ContentDeclarationFormat\n  ) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const CodeContext = createContext<CodeContextValue>({\n  packageManager: 'npm',\n  setPackageManager: () => {},\n  codeFormat: 'typescript',\n  setCodeFormat: () => {},\n  contentDeclarationFormat: 'typescript',\n  setContentDeclarationFormat: () => {},\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useCodeContext = () => useContext(CodeContext);\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const CodeProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [packageManager, setPackageManager] = usePersistedStore<PackageManager>(\n    'packageManager',\n    'npm'\n  );\n  const [codeFormat, setCodeFormat] = usePersistedStore<CodeFormat>(\n    'codeFormat',\n    'typescript'\n  );\n  const [contentDeclarationFormat, setContentDeclarationFormat] =\n    usePersistedStore<ContentDeclarationFormat>(\n      'contentDeclarationFormat',\n      'typescript'\n    );\n\n  return (\n    <CodeContext.Provider\n      value={{\n        packageManager,\n        setPackageManager,\n        codeFormat,\n        setCodeFormat,\n        contentDeclarationFormat,\n        setContentDeclarationFormat,\n      }}\n    >\n      {children}\n    </CodeContext.Provider>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;AAgCO,MAAM,cAAc,cAAgC;AAAA,EACzD,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,0BAA0B;AAAA,EAC1B,6BAA6B,MAAM;AAAA,EAAA;AACrC,CAAC;AAKY,MAAA,iBAAiB,MAAM,WAAW,WAAW;AAKnD,MAAM,eAAsC,CAAC,EAAE,eAAe;AAC7D,QAAA,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,0BAA0B,2BAA2B,IAC1D;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAGA,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/IDE/CodeFormatSelector.cjs

@@ -0,0 +1,30 @@
+"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 CodeFormatSelector = () => {
+  const { codeFormat, setCodeFormat, setContentDeclarationFormat } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Select_Select.Select,
+    {
+      value: codeFormat,
+      onValueChange: (value) => {
+        setCodeFormat(value);
+        setContentDeclarationFormat(value);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Code Format" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "commonjs", children: "CommonJS" })
+        ] })
+      ]
+    }
+  );
+};
+exports.CodeFormatSelector = CodeFormatSelector;
+//# sourceMappingURL=CodeFormatSelector.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatSelector.cjs","sources":["../../../src/components/IDE/CodeFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeFormatSelector: FC = () => {\n  const { codeFormat, setCodeFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={codeFormat}\n      onValueChange={(value) => {\n        setCodeFormat(value as typeof codeFormat);\n        setContentDeclarationFormat(value as typeof codeFormat);\n      }}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Code Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,qBAAyB,MAAM;AAC1C,QAAM,EAAE,YAAY,eAAe,4BAAA,IACjCA,2BAAAA,eAAe;AAGf,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAC1C,CAAA;AAAA,QACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,UAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,2DACzCA,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,2DAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

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

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

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

package/dist/components/IDE/CodeFormatSelector.mjs

@@ -0,0 +1,30 @@
+"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 CodeFormatSelector = () => {
+  const { codeFormat, setCodeFormat, setContentDeclarationFormat } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Select,
+    {
+      value: codeFormat,
+      onValueChange: (value) => {
+        setCodeFormat(value);
+        setContentDeclarationFormat(value);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Code Format" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "commonjs", children: "CommonJS" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  CodeFormatSelector
+};
+//# sourceMappingURL=CodeFormatSelector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatSelector.mjs","sources":["../../../src/components/IDE/CodeFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeFormatSelector: FC = () => {\n  const { codeFormat, setCodeFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={codeFormat}\n      onValueChange={(value) => {\n        setCodeFormat(value as typeof codeFormat);\n        setContentDeclarationFormat(value as typeof codeFormat);\n      }}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Code Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,qBAAyB,MAAM;AAC1C,QAAM,EAAE,YAAY,eAAe,4BAAA,IACjC,eAAe;AAGf,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAC1C,CAAA;AAAA,QACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,UAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,gDACzC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,gDAC3B,OAAO,MAAP,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/IDE/CodeRenderer.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const rehypeParse = require("rehype-parse");
+const rehypePrettyCode = require("rehype-pretty-code");
+const rehypeReact = require("rehype-react");
+const unified = require("unified");
+const CodeRenderer = async ({ code }) => {
+  const highlightedCode = await processMarkdown();
+  console.log("code", code);
+  return highlightedCode;
+};
+const rehypePrettyCodeOptions = {
+  theme: "github-dark"
+};
+const processMarkdown = async (htmlContent) => {
+  const file = await unified.unified().use(rehypeParse, { fragment: true }).use(rehypePrettyCode.rehypePrettyCode, rehypePrettyCodeOptions).use(rehypeReact, {
+    createElement: require$$0.createElement,
+    Fragment: jsxRuntime.jsxRuntimeExports.Fragment,
+    jsx: jsxRuntime.jsxRuntimeExports.jsx,
+    jsxs: jsxRuntime.jsxRuntimeExports.jsxs
+  }).process("`const numbers = [1, 2, 3]{:js}`");
+  return file.result;
+};
+exports.CodeRenderer = CodeRenderer;
+//# sourceMappingURL=CodeRenderer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.cjs","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Fragment, jsx, jsxs } from 'react/jsx-runtime';\nimport rehypeParse from 'rehype-parse';\nimport {\n  rehypePrettyCode,\n  type Options as RehypePrettyCodeOptions,\n} from 'rehype-pretty-code';\nimport rehypeReact from 'rehype-react';\nimport rehypeStringify from 'rehype-stringify';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { unified } from 'unified';\n\nexport type CodeRendererProps = {\n  code: string;\n};\n\nexport const CodeRenderer = async ({ code }: CodeRendererProps) => {\n  const highlightedCode = await processMarkdown(code);\n\n  console.log('code', code);\n  return highlightedCode;\n};\n\nconst rehypePrettyCodeOptions: RehypePrettyCodeOptions = {\n  theme: 'github-dark',\n};\n\nconst processMarkdown = async (htmlContent: string) => {\n  const file = await unified()\n    .use(rehypeParse, { fragment: true }) // Parse the HTML string\n    .use(rehypePrettyCode, rehypePrettyCodeOptions) // Apply syntax highlighting\n    .use(rehypeReact, {\n      createElement,\n      Fragment,\n      jsx,\n      jsxs,\n    })\n    .process('`const numbers = [1, 2, 3]{:js}`');\n\n  return file.result;\n};\n"],"names":["unified","rehypePrettyCode","createElement","Fragment","jsx","jsxs"],"mappings":";;;;;;;;AAiBO,MAAM,eAAe,OAAO,EAAE,WAA8B;AAC3D,QAAA,kBAAkB,MAAM,gBAAoB;AAE1C,UAAA,IAAI,QAAQ,IAAI;AACjB,SAAA;AACT;AAEA,MAAM,0BAAmD;AAAA,EACvD,OAAO;AACT;AAEA,MAAM,kBAAkB,OAAO,gBAAwB;AACrD,QAAM,OAAO,MAAMA,QAAA,QAAA,EAChB,IAAI,aAAa,EAAE,UAAU,KAAK,CAAC,EACnC,IAAIC,iBAAA,kBAAkB,uBAAuB,EAC7C,IAAI,aAAa;AAAA,IAAA,eAChBC,WAAA;AAAA,IAAA,UACAC,WAAA,kBAAA;AAAA,IAAA,KACAC,WAAA,kBAAA;AAAA,IACAC,MAAAA,WAAAA,kBAAAA;AAAAA,EAAA,CACD,EACA,QAAQ,kCAAkC;AAE7C,SAAO,KAAK;AACd;;"}

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

@@ -0,0 +1,5 @@
+export type CodeRendererProps = {
+    code: string;
+};
+export declare const CodeRenderer: ({ code }: CodeRendererProps) => Promise<JSX.Element>;
+//# sourceMappingURL=CodeRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,aAAoB,iBAAiB,yBAK7D,CAAC"}

package/dist/components/IDE/CodeRenderer.mjs

@@ -0,0 +1,27 @@
+import { createElement } from "react";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import rehypeParse from "rehype-parse";
+import { rehypePrettyCode } from "rehype-pretty-code";
+import rehypeReact from "rehype-react";
+import { unified } from "unified";
+const CodeRenderer = async ({ code }) => {
+  const highlightedCode = await processMarkdown();
+  console.log("code", code);
+  return highlightedCode;
+};
+const rehypePrettyCodeOptions = {
+  theme: "github-dark"
+};
+const processMarkdown = async (htmlContent) => {
+  const file = await unified().use(rehypeParse, { fragment: true }).use(rehypePrettyCode, rehypePrettyCodeOptions).use(rehypeReact, {
+    createElement,
+    Fragment: jsxRuntimeExports.Fragment,
+    jsx: jsxRuntimeExports.jsx,
+    jsxs: jsxRuntimeExports.jsxs
+  }).process("`const numbers = [1, 2, 3]{:js}`");
+  return file.result;
+};
+export {
+  CodeRenderer
+};
+//# sourceMappingURL=CodeRenderer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.mjs","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Fragment, jsx, jsxs } from 'react/jsx-runtime';\nimport rehypeParse from 'rehype-parse';\nimport {\n  rehypePrettyCode,\n  type Options as RehypePrettyCodeOptions,\n} from 'rehype-pretty-code';\nimport rehypeReact from 'rehype-react';\nimport rehypeStringify from 'rehype-stringify';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { unified } from 'unified';\n\nexport type CodeRendererProps = {\n  code: string;\n};\n\nexport const CodeRenderer = async ({ code }: CodeRendererProps) => {\n  const highlightedCode = await processMarkdown(code);\n\n  console.log('code', code);\n  return highlightedCode;\n};\n\nconst rehypePrettyCodeOptions: RehypePrettyCodeOptions = {\n  theme: 'github-dark',\n};\n\nconst processMarkdown = async (htmlContent: string) => {\n  const file = await unified()\n    .use(rehypeParse, { fragment: true }) // Parse the HTML string\n    .use(rehypePrettyCode, rehypePrettyCodeOptions) // Apply syntax highlighting\n    .use(rehypeReact, {\n      createElement,\n      Fragment,\n      jsx,\n      jsxs,\n    })\n    .process('`const numbers = [1, 2, 3]{:js}`');\n\n  return file.result;\n};\n"],"names":["Fragment","jsx","jsxs"],"mappings":";;;;;;AAiBO,MAAM,eAAe,OAAO,EAAE,WAA8B;AAC3D,QAAA,kBAAkB,MAAM,gBAAoB;AAE1C,UAAA,IAAI,QAAQ,IAAI;AACjB,SAAA;AACT;AAEA,MAAM,0BAAmD;AAAA,EACvD,OAAO;AACT;AAEA,MAAM,kBAAkB,OAAO,gBAAwB;AACrD,QAAM,OAAO,MAAM,QAAA,EAChB,IAAI,aAAa,EAAE,UAAU,KAAK,CAAC,EACnC,IAAI,kBAAkB,uBAAuB,EAC7C,IAAI,aAAa;AAAA,IAChB;AAAA,IAAA,UACAA,kBAAA;AAAA,IAAA,KACAC,kBAAA;AAAA,IACAC,MAAAA,kBAAAA;AAAAA,EAAA,CACD,EACA,QAAQ,kCAAkC;AAE7C,SAAO,KAAK;AACd;"}

package/dist/components/IDE/ContentDeclarationFormatSelector.cjs

@@ -0,0 +1,28 @@
+"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 ContentDeclarationFormatSelector = () => {
+  const { contentDeclarationFormat, setContentDeclarationFormat } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Select_Select.Select,
+    {
+      value: contentDeclarationFormat,
+      onValueChange: setContentDeclarationFormat,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Content Declaration Format" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "commonjs", children: "CommonJS" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "json", children: "JSON" })
+        ] })
+      ]
+    }
+  );
+};
+exports.ContentDeclarationFormatSelector = ContentDeclarationFormatSelector;
+//# sourceMappingURL=ContentDeclarationFormatSelector.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentDeclarationFormatSelector.cjs","sources":["../../../src/components/IDE/ContentDeclarationFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const ContentDeclarationFormatSelector: FC = () => {\n  const { contentDeclarationFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={contentDeclarationFormat}\n      onValueChange={setContentDeclarationFormat}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Content Declaration Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"json\">JSON</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,mCAAuC,MAAM;AACxD,QAAM,EAAE,0BAA0B,4BAA4B,IAC5DA,0CAAe;AAGf,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,6BAAA,CAA6B,EACzD,CAAA;AAAA,QACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,UAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,2DACzCA,yBAAO,OAAA,MAAP,EAAY,OAAM,YAAW,UAAQ,YAAA;AAAA,2DACrCA,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,2DAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,QAAA,EAChC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

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

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

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

package/dist/components/IDE/ContentDeclarationFormatSelector.mjs

@@ -0,0 +1,28 @@
+"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 ContentDeclarationFormatSelector = () => {
+  const { contentDeclarationFormat, setContentDeclarationFormat } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Select,
+    {
+      value: contentDeclarationFormat,
+      onValueChange: setContentDeclarationFormat,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Content Declaration Format" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "commonjs", children: "CommonJS" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "json", children: "JSON" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ContentDeclarationFormatSelector
+};
+//# sourceMappingURL=ContentDeclarationFormatSelector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentDeclarationFormatSelector.mjs","sources":["../../../src/components/IDE/ContentDeclarationFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const ContentDeclarationFormatSelector: FC = () => {\n  const { contentDeclarationFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={contentDeclarationFormat}\n      onValueChange={setContentDeclarationFormat}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Content Declaration Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"json\">JSON</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,mCAAuC,MAAM;AACxD,QAAM,EAAE,0BAA0B,4BAA4B,IAC5D,eAAe;AAGf,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,6BAAA,CAA6B,EACzD,CAAA;AAAA,QACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,UAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,gDACzC,OAAO,MAAP,EAAY,OAAM,YAAW,UAAQ,YAAA;AAAA,gDACrC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,gDAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,QAAA,EAChC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export type EditableCodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+};
+export declare const EditableCodeBlock: FC<EditableCodeBlockProps>;
+//# sourceMappingURL=EditableCodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/EditableCodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAab,EAAE,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/components/IDE/MarkDownRender.cjs

@@ -1,9 +1,8 @@
-"use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const Markdown = require("markdown-to-jsx");
-const components_IDE_CodeRender = require("./CodeRender.cjs");
+const components_IDE_Code = require("./Code.cjs");
 const MarkdownRenderer = ({
   children,
   isDarkMode
@@ -14,7 +13,7 @@ const MarkdownRenderer = ({
       overrides: {
         code: {
           component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_IDE_CodeRender.Code,
+            components_IDE_Code.Code,
             {
               ...props,
               isDarkMode,

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

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.cjs","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          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","Code"],"mappings":";;;;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,2BAAA,kBAAA;AAAA,YAACC,0BAAA;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;;"}
+{"version":3,"file":"MarkDownRender.cjs","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","Code"],"mappings":";;;;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,2BAAA,kBAAA;AAAA,YAACC,oBAAA;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/MarkDownRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwBtD,CAAC"}
+{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwBtD,CAAC"}

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

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          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":";;;;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,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;"}
+{"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/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

@@ -42,12 +42,10 @@ const linkVariants = classVarianceAuthority.cva(
 );
 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);
+  const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
   return isExternalLink;
 };
 const Link = require$$0.forwardRef((props, ref) => {
@@ -66,6 +64,7 @@ const Link = require$$0.forwardRef((props, ref) => {
   } = props;
   const { internationalization } = client.getConfiguration();
   const isExternalLink = checkIsExternalLink(props);
+  const isChildrenString = typeof children === "string";
   const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
   const target = isExternalLink ? "_blank" : "_self";
   const hrefLang = locale ? locale === internationalization.defaultLocale ? "x-default" : locale : void 0;
@@ -89,7 +88,7 @@ const Link = require$$0.forwardRef((props, ref) => {
       ...otherProps,
       children: [
         children,
-        isExternalLink && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
+        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
       ]
     }
   );

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

@@ -1 +1 @@
-{"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;;;"}
+{"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  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\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  const isChildrenString = typeof children === 'string';\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 && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\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,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,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;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,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,kBAAkB,oBAChBC,2BAAA,kBAAA,IAAAC,YAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ,CAAC;AAED,KAAK,cAAc;;;"}

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

@@ -12,7 +12,7 @@ export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement
     isActive?: boolean;
     locale?: Locales;
 };
-export declare const checkIsExternalLink: ({ href, children, isExternalLink: isExternalLinkProp, }: LinkProps) => boolean;
+export declare const checkIsExternalLink: ({ href, 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,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"}
+{"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,kDAG7B,SAAS,KAAG,OASd,CAAC;AAEF,eAAO,MAAM,IAAI,sHAyDf,CAAC"}

package/dist/components/Link/Link.mjs

@@ -40,12 +40,10 @@ const linkVariants = cva(
 );
 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);
+  const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
   return isExternalLink;
 };
 const Link = forwardRef((props, ref) => {
@@ -64,6 +62,7 @@ const Link = forwardRef((props, ref) => {
   } = props;
   const { internationalization } = getConfiguration();
   const isExternalLink = checkIsExternalLink(props);
+  const isChildrenString = typeof children === "string";
   const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
   const target = isExternalLink ? "_blank" : "_self";
   const hrefLang = locale ? locale === internationalization.defaultLocale ? "x-default" : locale : void 0;
@@ -87,7 +86,7 @@ const Link = forwardRef((props, ref) => {
       ...otherProps,
       children: [
         children,
-        isExternalLink && /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "ml-2 inline-block size-4" })
+        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "ml-2 inline-block size-4" })
       ]
     }
   );