@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/Headers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Headers/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, MouseEvent } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst styledHeading = `relative scroll-mb-8 scroll-mt-[30vh] scroll-p-8`;\nconst styledAfter = `after:content-['#'] after:scale-75 after:px-6 after:text-neutral after:absolute after:top-0 after:h-full after:-left-12 after:hover:cursor-pointer dark:after:text-neutral-dark after:absolute after:to-neutral after:md:opacity-0 after:transition-opacity hover:after:opacity-80 after:duration-200 after:delay-100`;\n\nconst StyledH1: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h1 className={cn('mt-5 text-2xl font-bold', className)} {...props} />\n);\n\nconst StyledH2: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h2\n    className={cn('mt-5 text-2xl font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH3: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h3\n    className={cn('mt-3 text-xl font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH4: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h4\n    className={cn('mt-3 text-lg font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH5: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h5\n    className={cn('mt-3 text-base font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\ntype HeadingProps = HTMLAttributes<HTMLHeadingElement> & {\n  isClickable?: boolean;\n};\ntype HeadingGlobalProps = HeadingProps & {\n  H: FC<HTMLAttributes<HTMLHeadingElement>>;\n};\ntype HeadingType = (props: HeadingGlobalProps) => JSX.Element;\n\nconst getId = (children: string) =>\n  String(children)\n    // replace accents\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    // replace spaces\n    .replace(/\\s+/g, '-')\n    .toLowerCase();\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nconst afterClick = (parentElem: Element, e: MouseEvent<HTMLHeadingElement>) => {\n  const parentLeft = parentElem.getBoundingClientRect().left,\n    parentTop = parentElem.getBoundingClientRect().top;\n\n  const after = window.getComputedStyle(parentElem, ':after');\n\n  const afterStart = parentLeft + parseInt(after.getPropertyValue('left'), 10),\n    afterEnd = afterStart + parseInt(after.width, 10);\n\n  const afterYStart = parentTop + parseInt(after.getPropertyValue('top'), 10),\n    afterYEnd = afterYStart + parseInt(after.height, 10);\n\n  const mouseX = e.clientX,\n    mouseY = e.clientY;\n\n  const isAfterClicked: boolean =\n    mouseX >= afterStart &&\n    mouseX <= afterEnd &&\n    mouseY >= afterYStart &&\n    mouseY <= afterYEnd;\n\n  return isAfterClicked;\n};\n\nconst HeadingWrapper: HeadingType = ({\n  H,\n  children,\n  className,\n  isClickable,\n  ...props\n}) => {\n  const id = typeof children === 'string' ? getId(children) : undefined;\n\n  const onClick = (e: MouseEvent<HTMLHeadingElement>) => {\n    const { id } = e.currentTarget;\n\n    const isAfterClicker = afterClick(e.currentTarget, e);\n\n    if (isAfterClicker && typeof id === 'string') {\n      const urlWithoutHash = window.location.href.split('#')[0];\n      const url = `${urlWithoutHash}#${id}`;\n\n      // copy the url to the clipboard\n      navigator.clipboard.writeText(url);\n\n      scrollToHash(id);\n    }\n  };\n\n  return (\n    <H\n      id={id}\n      onClick={isClickable ? onClick : undefined}\n      aria-label={\n        isClickable\n          ? `Click to scroll to section ${id} and copy the link to the clipboard`\n          : undefined\n      }\n      className={cn(isClickable && styledAfter, className)}\n      {...props}\n    >\n      {children}\n    </H>\n  );\n};\n\nexport const H1: FC<HeadingProps> = ({ isClickable: _, ...props }) => (\n  <StyledH1 {...props} />\n);\n\nexport const H2: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH2} isClickable={isClickable} {...props} />\n);\nexport const H3: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH3} isClickable={isClickable} {...props} />\n);\nexport const H4: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH4} isClickable={isClickable} {...props} />\n);\nexport const H5: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH5} isClickable={isClickable} {...props} />\n);\n"],"names":["jsx","id"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Headers/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, MouseEvent, JSX } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst styledHeading = `relative scroll-mb-8 scroll-mt-[30vh] scroll-p-8`;\nconst styledAfter = `after:content-['#'] after:scale-75 after:px-6 after:text-neutral after:absolute after:top-0 after:h-full after:-left-12 after:hover:cursor-pointer dark:after:text-neutral-dark after:absolute after:to-neutral after:md:opacity-0 after:transition-opacity hover:after:opacity-80 after:duration-200 after:delay-100`;\n\nconst StyledH1: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h1 className={cn('mt-5 text-2xl font-bold', className)} {...props} />\n);\n\nconst StyledH2: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h2\n    className={cn('mt-5 text-2xl font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH3: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h3\n    className={cn('mt-3 text-xl font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH4: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h4\n    className={cn('mt-3 text-lg font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\nconst StyledH5: FC<HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  // eslint-disable-next-line jsx-a11y/heading-has-content\n  <h5\n    className={cn('mt-3 text-base font-bold', styledHeading, className)}\n    {...props}\n  />\n);\n\ntype HeadingProps = HTMLAttributes<HTMLHeadingElement> & {\n  isClickable?: boolean;\n};\ntype HeadingGlobalProps = HeadingProps & {\n  H: FC<HTMLAttributes<HTMLHeadingElement>>;\n};\ntype HeadingType = (props: HeadingGlobalProps) => JSX.Element;\n\nconst getId = (children: string) =>\n  String(children)\n    // replace accents\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    // replace spaces\n    .replace(/\\s+/g, '-')\n    .toLowerCase();\n\nconst scrollToHash = (id: string) => {\n  const element = document.getElementById(id);\n  const offset = 150;\n  const y =\n    (element?.getBoundingClientRect()?.top ?? 0) + window.scrollY - offset;\n\n  window.scrollTo({ top: y, behavior: 'smooth' });\n};\n\nconst afterClick = (parentElem: Element, e: MouseEvent<HTMLHeadingElement>) => {\n  const parentLeft = parentElem.getBoundingClientRect().left,\n    parentTop = parentElem.getBoundingClientRect().top;\n\n  const after = window.getComputedStyle(parentElem, ':after');\n\n  const afterStart = parentLeft + parseInt(after.getPropertyValue('left'), 10),\n    afterEnd = afterStart + parseInt(after.width, 10);\n\n  const afterYStart = parentTop + parseInt(after.getPropertyValue('top'), 10),\n    afterYEnd = afterYStart + parseInt(after.height, 10);\n\n  const mouseX = e.clientX,\n    mouseY = e.clientY;\n\n  const isAfterClicked: boolean =\n    mouseX >= afterStart &&\n    mouseX <= afterEnd &&\n    mouseY >= afterYStart &&\n    mouseY <= afterYEnd;\n\n  return isAfterClicked;\n};\n\nconst HeadingWrapper: HeadingType = ({\n  H,\n  children,\n  className,\n  isClickable,\n  ...props\n}) => {\n  const id = typeof children === 'string' ? getId(children) : undefined;\n\n  const onClick = (e: MouseEvent<HTMLHeadingElement>) => {\n    const { id } = e.currentTarget;\n\n    const isAfterClicker = afterClick(e.currentTarget, e);\n\n    if (isAfterClicker && typeof id === 'string') {\n      const urlWithoutHash = window.location.href.split('#')[0];\n      const url = `${urlWithoutHash}#${id}`;\n\n      // copy the url to the clipboard\n      navigator.clipboard.writeText(url);\n\n      scrollToHash(id);\n    }\n  };\n\n  return (\n    <H\n      id={id}\n      onClick={isClickable ? onClick : undefined}\n      aria-label={\n        isClickable\n          ? `Click to scroll to section ${id} and copy the link to the clipboard`\n          : undefined\n      }\n      className={cn(isClickable && styledAfter, className)}\n      {...props}\n    >\n      {children}\n    </H>\n  );\n};\n\nexport const H1: FC<HeadingProps> = ({ isClickable: _, ...props }) => (\n  <StyledH1 {...props} />\n);\n\nexport const H2: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH2} isClickable={isClickable} {...props} />\n);\nexport const H3: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH3} isClickable={isClickable} {...props} />\n);\nexport const H4: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH4} isClickable={isClickable} {...props} />\n);\nexport const H5: FC<HeadingProps> = ({ isClickable = false, ...props }) => (\n  <HeadingWrapper H={StyledH5} isClickable={isClickable} {...props} />\n);\n"],"names":["id"],"mappings":"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"}

package/dist/components/IDE/Code.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Container_index = require("../Container/index.cjs");
 const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
@@ -10,68 +9,64 @@ 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-7 items-center",
-                      hadSelectInHeader && "h-11"
-                    ]),
-                    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CopyButton.CopyButton, { content: code })
-                  }
-                ) })
+const Code = ({
+  children,
+  language,
+  isDarkMode,
+  showHeader = true,
+  showLineNumbers = true,
+  className,
+  fileName,
+  packageManager,
+  codeFormat,
+  contentDeclarationFormat,
+  ...props
+}) => {
+  const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+  const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_IDE_CodeConditionalRenderer.CodeConditionalRender,
+    {
+      packageManager,
+      codeFormat,
+      contentDeclarationFormat,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        components_Container_index.Container,
+        {
+          className: utils_cn.cn(
+            "relative text-sm leading-6",
+            showLineNumbers && "with-line-number ml-0",
+            className
+          ),
+          transparency: "lg",
+          ...props,
+          children: [
+            showHeader && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.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.jsx("span", { className: "truncate", children: fileName ?? language }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  packageManager && /* @__PURE__ */ jsxRuntime.jsx(components_IDE_PackageManagerSelector.PackageManagerSelector, {}),
+                  codeFormat && /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeFormatSelector.CodeFormatSelector, {}),
+                  contentDeclarationFormat && /* @__PURE__ */ jsxRuntime.jsx(components_IDE_ContentDeclarationFormatSelector.ContentDeclarationFormatSelector, {})
+                ] })
               ] }),
-              /* @__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";
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: utils_cn.cn(
+                    "absolute bottom-0 right-2 flex h-7 items-center",
+                    hadSelectInHeader && "h-11"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CopyButton.CopyButton, { content: code })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeBlockClient.CodeBlock, { lang: language, isDarkMode, children: code }) })
+          ]
+        }
+      )
+    }
+  );
+};
 exports.Code = Code;
 //# sourceMappingURL=Code.cjs.map

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

@@ -1 +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-7 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;;"}
+{"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { 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: FC<CodeCompProps> = ({\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  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        {...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-7 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"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyButton","CodeBlock"],"mappings":";;;;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAAA,2BAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA;AAAA,QAACC,2BAAA;AAAA,QAAA;AAAA,UACC,WAAWC,SAAA;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEGF,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,cAACH,2BAAAA,KAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,gBAAAF,2BAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAuB,wBAAA,EAAA;AAAA,kBAC1C,6CAAeC,kCAAmB,oBAAA,EAAA;AAAA,kBAClC,2DACEC,gDAAAA,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAA;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAAJ,2BAAAA,IAACS,0BAAAA,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,gBAAA;AAAA,cAAA,EAE/B,CAAA;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,IAACU,4CAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAK7C,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;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,kBAAkB,GACpB,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAiElC,CAAC"}

package/dist/components/IDE/Code.mjs

@@ -1,5 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
-import { forwardRef } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.mjs";
 import { Container } from "../Container/index.mjs";
 import { CodeBlock } from "./CodeBlockClient.mjs";
@@ -8,69 +7,65 @@ 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-7 items-center",
-                      hadSelectInHeader && "h-11"
-                    ]),
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { content: code })
-                  }
-                ) })
+const Code = ({
+  children,
+  language,
+  isDarkMode,
+  showHeader = true,
+  showLineNumbers = true,
+  className,
+  fileName,
+  packageManager,
+  codeFormat,
+  contentDeclarationFormat,
+  ...props
+}) => {
+  const code = children.endsWith("\n") ? children.slice(0, -1) : children;
+  const hadSelectInHeader = packageManager || codeFormat || contentDeclarationFormat;
+  return /* @__PURE__ */ jsx(
+    CodeConditionalRender,
+    {
+      packageManager,
+      codeFormat,
+      contentDeclarationFormat,
+      children: /* @__PURE__ */ jsxs(
+        Container,
+        {
+          className: cn(
+            "relative text-sm leading-6",
+            showLineNumbers && "with-line-number ml-0",
+            className
+          ),
+          transparency: "lg",
+          ...props,
+          children: [
+            showHeader && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ 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__ */ jsx("span", { className: "truncate", children: fileName ?? language }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  packageManager && /* @__PURE__ */ jsx(PackageManagerSelector, {}),
+                  codeFormat && /* @__PURE__ */ jsx(CodeFormatSelector, {}),
+                  contentDeclarationFormat && /* @__PURE__ */ jsx(ContentDeclarationFormatSelector, {})
+                ] })
               ] }),
-              /* @__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";
+              /* @__PURE__ */ jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute bottom-0 right-2 flex h-7 items-center",
+                    hadSelectInHeader && "h-11"
+                  ),
+                  children: /* @__PURE__ */ jsx(CopyButton, { content: code })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsx(CodeBlock, { lang: language, isDarkMode, children: code }) })
+          ]
+        }
+      )
+    }
+  );
+};
 export {
   Code
 };

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

@@ -1 +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-7 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;"}
+{"version":3,"file":"Code.mjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { 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: FC<CodeCompProps> = ({\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  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        {...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-7 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"],"names":[],"mappings":";;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,4KACb,UAAA;AAAA,gBAAA,oBAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjD,qBAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,sCAAmB,wBAAuB,EAAA;AAAA,kBAC1C,kCAAe,oBAAmB,EAAA;AAAA,kBAClC,gDACE,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACA,oBAAC,OAAI,EAAA,WAAU,iBACb,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAA,oBAAC,YAAW,EAAA,SAAS,KAAM,CAAA;AAAA,gBAAA;AAAA,cAAA,EAE/B,CAAA;AAAA,YAAA,GACF;AAAA,YAEF,oBAAC,OAAI,EAAA,WAAU,oDACb,UAAA,oBAAC,aAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/IDE/CodeBlockClient.cjs

@@ -1,12 +1,12 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const transformers = require("@shikijs/transformers");
-const require$$0 = require("react");
+const ReactExports = 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 CodeDefault = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
 const CodeBlockShiki = ({
   children,
   lang,
@@ -14,8 +14,8 @@ const CodeBlockShiki = ({
   onChange,
   ...props
 }) => {
-  const [out, setOut] = require$$0.useState(null);
-  const shikiOptions = require$$0.useMemo(
+  const [out, setOut] = ReactExports.useState(null);
+  const shikiOptions = ReactExports.useMemo(
     () => ({
       lang,
       theme: isDarkMode ? "github-dark" : "github-light",
@@ -30,18 +30,18 @@ const CodeBlockShiki = ({
     }),
     [lang, isDarkMode]
   );
-  require$$0.useEffect(() => {
+  ReactExports.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 });
+  if (!out) return /* @__PURE__ */ jsxRuntime.jsx(CodeDefault, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
 };
 const CodeBlock = ({
   className,
   onChange,
   isEditable,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   CodeBlockShiki,
   {
     className: utils_cn.cn("flex w-full", className),

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

@@ -1 +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;;;"}
+{"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  type BundledLanguage,\n  type BundledTheme,\n  type 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,IAAC,OACC,EAAA,UAAAA,2BAAAA,IAAC,OACC,EAAA,UAAAA,2BAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAA,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,aAAAA,SAAwB,IAAI;AAClD,QAAM,eACJC,aAAA;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,eAAAA,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,IAAC,eAAa,SAAS,CAAA;AAEjC,SAAAA,2BAAA,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;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.d.ts.map

@@ -1 +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"}
+{"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,KAAK,eAAe,EAIrB,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/CodeBlockClient.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 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 CodeDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
 const CodeBlockShiki = ({
   children,
   lang,
@@ -31,15 +31,15 @@ const CodeBlockShiki = ({
   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 });
+  if (!out) return /* @__PURE__ */ jsx(CodeDefault, { children });
+  return /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
 };
 const CodeBlock = ({
   className,
   onChange,
   isEditable,
   ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(
   CodeBlockShiki,
   {
     className: cn("flex w-full", className),

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

@@ -1 +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;"}
+{"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  type BundledLanguage,\n  type BundledTheme,\n  type 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":["out"],"mappings":";;;;;;AAyBA,MAAM,cAAwC,CAAC,EAAE,SAAA,MAC/C,oBAAC,OACC,EAAA,UAAA,oBAAC,OACC,EAAA,UAAA,oBAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/B,oBAAC,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,CAACA,SAAQ,OAAOA,IAAG,CAAC,EACzB,MAAM,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;AAAA,EAAA,GAC/B,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,CAAC,IAAY,QAAA,oBAAC,eAAa,SAAS,CAAA;AAEjC,SAAA,oBAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAUO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;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/CodeBlockServer.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const transformers = require("@shikijs/transformers");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const shiki = require("shiki");
 const utils_cn = require("../../utils/cn.cjs");
 const CodeBlockShiki = async ({
@@ -25,7 +25,7 @@ const CodeBlockShiki = async ({
     ]
   };
   const out = await shiki.codeToHtml(children, shikiOptions);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
 };
 const CodeDefault = ({
   children,
@@ -33,13 +33,13 @@ const CodeDefault = ({
   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)) }) }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntime.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(
+}) => /* @__PURE__ */ jsxRuntime.jsx(ReactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.jsx(
   CodeBlockShiki,
   {
     className: utils_cn.cn("flex w-full", className),