@intlayer/design-system 3.5.4 → 3.5.6

package/dist/components/IDE/Code.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
+const components_IDE_CodeConditionalRenderer = require("./CodeConditionalRenderer.cjs");
+const components_IDE_CodeFormatSelector = require("./CodeFormatSelector.cjs");
+const components_IDE_ContentDeclarationFormatSelector = require("./ContentDeclarationFormatSelector.cjs");
+const components_IDE_CopyButton = require("./CopyButton.cjs");
+const components_IDE_PackageManagerSelector = require("./PackageManagerSelector.cjs");
+const Code = require$$0.forwardRef(
+  ({
+    children,
+    language,
+    isDarkMode,
+    showHeader = true,
+    showLineNumbers = true,
+    className,
+    fileName,
+    packageManager,
+    codeFormat,
+    contentDeclarationFormat,
+    ...props
+  }, ref) => {
+    const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+    const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_IDE_CodeConditionalRenderer.CodeConditionalRender,
+      {
+        packageManager,
+        codeFormat,
+        contentDeclarationFormat,
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+          components_Container_index.Container,
+          {
+            className: utils_cn.cn(
+              "relative text-sm leading-6",
+              showLineNumbers && "with-line-number ml-0",
+              className
+            ),
+            transparency: "lg",
+            ref,
+            ...props,
+            children: [
+              showHeader && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName ?? language }),
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                    packageManager && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_PackageManagerSelector.PackageManagerSelector, {}),
+                    codeFormat && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeFormatSelector.CodeFormatSelector, {}),
+                    contentDeclarationFormat && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_ContentDeclarationFormatSelector.ContentDeclarationFormatSelector, {})
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    className: utils_cn.cn([
+                      "absolute bottom-0 right-2 flex h-8 items-center",
+                      hadSelectInHeader && "h-11"
+                    ]),
+                    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CopyButton.CopyButton, { content: code })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeBlockClient.CodeBlock, { lang: language, isDarkMode, children: code }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+exports.Code = Code;
+//# sourceMappingURL=Code.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  PackageManager,\n  CodeFormat,\n  ContentDeclarationFormat,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyButton } from './CopyButton';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Code = forwardRef<HTMLDivElement, CodeCompProps>(\n  (\n    {\n      children,\n      language,\n      isDarkMode,\n      showHeader = true,\n      showLineNumbers = true,\n      className,\n      fileName,\n      packageManager,\n      codeFormat,\n      contentDeclarationFormat,\n      ...props\n    },\n    ref\n  ) => {\n    const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n    const hadSelectInHeader =\n      packageManager || codeFormat || contentDeclarationFormat;\n\n    return (\n      <CodeConditionalRender\n        packageManager={packageManager}\n        codeFormat={codeFormat}\n        contentDeclarationFormat={contentDeclarationFormat}\n      >\n        <Container\n          className={cn(\n            'relative text-sm leading-6',\n            showLineNumbers && 'with-line-number ml-0',\n            className\n          )}\n          transparency=\"lg\"\n          ref={ref}\n          {...props}\n        >\n          {showHeader && (\n            <>\n              <div className=\"bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n                <span className=\"truncate\">{fileName ?? language}</span>\n                <div className=\"flex items-center gap-2\">\n                  {packageManager && <PackageManagerSelector />}\n                  {codeFormat && <CodeFormatSelector />}\n                  {contentDeclarationFormat && (\n                    <ContentDeclarationFormatSelector />\n                  )}\n                </div>\n              </div>\n              <div className=\"sticky top-28\">\n                <div\n                  className={cn([\n                    'absolute bottom-0 right-2 flex h-8 items-center',\n                    hadSelectInHeader && 'h-11',\n                  ])}\n                >\n                  <CopyButton content={code} />\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n            <CodeBlock lang={language} isDarkMode={isDarkMode}>\n              {code}\n            </CodeBlock>\n          </div>\n        </Container>\n      </CodeConditionalRender>\n    );\n  }\n);\n\nCode.displayName = 'Code';\n"],"names":["forwardRef","jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyButton","CodeBlock"],"mappings":";;;;;;;;;;;;AAiCO,MAAM,OAAOA,WAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,UAAA,oBACJ,kBAAkB,cAAc;AAGhC,WAAAC,2BAAA,kBAAA;AAAA,MAACC,uCAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEA,UAAAC,2BAAA,kBAAA;AAAA,UAACC,2BAAA;AAAA,UAAA;AAAA,YACC,WAAWC,SAAA;AAAA,cACT;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,YACF;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACC,GAAG;AAAA,YAEH,UAAA;AAAA,cAAA,cAEGF,2BAAA,kBAAA,KAAAG,uCAAA,EAAA,UAAA;AAAA,gBAACH,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,kBAAAF,2BAAA,kBAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,kBACjDE,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,oBAAA,mEAAmBI,sCAAuB,wBAAA,EAAA;AAAA,oBAC1C,+DAAeC,kCAAmB,oBAAA,EAAA;AAAA,oBAClC,6EACEC,gDAAAA,kCAAiC,CAAA,CAAA;AAAA,kBAAA,EAEtC,CAAA;AAAA,gBAAA,GACF;AAAA,gBACAR,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,2BAAA,kBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWI,SAAAA,GAAG;AAAA,sBACZ;AAAA,sBACA,qBAAqB;AAAA,oBAAA,CACtB;AAAA,oBAED,UAAAJ,2BAAAA,kBAAAA,IAACS,0BAAAA,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,kBAAA;AAAA,gBAAA,EAE/B,CAAA;AAAA,cAAA,GACF;AAAA,cAEFT,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,kBAAA,IAACU,4CAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,KAAK,cAAc;;"}

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { BundledLanguage } from 'shiki';
+import { PackageManager, CodeFormat, ContentDeclarationFormat } from './CodeContext';
+export type CodeCompAttributes = {
+    fileName?: string;
+    packageManager?: PackageManager;
+    codeFormat?: CodeFormat;
+    contentDeclarationFormat?: ContentDeclarationFormat;
+};
+export declare const Code: import('react').ForwardRefExoticComponent<{
+    children: string;
+    fileName?: string;
+    language: BundledLanguage;
+    isDarkMode?: boolean;
+    showHeader?: boolean;
+    showLineNumbers?: boolean;
+} & CodeCompAttributes & HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,wBAAwB,EACzB,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;CACrD,CAAC;AAYF,eAAO,MAAM,IAAI;cATL,MAAM;eACL,MAAM;cACP,eAAe;iBACZ,OAAO;iBACP,OAAO;sBACF,OAAO;wGA2E1B,CAAC"}

package/dist/components/IDE/Code.mjs

@@ -0,0 +1,77 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { Container } from "../Container/index.mjs";
+import { CodeBlock } from "./CodeBlockClient.mjs";
+import { CodeConditionalRender } from "./CodeConditionalRenderer.mjs";
+import { CodeFormatSelector } from "./CodeFormatSelector.mjs";
+import { ContentDeclarationFormatSelector } from "./ContentDeclarationFormatSelector.mjs";
+import { CopyButton } from "./CopyButton.mjs";
+import { PackageManagerSelector } from "./PackageManagerSelector.mjs";
+const Code = forwardRef(
+  ({
+    children,
+    language,
+    isDarkMode,
+    showHeader = true,
+    showLineNumbers = true,
+    className,
+    fileName,
+    packageManager,
+    codeFormat,
+    contentDeclarationFormat,
+    ...props
+  }, ref) => {
+    const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+    const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CodeConditionalRender,
+      {
+        packageManager,
+        codeFormat,
+        contentDeclarationFormat,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Container,
+          {
+            className: cn(
+              "relative text-sm leading-6",
+              showLineNumbers && "with-line-number ml-0",
+              className
+            ),
+            transparency: "lg",
+            ref,
+            ...props,
+            children: [
+              showHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: fileName ?? language }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                    packageManager && /* @__PURE__ */ jsxRuntimeExports.jsx(PackageManagerSelector, {}),
+                    codeFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(CodeFormatSelector, {}),
+                    contentDeclarationFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDeclarationFormatSelector, {})
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    className: cn([
+                      "absolute bottom-0 right-2 flex h-8 items-center",
+                      hadSelectInHeader && "h-11"
+                    ]),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { content: code })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeBlock, { lang: language, isDarkMode, children: code }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+export {
+  Code
+};
+//# sourceMappingURL=Code.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.mjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  PackageManager,\n  CodeFormat,\n  ContentDeclarationFormat,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyButton } from './CopyButton';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Code = forwardRef<HTMLDivElement, CodeCompProps>(\n  (\n    {\n      children,\n      language,\n      isDarkMode,\n      showHeader = true,\n      showLineNumbers = true,\n      className,\n      fileName,\n      packageManager,\n      codeFormat,\n      contentDeclarationFormat,\n      ...props\n    },\n    ref\n  ) => {\n    const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n    const hadSelectInHeader =\n      packageManager || codeFormat || contentDeclarationFormat;\n\n    return (\n      <CodeConditionalRender\n        packageManager={packageManager}\n        codeFormat={codeFormat}\n        contentDeclarationFormat={contentDeclarationFormat}\n      >\n        <Container\n          className={cn(\n            'relative text-sm leading-6',\n            showLineNumbers && 'with-line-number ml-0',\n            className\n          )}\n          transparency=\"lg\"\n          ref={ref}\n          {...props}\n        >\n          {showHeader && (\n            <>\n              <div className=\"bg-card/50 dark:bg-card-dark/50 text-neutral dark:text-neutral-dark grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n                <span className=\"truncate\">{fileName ?? language}</span>\n                <div className=\"flex items-center gap-2\">\n                  {packageManager && <PackageManagerSelector />}\n                  {codeFormat && <CodeFormatSelector />}\n                  {contentDeclarationFormat && (\n                    <ContentDeclarationFormatSelector />\n                  )}\n                </div>\n              </div>\n              <div className=\"sticky top-28\">\n                <div\n                  className={cn([\n                    'absolute bottom-0 right-2 flex h-8 items-center',\n                    hadSelectInHeader && 'h-11',\n                  ])}\n                >\n                  <CopyButton content={code} />\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n            <CodeBlock lang={language} isDarkMode={isDarkMode}>\n              {code}\n            </CodeBlock>\n          </div>\n        </Container>\n      </CodeConditionalRender>\n    );\n  }\n);\n\nCode.displayName = 'Code';\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;;;AAiCO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,UAAA,oBACJ,kBAAkB,cAAc;AAGhC,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEA,UAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,YACF;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACC,GAAG;AAAA,YAEH,UAAA;AAAA,cAAA,cAEGA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,gBAACD,kCAAAA,KAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,kBAAAD,kCAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,kBACjDC,kCAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,oBAAA,wDAAmB,wBAAuB,EAAA;AAAA,oBAC1C,oDAAe,oBAAmB,EAAA;AAAA,oBAClC,kEACE,kCAAiC,CAAA,CAAA;AAAA,kBAAA,EAEtC,CAAA;AAAA,gBAAA,GACF;AAAA,gBACAD,kCAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,kCAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,GAAG;AAAA,sBACZ;AAAA,sBACA,qBAAqB;AAAA,oBAAA,CACtB;AAAA,oBAED,UAAAA,kCAAAA,IAAC,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,kBAAA;AAAA,gBAAA,EAE/B,CAAA;AAAA,cAAA,GACF;AAAA,cAEFA,kCAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,kCAAA,IAAC,aAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,KAAK,cAAc;"}

package/dist/components/IDE/CodeBlock.cjs

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const transformers = require("@shikijs/transformers");
+const require$$0 = require("react");
+const shiki = require("shiki");
+const utils_cn = require("../../utils/cn.cjs");
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformers.transformerNotationDiff(),
+      transformers.transformerNotationHighlight(),
+      transformers.transformerNotationWordHighlight(),
+      transformers.transformerNotationErrorLevel(),
+      transformers.transformerMetaHighlight(),
+      transformers.transformerMetaWordHighlight()
+    ]
+  };
+  const out = await shiki.codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeDefault = ({
+  children,
+  isEditable,
+  isDarkMode,
+  onChange,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(require$$0.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: utils_cn.cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+exports.CodeBlock = CodeBlock;
+exports.CodeBlockShiki = CodeBlockShiki;
+//# sourceMappingURL=CodeBlock.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/IDE/CodeBlock.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type HTMLAttributes, Suspense, type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["transformerNotationDiff","transformerNotationHighlight","transformerNotationWordHighlight","transformerNotationErrorLevel","transformerMetaHighlight","transformerMetaWordHighlight","codeToHtml","jsx","Suspense","cn"],"mappings":";;;;;;;;AAiBO,MAAM,iBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZA,qCAAwB;AAAA,MACxBC,0CAA6B;AAAA,MAC7BC,8CAAiC;AAAA,MACjCC,2CAA8B;AAAA,MAC9BC,sCAAyB;AAAA,MACzBC,aAA6B,6BAAA;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAMC,iBAAW,UAAU,YAAY;AAE5C,SAAAC,2BAAA,kBAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,2BAAA,kBAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,kBAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,uDACGC,WAAAA,UAAS,EAAA,2DAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAD,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,SAAAA,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;;;"}

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export declare const CodeBlockShiki: FC<CodeBlockProps>;
+export type CodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+    isEditable?: boolean;
+    onChange?: (content: string) => void;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const CodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,cAAc,EAuBV,EAAE,CAAC,cAAc,CAAC,CAAC;AAsBpC,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC"}

package/dist/components/IDE/CodeBlock.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { transformerNotationDiff, transformerNotationHighlight, transformerNotationWordHighlight, transformerNotationErrorLevel, transformerMetaHighlight, transformerMetaWordHighlight } from "@shikijs/transformers";
+import { Suspense } from "react";
+import { codeToHtml } from "shiki";
+import { cn } from "../../utils/cn.mjs";
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformerNotationDiff(),
+      transformerNotationHighlight(),
+      transformerNotationWordHighlight(),
+      transformerNotationErrorLevel(),
+      transformerMetaHighlight(),
+      transformerMetaWordHighlight()
+    ]
+  };
+  const out = await codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeDefault = ({
+  children,
+  isEditable,
+  isDarkMode,
+  onChange,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+export {
+  CodeBlock,
+  CodeBlockShiki
+};
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","sources":["../../../src/components/IDE/CodeBlock.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type HTMLAttributes, Suspense, type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["jsx"],"mappings":";;;;;;AAiBO,MAAM,iBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZ,wBAAwB;AAAA,MACxB,6BAA6B;AAAA,MAC7B,iCAAiC;AAAA,MACjC,8BAA8B;AAAA,MAC9B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAM,WAAW,UAAU,YAAY;AAE5C,SAAAA,kCAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,kCAAA,IAAC,OACC,EAAA,UAAAA,kCAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,kCAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,4CACG,UAAS,EAAA,gDAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;"}

package/dist/components/IDE/CodeBlockClient.cjs

@@ -0,0 +1,55 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const transformers = require("@shikijs/transformers");
+const require$$0 = require("react");
+const shiki = require("shiki");
+const utils_cn = require("../../utils/cn.cjs");
+const CodeDefault = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlockShiki = ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const [out, setOut] = require$$0.useState(null);
+  const shikiOptions = require$$0.useMemo(
+    () => ({
+      lang,
+      theme: isDarkMode ? "github-dark" : "github-light",
+      transformers: [
+        transformers.transformerNotationDiff(),
+        transformers.transformerNotationHighlight(),
+        transformers.transformerNotationWordHighlight(),
+        transformers.transformerNotationErrorLevel(),
+        transformers.transformerMetaHighlight(),
+        transformers.transformerMetaWordHighlight()
+      ]
+    }),
+    [lang, isDarkMode]
+  );
+  require$$0.useEffect(() => {
+    shiki.codeToHtml(children, shikiOptions).then((out2) => setOut(out2)).catch((e) => console.error(e));
+  }, [shikiOptions, children]);
+  if (!out) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CodeDefault, { children });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: utils_cn.cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+);
+exports.CodeBlock = CodeBlock;
+exports.CodeBlockShiki = CodeBlockShiki;
+//# sourceMappingURL=CodeBlockClient.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockClient.cjs","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"sourcesContent":["'use client';\n\nimport {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport {\n  type HTMLAttributes,\n  type FC,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nconst CodeDefault: FC<{ children: string }> = ({ children }) => (\n  <div>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport const CodeBlockShiki = (({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const [out, setOut] = useState<string | null>(null);\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> =\n    useMemo(\n      () => ({\n        lang,\n        theme: isDarkMode ? 'github-dark' : 'github-light',\n        transformers: [\n          transformerNotationDiff(),\n          transformerNotationHighlight(),\n          transformerNotationWordHighlight(),\n          transformerNotationErrorLevel(),\n          transformerMetaHighlight(),\n          transformerMetaWordHighlight(),\n        ],\n      }),\n      [lang, isDarkMode]\n    );\n\n  useEffect(() => {\n    codeToHtml(children, shikiOptions)\n      .then((out) => setOut(out))\n      .catch((e) => console.error(e));\n  }, [shikiOptions, children]);\n\n  if (!out) return <CodeDefault>{children}</CodeDefault>;\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <CodeBlockShiki\n    className={cn('flex w-full', className)}\n    contentEditable={isEditable}\n    onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n    {...props}\n  />\n);\n"],"names":["jsx","useState","useMemo","transformerNotationDiff","transformerNotationHighlight","transformerNotationWordHighlight","transformerNotationErrorLevel","transformerMetaHighlight","transformerMetaWordHighlight","useEffect","codeToHtml","out","cn"],"mappings":";;;;;;;;AAyBA,MAAM,cAAwC,CAAC,EAAE,SAAA,MAC/CA,2BAAAA,kBAAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,kBAAAA,IAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAA,kBAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,KAAA,GADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAGK,MAAM,iBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,CAAC,KAAK,MAAM,IAAIC,WAAAA,SAAwB,IAAI;AAClD,QAAM,eACJC,WAAA;AAAA,IACE,OAAO;AAAA,MACL;AAAA,MACA,OAAO,aAAa,gBAAgB;AAAA,MACpC,cAAc;AAAA,QACZC,qCAAwB;AAAA,QACxBC,0CAA6B;AAAA,QAC7BC,8CAAiC;AAAA,QACjCC,2CAA8B;AAAA,QAC9BC,sCAAyB;AAAA,QACzBC,aAA6B,6BAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAAC,MAAM,UAAU;AAAA,EACnB;AAEFC,aAAAA,UAAU,MAAM;AACdC,UAAA,WAAW,UAAU,YAAY,EAC9B,KAAK,CAACC,SAAQ,OAAOA,IAAG,CAAC,EACzB,MAAM,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;AAAA,EAAA,GAC/B,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,CAAC,IAAY,QAAAX,2BAAAA,kBAAAA,IAAC,eAAa,SAAS,CAAA;AAEjC,SAAAA,2BAAA,kBAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAUO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWY,SAAAA,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN;;;"}

package/dist/components/IDE/CodeBlockClient.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { transformerNotationDiff, transformerNotationHighlight, transformerNotationWordHighlight, transformerNotationErrorLevel, transformerMetaHighlight, transformerMetaWordHighlight } from "@shikijs/transformers";
+import { useState, useMemo, useEffect } from "react";
+import { codeToHtml } from "shiki";
+import { cn } from "../../utils/cn.mjs";
+const CodeDefault = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlockShiki = ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const [out, setOut] = useState(null);
+  const shikiOptions = useMemo(
+    () => ({
+      lang,
+      theme: isDarkMode ? "github-dark" : "github-light",
+      transformers: [
+        transformerNotationDiff(),
+        transformerNotationHighlight(),
+        transformerNotationWordHighlight(),
+        transformerNotationErrorLevel(),
+        transformerMetaHighlight(),
+        transformerMetaWordHighlight()
+      ]
+    }),
+    [lang, isDarkMode]
+  );
+  useEffect(() => {
+    codeToHtml(children, shikiOptions).then((out2) => setOut(out2)).catch((e) => console.error(e));
+  }, [shikiOptions, children]);
+  if (!out) return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDefault, { children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+);
+export {
+  CodeBlock,
+  CodeBlockShiki
+};
+//# sourceMappingURL=CodeBlockClient.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockClient.mjs","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"sourcesContent":["'use client';\n\nimport {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport {\n  type HTMLAttributes,\n  type FC,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nconst CodeDefault: FC<{ children: string }> = ({ children }) => (\n  <div>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport const CodeBlockShiki = (({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const [out, setOut] = useState<string | null>(null);\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> =\n    useMemo(\n      () => ({\n        lang,\n        theme: isDarkMode ? 'github-dark' : 'github-light',\n        transformers: [\n          transformerNotationDiff(),\n          transformerNotationHighlight(),\n          transformerNotationWordHighlight(),\n          transformerNotationErrorLevel(),\n          transformerMetaHighlight(),\n          transformerMetaWordHighlight(),\n        ],\n      }),\n      [lang, isDarkMode]\n    );\n\n  useEffect(() => {\n    codeToHtml(children, shikiOptions)\n      .then((out) => setOut(out))\n      .catch((e) => console.error(e));\n  }, [shikiOptions, children]);\n\n  if (!out) return <CodeDefault>{children}</CodeDefault>;\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <CodeBlockShiki\n    className={cn('flex w-full', className)}\n    contentEditable={isEditable}\n    onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n    {...props}\n  />\n);\n"],"names":["jsx","out"],"mappings":";;;;;;AAyBA,MAAM,cAAwC,CAAC,EAAE,SAAA,MAC/CA,kCAAAA,IAAC,OACC,EAAA,UAAAA,kCAAAA,IAAC,OACC,EAAA,UAAAA,kCAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,kCAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,KAAA,GADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAGK,MAAM,iBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,IAAI;AAClD,QAAM,eACJ;AAAA,IACE,OAAO;AAAA,MACL;AAAA,MACA,OAAO,aAAa,gBAAgB;AAAA,MACpC,cAAc;AAAA,QACZ,wBAAwB;AAAA,QACxB,6BAA6B;AAAA,QAC7B,iCAAiC;AAAA,QACjC,8BAA8B;AAAA,QAC9B,yBAAyB;AAAA,QACzB,6BAA6B;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAAC,MAAM,UAAU;AAAA,EACnB;AAEF,YAAU,MAAM;AACd,eAAW,UAAU,YAAY,EAC9B,KAAK,CAACC,SAAQ,OAAOA,IAAG,CAAC,EACzB,MAAM,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;AAAA,EAAA,GAC/B,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,CAAC,IAAY,QAAAD,kCAAAA,IAAC,eAAa,SAAS,CAAA;AAEjC,SAAAA,kCAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAUO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN;"}

package/dist/components/IDE/CodeBlockLoader.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_IDE_CodeBlock = require("./CodeBlock.cjs");
+const CodeDefault = ({
+  children,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlockLoader = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(require$$0.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  components_IDE_CodeBlock.CodeBlock,
+  {
+    className: utils_cn.cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+exports.CodeBlockLoader = CodeBlockLoader;
+//# sourceMappingURL=CodeBlockLoader.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockLoader.cjs","sources":["../../../src/components/IDE/CodeBlockLoader.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, Suspense } from 'react';\nimport { cn } from '../../utils/cn';\nimport { CodeBlock, CodeBlockProps } from './CodeBlock';\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport const CodeBlockLoader: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlock\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["jsx","Suspense","CodeBlock","cn"],"mappings":";;;;;;;AAMA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,2BAAA,kBAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,kBAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAGK,MAAM,kBAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,uDACGC,WAAAA,UAAS,EAAA,2DAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAD,2BAAA,kBAAA;AAAA,EAACE,yBAAA;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;;"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CodeBlockProps } from './CodeBlock';
+export declare const CodeBlockLoader: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlockLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockLoader.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAoBxD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,CAc9C,CAAC"}

package/dist/components/IDE/CodeBlockLoader.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { Suspense } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { CodeBlock } from "./CodeBlock.mjs";
+const CodeDefault = ({
+  children,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlockLoader = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  CodeBlock,
+  {
+    className: cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+export {
+  CodeBlockLoader
+};
+//# sourceMappingURL=CodeBlockLoader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockLoader.mjs","sources":["../../../src/components/IDE/CodeBlockLoader.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, Suspense } from 'react';\nimport { cn } from '../../utils/cn';\nimport { CodeBlock, CodeBlockProps } from './CodeBlock';\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport const CodeBlockLoader: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlock\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["jsx"],"mappings":";;;;;AAMA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,kCAAA,IAAC,OACC,EAAA,UAAAA,kCAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,kCAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAGK,MAAM,kBAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,4CACG,UAAS,EAAA,gDAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;"}

package/dist/components/IDE/CodeBlockServer.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const transformers = require("@shikijs/transformers");
+const require$$0 = require("react");
+const shiki = require("shiki");
+const utils_cn = require("../../utils/cn.cjs");
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformers.transformerNotationDiff(),
+      transformers.transformerNotationHighlight(),
+      transformers.transformerNotationWordHighlight(),
+      transformers.transformerNotationErrorLevel(),
+      transformers.transformerMetaHighlight(),
+      transformers.transformerMetaWordHighlight()
+    ]
+  };
+  const out = await shiki.codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeDefault = ({
+  children,
+  isEditable,
+  isDarkMode,
+  onChange,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(require$$0.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: utils_cn.cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+exports.CodeBlock = CodeBlock;
+exports.CodeBlockShiki = CodeBlockShiki;
+//# sourceMappingURL=CodeBlockServer.cjs.map