@intlayer/design-system 3.5.5 → 3.5.6

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.cjs","sources":["../../../src/components/IDE/CodeBlockServer.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/CodeBlockServer.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=CodeBlockServer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockServer.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/CodeBlockServer.mjs

@@ -0,0 +1,53 @@
+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=CodeBlockServer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.mjs","sources":["../../../src/components/IDE/CodeBlockServer.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/CodeBlockShiki.d.ts

@@ -0,0 +1,3 @@
+import { CodeBlockProps } from './CodeBlock';
+export declare const CodeBlockShiki: ({ children, lang, isDarkMode, onChange, ...props }: CodeBlockProps) => Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=CodeBlockShiki.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockShiki.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockShiki.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,cAAc,uDAMxB,cAAc,qDAiBhB,CAAC"}

package/dist/components/IDE/CodeBlockclient.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=CodeBlockClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockClient.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAiBf,eAAO,MAAM,cAAc,EAkCV,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpC,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,CAYxC,CAAC"}

package/dist/components/IDE/CodeConditionalRenderer.cjs

@@ -0,0 +1,20 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const components_IDE_CodeContext = require("./CodeContext.cjs");
+const CodeConditionalRender = ({ children, ...props }) => {
+  const { packageManager, codeFormat, contentDeclarationFormat } = components_IDE_CodeContext.useCodeContext();
+  const isPackageManagerUndefined = typeof props.packageManager === "undefined";
+  const isPackageManagerSelected = packageManager === props.packageManager;
+  const isCodeFormatUndefined = typeof props.codeFormat === "undefined";
+  const isCodeFormatSelected = codeFormat === props.codeFormat;
+  const isContentDeclarationFormatUndefined = typeof props.contentDeclarationFormat === "undefined";
+  const isContentDeclarationFormatSelected = contentDeclarationFormat === props.contentDeclarationFormat;
+  if ((isPackageManagerUndefined || isPackageManagerSelected) && (isCodeFormatUndefined || isCodeFormatSelected) && (isContentDeclarationFormatUndefined || isContentDeclarationFormatSelected)) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+};
+exports.CodeConditionalRender = CodeConditionalRender;
+//# sourceMappingURL=CodeConditionalRenderer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeConditionalRenderer.cjs","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { FC, PropsWithChildren } from 'react';\nimport type { CodeCompAttributes } from './Code';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeConditionalRender: FC<\n  PropsWithChildren<CodeCompAttributes>\n> = ({ children, ...props }) => {\n  const { packageManager, codeFormat, contentDeclarationFormat } =\n    useCodeContext();\n\n  const isPackageManagerUndefined = typeof props.packageManager === 'undefined';\n  const isPackageManagerSelected = packageManager === props.packageManager;\n\n  const isCodeFormatUndefined = typeof props.codeFormat === 'undefined';\n  const isCodeFormatSelected = codeFormat === props.codeFormat;\n\n  const isContentDeclarationFormatUndefined =\n    typeof props.contentDeclarationFormat === 'undefined';\n  const isContentDeclarationFormatSelected =\n    contentDeclarationFormat === props.contentDeclarationFormat;\n\n  if (\n    (isPackageManagerUndefined || isPackageManagerSelected) &&\n    (isCodeFormatUndefined || isCodeFormatSelected) &&\n    (isContentDeclarationFormatUndefined || isContentDeclarationFormatSelected)\n  ) {\n    return children;\n  }\n\n  return <></>;\n};\n"],"names":["useCodeContext","jsx","Fragment"],"mappings":";;;;;AAMO,MAAM,wBAET,CAAC,EAAE,UAAU,GAAG,YAAY;AAC9B,QAAM,EAAE,gBAAgB,YAAY,yBAAA,IAClCA,2BAAAA,eAAe;AAEX,QAAA,4BAA4B,OAAO,MAAM,mBAAmB;AAC5D,QAAA,2BAA2B,mBAAmB,MAAM;AAEpD,QAAA,wBAAwB,OAAO,MAAM,eAAe;AACpD,QAAA,uBAAuB,eAAe,MAAM;AAE5C,QAAA,sCACJ,OAAO,MAAM,6BAA6B;AACtC,QAAA,qCACJ,6BAA6B,MAAM;AAErC,OACG,6BAA6B,8BAC7B,yBAAyB,0BACzB,uCAAuC,qCACxC;AACO,WAAA;AAAA,EAAA;AAGT,SAASC,2BAAA,kBAAA,IAAAC,WAAA,kBAAA,UAAA,EAAA;AACX;;"}

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

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+import { CodeCompAttributes } from './Code';
+export declare const CodeConditionalRender: FC<PropsWithChildren<CodeCompAttributes>>;
+//# sourceMappingURL=CodeConditionalRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeConditionalRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CACpC,iBAAiB,CAAC,kBAAkB,CAAC,CAyBtC,CAAC"}

package/dist/components/IDE/CodeConditionalRenderer.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { useCodeContext } from "./CodeContext.mjs";
+const CodeConditionalRender = ({ children, ...props }) => {
+  const { packageManager, codeFormat, contentDeclarationFormat } = useCodeContext();
+  const isPackageManagerUndefined = typeof props.packageManager === "undefined";
+  const isPackageManagerSelected = packageManager === props.packageManager;
+  const isCodeFormatUndefined = typeof props.codeFormat === "undefined";
+  const isCodeFormatSelected = codeFormat === props.codeFormat;
+  const isContentDeclarationFormatUndefined = typeof props.contentDeclarationFormat === "undefined";
+  const isContentDeclarationFormatSelected = contentDeclarationFormat === props.contentDeclarationFormat;
+  if ((isPackageManagerUndefined || isPackageManagerSelected) && (isCodeFormatUndefined || isCodeFormatSelected) && (isContentDeclarationFormatUndefined || isContentDeclarationFormatSelected)) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+};
+export {
+  CodeConditionalRender
+};
+//# sourceMappingURL=CodeConditionalRenderer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeConditionalRenderer.mjs","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { FC, PropsWithChildren } from 'react';\nimport type { CodeCompAttributes } from './Code';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeConditionalRender: FC<\n  PropsWithChildren<CodeCompAttributes>\n> = ({ children, ...props }) => {\n  const { packageManager, codeFormat, contentDeclarationFormat } =\n    useCodeContext();\n\n  const isPackageManagerUndefined = typeof props.packageManager === 'undefined';\n  const isPackageManagerSelected = packageManager === props.packageManager;\n\n  const isCodeFormatUndefined = typeof props.codeFormat === 'undefined';\n  const isCodeFormatSelected = codeFormat === props.codeFormat;\n\n  const isContentDeclarationFormatUndefined =\n    typeof props.contentDeclarationFormat === 'undefined';\n  const isContentDeclarationFormatSelected =\n    contentDeclarationFormat === props.contentDeclarationFormat;\n\n  if (\n    (isPackageManagerUndefined || isPackageManagerSelected) &&\n    (isCodeFormatUndefined || isCodeFormatSelected) &&\n    (isContentDeclarationFormatUndefined || isContentDeclarationFormatSelected)\n  ) {\n    return children;\n  }\n\n  return <></>;\n};\n"],"names":["jsx","Fragment"],"mappings":";;;AAMO,MAAM,wBAET,CAAC,EAAE,UAAU,GAAG,YAAY;AAC9B,QAAM,EAAE,gBAAgB,YAAY,yBAAA,IAClC,eAAe;AAEX,QAAA,4BAA4B,OAAO,MAAM,mBAAmB;AAC5D,QAAA,2BAA2B,mBAAmB,MAAM;AAEpD,QAAA,wBAAwB,OAAO,MAAM,eAAe;AACpD,QAAA,uBAAuB,eAAe,MAAM;AAE5C,QAAA,sCACJ,OAAO,MAAM,6BAA6B;AACtC,QAAA,qCACJ,6BAA6B,MAAM;AAErC,OACG,6BAA6B,8BAC7B,yBAAyB,0BACzB,uCAAuC,qCACxC;AACO,WAAA;AAAA,EAAA;AAGT,SAASA,kCAAA,IAAAC,kBAAA,UAAA,EAAA;AACX;"}