@intlayer/design-system 2.0.13 → 3.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRender.cjs","sources":["../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.5.0_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/okaidia.js","../../../../../../node_modules/.pnpm/react-syntax-highlighter@15.5.0_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-cold.js","../../../src/components/IDE/CodeRender.tsx"],"sourcesContent":["export default {\n  \"code[class*=\\\"language-\\\"]\": {\n    \"color\": \"#f8f8f2\",\n    \"background\": \"none\",\n    \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n    \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n    \"fontSize\": \"1em\",\n    \"textAlign\": \"left\",\n    \"whiteSpace\": \"pre\",\n    \"wordSpacing\": \"normal\",\n    \"wordBreak\": \"normal\",\n    \"wordWrap\": \"normal\",\n    \"lineHeight\": \"1.5\",\n    \"MozTabSize\": \"4\",\n    \"OTabSize\": \"4\",\n    \"tabSize\": \"4\",\n    \"WebkitHyphens\": \"none\",\n    \"MozHyphens\": \"none\",\n    \"msHyphens\": \"none\",\n    \"hyphens\": \"none\"\n  },\n  \"pre[class*=\\\"language-\\\"]\": {\n    \"color\": \"#f8f8f2\",\n    \"background\": \"#272822\",\n    \"textShadow\": \"0 1px rgba(0, 0, 0, 0.3)\",\n    \"fontFamily\": \"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\",\n    \"fontSize\": \"1em\",\n    \"textAlign\": \"left\",\n    \"whiteSpace\": \"pre\",\n    \"wordSpacing\": \"normal\",\n    \"wordBreak\": \"normal\",\n    \"wordWrap\": \"normal\",\n    \"lineHeight\": \"1.5\",\n    \"MozTabSize\": \"4\",\n    \"OTabSize\": \"4\",\n    \"tabSize\": \"4\",\n    \"WebkitHyphens\": \"none\",\n    \"MozHyphens\": \"none\",\n    \"msHyphens\": \"none\",\n    \"hyphens\": \"none\",\n    \"padding\": \"1em\",\n    \"margin\": \".5em 0\",\n    \"overflow\": \"auto\",\n    \"borderRadius\": \"0.3em\"\n  },\n  \":not(pre) > code[class*=\\\"language-\\\"]\": {\n    \"background\": \"#272822\",\n    \"padding\": \".1em\",\n    \"borderRadius\": \".3em\",\n    \"whiteSpace\": \"normal\"\n  },\n  \"comment\": {\n    \"color\": \"#8292a2\"\n  },\n  \"prolog\": {\n    \"color\": \"#8292a2\"\n  },\n  \"doctype\": {\n    \"color\": \"#8292a2\"\n  },\n  \"cdata\": {\n    \"color\": \"#8292a2\"\n  },\n  \"punctuation\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \"namespace\": {\n    \"Opacity\": \".7\"\n  },\n  \"property\": {\n    \"color\": \"#f92672\"\n  },\n  \"tag\": {\n    \"color\": \"#f92672\"\n  },\n  \"constant\": {\n    \"color\": \"#f92672\"\n  },\n  \"symbol\": {\n    \"color\": \"#f92672\"\n  },\n  \"deleted\": {\n    \"color\": \"#f92672\"\n  },\n  \"boolean\": {\n    \"color\": \"#ae81ff\"\n  },\n  \"number\": {\n    \"color\": \"#ae81ff\"\n  },\n  \"selector\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"attr-name\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"string\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"char\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"builtin\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"inserted\": {\n    \"color\": \"#a6e22e\"\n  },\n  \"operator\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \"entity\": {\n    \"color\": \"#f8f8f2\",\n    \"cursor\": \"help\"\n  },\n  \"url\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \".language-css .token.string\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \".style .token.string\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \"variable\": {\n    \"color\": \"#f8f8f2\"\n  },\n  \"atrule\": {\n    \"color\": \"#e6db74\"\n  },\n  \"attr-value\": {\n    \"color\": \"#e6db74\"\n  },\n  \"function\": {\n    \"color\": \"#e6db74\"\n  },\n  \"class-name\": {\n    \"color\": \"#e6db74\"\n  },\n  \"keyword\": {\n    \"color\": \"#66d9ef\"\n  },\n  \"regex\": {\n    \"color\": \"#fd971f\"\n  },\n  \"important\": {\n    \"color\": \"#fd971f\",\n    \"fontWeight\": \"bold\"\n  },\n  \"bold\": {\n    \"fontWeight\": \"bold\"\n  },\n  \"italic\": {\n    \"fontStyle\": \"italic\"\n  }\n};","export default {\n  \"code[class*=\\\"language-\\\"]\": {\n    \"color\": \"#111b27\",\n    \"background\": \"none\",\n    \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n    \"textAlign\": \"left\",\n    \"whiteSpace\": \"pre\",\n    \"wordSpacing\": \"normal\",\n    \"wordBreak\": \"normal\",\n    \"wordWrap\": \"normal\",\n    \"lineHeight\": \"1.5\",\n    \"MozTabSize\": \"4\",\n    \"OTabSize\": \"4\",\n    \"tabSize\": \"4\",\n    \"WebkitHyphens\": \"none\",\n    \"MozHyphens\": \"none\",\n    \"msHyphens\": \"none\",\n    \"hyphens\": \"none\"\n  },\n  \"pre[class*=\\\"language-\\\"]\": {\n    \"color\": \"#111b27\",\n    \"background\": \"#e3eaf2\",\n    \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n    \"textAlign\": \"left\",\n    \"whiteSpace\": \"pre\",\n    \"wordSpacing\": \"normal\",\n    \"wordBreak\": \"normal\",\n    \"wordWrap\": \"normal\",\n    \"lineHeight\": \"1.5\",\n    \"MozTabSize\": \"4\",\n    \"OTabSize\": \"4\",\n    \"tabSize\": \"4\",\n    \"WebkitHyphens\": \"none\",\n    \"MozHyphens\": \"none\",\n    \"msHyphens\": \"none\",\n    \"hyphens\": \"none\",\n    \"padding\": \"1em\",\n    \"margin\": \"0.5em 0\",\n    \"overflow\": \"auto\"\n  },\n  \"pre[class*=\\\"language-\\\"]::-moz-selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"pre[class*=\\\"language-\\\"] ::-moz-selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"code[class*=\\\"language-\\\"]::-moz-selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"code[class*=\\\"language-\\\"] ::-moz-selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"pre[class*=\\\"language-\\\"]::selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"pre[class*=\\\"language-\\\"] ::selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"code[class*=\\\"language-\\\"]::selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \"code[class*=\\\"language-\\\"] ::selection\": {\n    \"background\": \"#8da1b9\"\n  },\n  \":not(pre) > code[class*=\\\"language-\\\"]\": {\n    \"background\": \"#e3eaf2\",\n    \"padding\": \"0.1em 0.3em\",\n    \"borderRadius\": \"0.3em\",\n    \"whiteSpace\": \"normal\"\n  },\n  \"comment\": {\n    \"color\": \"#3c526d\"\n  },\n  \"prolog\": {\n    \"color\": \"#3c526d\"\n  },\n  \"doctype\": {\n    \"color\": \"#3c526d\"\n  },\n  \"cdata\": {\n    \"color\": \"#3c526d\"\n  },\n  \"punctuation\": {\n    \"color\": \"#111b27\"\n  },\n  \"delimiter.important\": {\n    \"color\": \"#006d6d\",\n    \"fontWeight\": \"inherit\"\n  },\n  \"selector.parent\": {\n    \"color\": \"#006d6d\"\n  },\n  \"tag\": {\n    \"color\": \"#006d6d\"\n  },\n  \"tag.punctuation\": {\n    \"color\": \"#006d6d\"\n  },\n  \"attr-name\": {\n    \"color\": \"#755f00\"\n  },\n  \"boolean\": {\n    \"color\": \"#755f00\"\n  },\n  \"boolean.important\": {\n    \"color\": \"#755f00\"\n  },\n  \"number\": {\n    \"color\": \"#755f00\"\n  },\n  \"constant\": {\n    \"color\": \"#755f00\"\n  },\n  \"selector.attribute\": {\n    \"color\": \"#755f00\"\n  },\n  \"class-name\": {\n    \"color\": \"#005a8e\"\n  },\n  \"key\": {\n    \"color\": \"#005a8e\"\n  },\n  \"parameter\": {\n    \"color\": \"#005a8e\"\n  },\n  \"property\": {\n    \"color\": \"#005a8e\"\n  },\n  \"property-access\": {\n    \"color\": \"#005a8e\"\n  },\n  \"variable\": {\n    \"color\": \"#005a8e\"\n  },\n  \"attr-value\": {\n    \"color\": \"#116b00\"\n  },\n  \"inserted\": {\n    \"color\": \"#116b00\"\n  },\n  \"color\": {\n    \"color\": \"#116b00\"\n  },\n  \"selector.value\": {\n    \"color\": \"#116b00\"\n  },\n  \"string\": {\n    \"color\": \"#116b00\"\n  },\n  \"string.url-link\": {\n    \"color\": \"#116b00\"\n  },\n  \"builtin\": {\n    \"color\": \"#af00af\"\n  },\n  \"keyword-array\": {\n    \"color\": \"#af00af\"\n  },\n  \"package\": {\n    \"color\": \"#af00af\"\n  },\n  \"regex\": {\n    \"color\": \"#af00af\"\n  },\n  \"function\": {\n    \"color\": \"#7c00aa\"\n  },\n  \"selector.class\": {\n    \"color\": \"#7c00aa\"\n  },\n  \"selector.id\": {\n    \"color\": \"#7c00aa\"\n  },\n  \"atrule.rule\": {\n    \"color\": \"#a04900\"\n  },\n  \"combinator\": {\n    \"color\": \"#a04900\"\n  },\n  \"keyword\": {\n    \"color\": \"#a04900\"\n  },\n  \"operator\": {\n    \"color\": \"#a04900\"\n  },\n  \"pseudo-class\": {\n    \"color\": \"#a04900\"\n  },\n  \"pseudo-element\": {\n    \"color\": \"#a04900\"\n  },\n  \"selector\": {\n    \"color\": \"#a04900\"\n  },\n  \"unit\": {\n    \"color\": \"#a04900\"\n  },\n  \"deleted\": {\n    \"color\": \"#c22f2e\"\n  },\n  \"important\": {\n    \"color\": \"#c22f2e\",\n    \"fontWeight\": \"bold\"\n  },\n  \"keyword-this\": {\n    \"color\": \"#005a8e\",\n    \"fontWeight\": \"bold\"\n  },\n  \"this\": {\n    \"color\": \"#005a8e\",\n    \"fontWeight\": \"bold\"\n  },\n  \"bold\": {\n    \"fontWeight\": \"bold\"\n  },\n  \"italic\": {\n    \"fontStyle\": \"italic\"\n  },\n  \"entity\": {\n    \"cursor\": \"help\"\n  },\n  \".language-markdown .token.title\": {\n    \"color\": \"#005a8e\",\n    \"fontWeight\": \"bold\"\n  },\n  \".language-markdown .token.title .token.punctuation\": {\n    \"color\": \"#005a8e\",\n    \"fontWeight\": \"bold\"\n  },\n  \".language-markdown .token.blockquote.punctuation\": {\n    \"color\": \"#af00af\"\n  },\n  \".language-markdown .token.code\": {\n    \"color\": \"#006d6d\"\n  },\n  \".language-markdown .token.hr.punctuation\": {\n    \"color\": \"#005a8e\"\n  },\n  \".language-markdown .token.url > .token.content\": {\n    \"color\": \"#116b00\"\n  },\n  \".language-markdown .token.url-link\": {\n    \"color\": \"#755f00\"\n  },\n  \".language-markdown .token.list.punctuation\": {\n    \"color\": \"#af00af\"\n  },\n  \".language-markdown .token.table-header\": {\n    \"color\": \"#111b27\"\n  },\n  \".language-json .token.operator\": {\n    \"color\": \"#111b27\"\n  },\n  \".language-scss .token.variable\": {\n    \"color\": \"#006d6d\"\n  },\n  \"token.tab:not(:empty):before\": {\n    \"color\": \"#3c526d\"\n  },\n  \"token.cr:before\": {\n    \"color\": \"#3c526d\"\n  },\n  \"token.lf:before\": {\n    \"color\": \"#3c526d\"\n  },\n  \"token.space:before\": {\n    \"color\": \"#3c526d\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8e\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8e\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8eda\",\n    \"textDecoration\": \"none\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8eda\",\n    \"textDecoration\": \"none\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8eda\",\n    \"textDecoration\": \"none\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#005a8eda\",\n    \"textDecoration\": \"none\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#3c526d\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#3c526d\"\n  },\n  \"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus\": {\n    \"color\": \"#e3eaf2\",\n    \"background\": \"#3c526d\"\n  },\n  \".line-highlight.line-highlight\": {\n    \"background\": \"linear-gradient(to right, #8da1b92f 70%, #8da1b925)\"\n  },\n  \".line-highlight.line-highlight:before\": {\n    \"backgroundColor\": \"#3c526d\",\n    \"color\": \"#e3eaf2\",\n    \"boxShadow\": \"0 1px #8da1b9\"\n  },\n  \".line-highlight.line-highlight[data-end]:after\": {\n    \"backgroundColor\": \"#3c526d\",\n    \"color\": \"#e3eaf2\",\n    \"boxShadow\": \"0 1px #8da1b9\"\n  },\n  \"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before\": {\n    \"backgroundColor\": \"#3c526d1f\"\n  },\n  \".line-numbers.line-numbers .line-numbers-rows\": {\n    \"borderRight\": \"1px solid #8da1b97a\",\n    \"background\": \"#d0dae77a\"\n  },\n  \".line-numbers .line-numbers-rows > span:before\": {\n    \"color\": \"#3c526dda\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-1\": {\n    \"color\": \"#755f00\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-5\": {\n    \"color\": \"#755f00\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-9\": {\n    \"color\": \"#755f00\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-2\": {\n    \"color\": \"#af00af\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-6\": {\n    \"color\": \"#af00af\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-10\": {\n    \"color\": \"#af00af\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-3\": {\n    \"color\": \"#005a8e\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-7\": {\n    \"color\": \"#005a8e\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-11\": {\n    \"color\": \"#005a8e\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-4\": {\n    \"color\": \"#7c00aa\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-8\": {\n    \"color\": \"#7c00aa\"\n  },\n  \".rainbow-braces .token.token.punctuation.brace-level-12\": {\n    \"color\": \"#7c00aa\"\n  },\n  \"pre.diff-highlight > code .token.token.deleted:not(.prefix)\": {\n    \"backgroundColor\": \"#c22f2e1f\"\n  },\n  \"pre > code.diff-highlight .token.token.deleted:not(.prefix)\": {\n    \"backgroundColor\": \"#c22f2e1f\"\n  },\n  \"pre.diff-highlight > code .token.token.inserted:not(.prefix)\": {\n    \"backgroundColor\": \"#116b001f\"\n  },\n  \"pre > code.diff-highlight .token.token.inserted:not(.prefix)\": {\n    \"backgroundColor\": \"#116b001f\"\n  },\n  \".command-line .command-line-prompt\": {\n    \"borderRight\": \"1px solid #8da1b97a\"\n  },\n  \".command-line .command-line-prompt > span:before\": {\n    \"color\": \"#3c526dda\"\n  }\n};","'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport {\n  type FC,\n  useEffect,\n  useState,\n  lazy,\n  Suspense,\n  type ReactNode,\n} from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport {\n  okaidia,\n  coldarkCold,\n} from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst SyntaxHighlighter = lazy(() =>\n  import('react-syntax-highlighter').then((module) => ({\n    default: module.Prism,\n  }))\n);\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const Code: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers = true,\n  ...props\n}) => {\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      <CopyToClipboard text={children} onCopy={() => setCopied(true)}>\n        <button className=\"absolute right-3 top-3\" aria-label=\"Copy code\">\n          {copied ? (\n            <CopyCheckIcon className=\"size-4\" />\n          ) : (\n            <CopyIcon className=\"size-4\" />\n          )}\n        </button>\n      </CopyToClipboard>\n      <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n        <Suspense fallback={<Loader />}>\n          <SyntaxHighlighter\n            customStyle={{\n              display: undefined,\n              overflowX: 'auto',\n              overflowY: 'auto',\n              padding: undefined,\n              color: undefined,\n              background: 'inherit',\n              margin: undefined,\n            }}\n            PreTag={(props: { children: ReactNode }) => props.children}\n            language={language ?? 'javascript'}\n            style={isDarkMode ? okaidia : coldarkCold}\n            showLineNumbers={showLineNumbers}\n            {...props}\n          >\n            {String(children).replace(/\\n$/, '')}\n          </SyntaxHighlighter>\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n"],"names":["lazy","module","useState","useEffect","jsxs","cn","jsx","CopyCheckIcon","CopyIcon","Suspense","Loader","props"],"mappings":"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","x_google_ignoreList":[0,1]}

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

@@ -8,3 +8,4 @@ type CodeCompProps = {
 };
 export declare const Code: FC<CodeCompProps>;
 export {};
+//# sourceMappingURL=CodeRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRender.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAef,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;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAwDlC,CAAC"}

package/dist/components/IDE/CodeRender.mjs

@@ -0,0 +1,605 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { CopyCheckIcon, CopyIcon } from "lucide-react";
+import { lazy, useState, useEffect, Suspense } from "react";
+import CopyToClipboard from "react-copy-to-clipboard";
+import { cn } from "../../utils/cn.mjs";
+import { Loader } from "../Loader/index.mjs";
+const okaidia = {
+  'code[class*="language-"]': {
+    "color": "#f8f8f2",
+    "background": "none",
+    "textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+    "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+    "fontSize": "1em",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "wordWrap": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "4",
+    "OTabSize": "4",
+    "tabSize": "4",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none"
+  },
+  'pre[class*="language-"]': {
+    "color": "#f8f8f2",
+    "background": "#272822",
+    "textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+    "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+    "fontSize": "1em",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "wordWrap": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "4",
+    "OTabSize": "4",
+    "tabSize": "4",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none",
+    "padding": "1em",
+    "margin": ".5em 0",
+    "overflow": "auto",
+    "borderRadius": "0.3em"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    "background": "#272822",
+    "padding": ".1em",
+    "borderRadius": ".3em",
+    "whiteSpace": "normal"
+  },
+  "comment": {
+    "color": "#8292a2"
+  },
+  "prolog": {
+    "color": "#8292a2"
+  },
+  "doctype": {
+    "color": "#8292a2"
+  },
+  "cdata": {
+    "color": "#8292a2"
+  },
+  "punctuation": {
+    "color": "#f8f8f2"
+  },
+  "namespace": {
+    "Opacity": ".7"
+  },
+  "property": {
+    "color": "#f92672"
+  },
+  "tag": {
+    "color": "#f92672"
+  },
+  "constant": {
+    "color": "#f92672"
+  },
+  "symbol": {
+    "color": "#f92672"
+  },
+  "deleted": {
+    "color": "#f92672"
+  },
+  "boolean": {
+    "color": "#ae81ff"
+  },
+  "number": {
+    "color": "#ae81ff"
+  },
+  "selector": {
+    "color": "#a6e22e"
+  },
+  "attr-name": {
+    "color": "#a6e22e"
+  },
+  "string": {
+    "color": "#a6e22e"
+  },
+  "char": {
+    "color": "#a6e22e"
+  },
+  "builtin": {
+    "color": "#a6e22e"
+  },
+  "inserted": {
+    "color": "#a6e22e"
+  },
+  "operator": {
+    "color": "#f8f8f2"
+  },
+  "entity": {
+    "color": "#f8f8f2",
+    "cursor": "help"
+  },
+  "url": {
+    "color": "#f8f8f2"
+  },
+  ".language-css .token.string": {
+    "color": "#f8f8f2"
+  },
+  ".style .token.string": {
+    "color": "#f8f8f2"
+  },
+  "variable": {
+    "color": "#f8f8f2"
+  },
+  "atrule": {
+    "color": "#e6db74"
+  },
+  "attr-value": {
+    "color": "#e6db74"
+  },
+  "function": {
+    "color": "#e6db74"
+  },
+  "class-name": {
+    "color": "#e6db74"
+  },
+  "keyword": {
+    "color": "#66d9ef"
+  },
+  "regex": {
+    "color": "#fd971f"
+  },
+  "important": {
+    "color": "#fd971f",
+    "fontWeight": "bold"
+  },
+  "bold": {
+    "fontWeight": "bold"
+  },
+  "italic": {
+    "fontStyle": "italic"
+  }
+};
+const coldarkCold = {
+  'code[class*="language-"]': {
+    "color": "#111b27",
+    "background": "none",
+    "fontFamily": 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "wordWrap": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "4",
+    "OTabSize": "4",
+    "tabSize": "4",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none"
+  },
+  'pre[class*="language-"]': {
+    "color": "#111b27",
+    "background": "#e3eaf2",
+    "fontFamily": 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "wordWrap": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "4",
+    "OTabSize": "4",
+    "tabSize": "4",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none",
+    "padding": "1em",
+    "margin": "0.5em 0",
+    "overflow": "auto"
+  },
+  'pre[class*="language-"]::-moz-selection': {
+    "background": "#8da1b9"
+  },
+  'pre[class*="language-"] ::-moz-selection': {
+    "background": "#8da1b9"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    "background": "#8da1b9"
+  },
+  'code[class*="language-"] ::-moz-selection': {
+    "background": "#8da1b9"
+  },
+  'pre[class*="language-"]::selection': {
+    "background": "#8da1b9"
+  },
+  'pre[class*="language-"] ::selection': {
+    "background": "#8da1b9"
+  },
+  'code[class*="language-"]::selection': {
+    "background": "#8da1b9"
+  },
+  'code[class*="language-"] ::selection': {
+    "background": "#8da1b9"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    "background": "#e3eaf2",
+    "padding": "0.1em 0.3em",
+    "borderRadius": "0.3em",
+    "whiteSpace": "normal"
+  },
+  "comment": {
+    "color": "#3c526d"
+  },
+  "prolog": {
+    "color": "#3c526d"
+  },
+  "doctype": {
+    "color": "#3c526d"
+  },
+  "cdata": {
+    "color": "#3c526d"
+  },
+  "punctuation": {
+    "color": "#111b27"
+  },
+  "delimiter.important": {
+    "color": "#006d6d",
+    "fontWeight": "inherit"
+  },
+  "selector.parent": {
+    "color": "#006d6d"
+  },
+  "tag": {
+    "color": "#006d6d"
+  },
+  "tag.punctuation": {
+    "color": "#006d6d"
+  },
+  "attr-name": {
+    "color": "#755f00"
+  },
+  "boolean": {
+    "color": "#755f00"
+  },
+  "boolean.important": {
+    "color": "#755f00"
+  },
+  "number": {
+    "color": "#755f00"
+  },
+  "constant": {
+    "color": "#755f00"
+  },
+  "selector.attribute": {
+    "color": "#755f00"
+  },
+  "class-name": {
+    "color": "#005a8e"
+  },
+  "key": {
+    "color": "#005a8e"
+  },
+  "parameter": {
+    "color": "#005a8e"
+  },
+  "property": {
+    "color": "#005a8e"
+  },
+  "property-access": {
+    "color": "#005a8e"
+  },
+  "variable": {
+    "color": "#005a8e"
+  },
+  "attr-value": {
+    "color": "#116b00"
+  },
+  "inserted": {
+    "color": "#116b00"
+  },
+  "color": {
+    "color": "#116b00"
+  },
+  "selector.value": {
+    "color": "#116b00"
+  },
+  "string": {
+    "color": "#116b00"
+  },
+  "string.url-link": {
+    "color": "#116b00"
+  },
+  "builtin": {
+    "color": "#af00af"
+  },
+  "keyword-array": {
+    "color": "#af00af"
+  },
+  "package": {
+    "color": "#af00af"
+  },
+  "regex": {
+    "color": "#af00af"
+  },
+  "function": {
+    "color": "#7c00aa"
+  },
+  "selector.class": {
+    "color": "#7c00aa"
+  },
+  "selector.id": {
+    "color": "#7c00aa"
+  },
+  "atrule.rule": {
+    "color": "#a04900"
+  },
+  "combinator": {
+    "color": "#a04900"
+  },
+  "keyword": {
+    "color": "#a04900"
+  },
+  "operator": {
+    "color": "#a04900"
+  },
+  "pseudo-class": {
+    "color": "#a04900"
+  },
+  "pseudo-element": {
+    "color": "#a04900"
+  },
+  "selector": {
+    "color": "#a04900"
+  },
+  "unit": {
+    "color": "#a04900"
+  },
+  "deleted": {
+    "color": "#c22f2e"
+  },
+  "important": {
+    "color": "#c22f2e",
+    "fontWeight": "bold"
+  },
+  "keyword-this": {
+    "color": "#005a8e",
+    "fontWeight": "bold"
+  },
+  "this": {
+    "color": "#005a8e",
+    "fontWeight": "bold"
+  },
+  "bold": {
+    "fontWeight": "bold"
+  },
+  "italic": {
+    "fontStyle": "italic"
+  },
+  "entity": {
+    "cursor": "help"
+  },
+  ".language-markdown .token.title": {
+    "color": "#005a8e",
+    "fontWeight": "bold"
+  },
+  ".language-markdown .token.title .token.punctuation": {
+    "color": "#005a8e",
+    "fontWeight": "bold"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    "color": "#af00af"
+  },
+  ".language-markdown .token.code": {
+    "color": "#006d6d"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    "color": "#005a8e"
+  },
+  ".language-markdown .token.url > .token.content": {
+    "color": "#116b00"
+  },
+  ".language-markdown .token.url-link": {
+    "color": "#755f00"
+  },
+  ".language-markdown .token.list.punctuation": {
+    "color": "#af00af"
+  },
+  ".language-markdown .token.table-header": {
+    "color": "#111b27"
+  },
+  ".language-json .token.operator": {
+    "color": "#111b27"
+  },
+  ".language-scss .token.variable": {
+    "color": "#006d6d"
+  },
+  "token.tab:not(:empty):before": {
+    "color": "#3c526d"
+  },
+  "token.cr:before": {
+    "color": "#3c526d"
+  },
+  "token.lf:before": {
+    "color": "#3c526d"
+  },
+  "token.space:before": {
+    "color": "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    "color": "#e3eaf2",
+    "background": "#005a8e"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    "color": "#e3eaf2",
+    "background": "#005a8e"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    "color": "#e3eaf2",
+    "background": "#005a8eda",
+    "textDecoration": "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    "color": "#e3eaf2",
+    "background": "#005a8eda",
+    "textDecoration": "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    "color": "#e3eaf2",
+    "background": "#005a8eda",
+    "textDecoration": "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    "color": "#e3eaf2",
+    "background": "#005a8eda",
+    "textDecoration": "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    "color": "#e3eaf2",
+    "background": "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    "color": "#e3eaf2",
+    "background": "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    "color": "#e3eaf2",
+    "background": "#3c526d"
+  },
+  ".line-highlight.line-highlight": {
+    "background": "linear-gradient(to right, #8da1b92f 70%, #8da1b925)"
+  },
+  ".line-highlight.line-highlight:before": {
+    "backgroundColor": "#3c526d",
+    "color": "#e3eaf2",
+    "boxShadow": "0 1px #8da1b9"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    "backgroundColor": "#3c526d",
+    "color": "#e3eaf2",
+    "boxShadow": "0 1px #8da1b9"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    "backgroundColor": "#3c526d1f"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    "borderRight": "1px solid #8da1b97a",
+    "background": "#d0dae77a"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    "color": "#3c526dda"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    "color": "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    "color": "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    "color": "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    "color": "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    "color": "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    "color": "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    "color": "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    "color": "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    "color": "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    "color": "#7c00aa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    "color": "#7c00aa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    "color": "#7c00aa"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "#c22f2e1f"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "#c22f2e1f"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "#116b001f"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "#116b001f"
+  },
+  ".command-line .command-line-prompt": {
+    "borderRight": "1px solid #8da1b97a"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    "color": "#3c526dda"
+  }
+};
+const SyntaxHighlighter = lazy(
+  () => import("react-syntax-highlighter").then((module) => ({
+    default: module.Prism
+  }))
+);
+const Code = ({
+  children,
+  language,
+  isDarkMode,
+  showLineNumbers = true,
+  ...props
+}) => {
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "relative h-full w-full text-sm",
+        showLineNumbers && "ml-0"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CopyToClipboard, { text: children, onCopy: () => setCopied(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "absolute right-3 top-3", "aria-label": "Copy code", children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyCheckIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SyntaxHighlighter,
+          {
+            customStyle: {
+              display: void 0,
+              overflowX: "auto",
+              overflowY: "auto",
+              padding: void 0,
+              color: void 0,
+              background: "inherit",
+              margin: void 0
+            },
+            PreTag: (props2) => props2.children,
+            language: language ?? "javascript",
+            style: isDarkMode ? okaidia : coldarkCold,
+            showLineNumbers,
+            ...props,
+            children: String(children).replace(/\n$/, "")
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  Code
+};
+//# sourceMappingURL=CodeRender.mjs.map