@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/HeightResizer/index.mjs

@@ -1,99 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
-import { cn } from "../../utils/cn.mjs";
-const HeightResizer = ({
-  initialHeight,
-  maxHeight,
-  minHeight = 0,
-  children,
-  className,
-  ...props
-}) => {
-  const containerRef = useRef(null);
-  const [height, setHeight] = useState(initialHeight);
-  const [isResizing, setIsResizing] = useState(false);
-  const startResizing = useCallback(
-    (mouseDownEvent) => {
-      setIsResizing(true);
-      mouseDownEvent.preventDefault();
-    },
-    []
-  );
-  const stopResizing = useCallback(() => {
-    setIsResizing(false);
-  }, []);
-  const resize = useCallback(
-    (mouseMoveEvent) => {
-      const container = containerRef.current;
-      if (isResizing && container) {
-        const { height: containerHeight, top: containerTop } = container.getBoundingClientRect();
-        let clientY = 0;
-        if (mouseMoveEvent instanceof MouseEvent) {
-          clientY = mouseMoveEvent.clientY;
-        } else if (mouseMoveEvent instanceof TouchEvent) {
-          clientY = mouseMoveEvent.touches[0].clientY;
-        }
-        const resizeDifference = clientY - containerTop;
-        const newHeight = containerHeight - resizeDifference;
-        let correctedHeight = Math.max(newHeight, minHeight);
-        if (maxHeight !== void 0) {
-          correctedHeight = Math.min(correctedHeight, maxHeight);
-        }
-        setHeight(correctedHeight);
-      }
-    },
-    [isResizing, minHeight, maxHeight]
-  );
-  useEffect(() => {
-    window.addEventListener("mousemove", resize, { passive: true });
-    window.addEventListener("mouseup", stopResizing);
-    window.addEventListener("touchmove", resize, { passive: true });
-    window.addEventListener("touchend", stopResizing);
-    return () => {
-      window.removeEventListener("mousemove", resize);
-      window.removeEventListener("mouseup", stopResizing);
-      window.removeEventListener("touchmove", resize);
-      window.removeEventListener("touchend", stopResizing);
-    };
-  }, [resize, stopResizing]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative h-full w-full max-h-[80%] cursor-ns-resize border-t-[2px] border-neutral-200 transition dark:border-neutral-950",
-        'before:absolute before:top-0 before:z-10 before:left-1/2 before:block before:w-10 before:h-2 before:-translate-y-1/2 before:-translate-x-1/2 before:transform before:cursor-ns-resize before:rounded-full before:bg-neutral-200 before:transition before:content-[""] dark:before:bg-neutral-950',
-        "active:border-neutral-400 active:before:bg-neutral-400 dark:active:border-neutral-600 active:dark:before:bg-neutral-600",
-        className
-      ),
-      style: {
-        height: `${height}px`,
-        maxHeight: maxHeight ? `${maxHeight}px` : void 0,
-        minHeight: `${minHeight}px`
-      },
-      ref: containerRef,
-      onMouseDown: startResizing,
-      onTouchStart: startResizing,
-      "aria-valuemin": minHeight,
-      "aria-valuemax": maxHeight,
-      "aria-valuenow": height,
-      "aria-label": "Resizable component - drag the handle to adjust height",
-      role: "slider",
-      tabIndex: 0,
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute left-0 top-0 size-full cursor-default overflow-hidden",
-          onMouseDown: (e) => e.stopPropagation(),
-          onTouchStart: (e) => e.stopPropagation(),
-          children
-        }
-      )
-    }
-  );
-};
-export {
-  HeightResizer
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/HeightResizer/index.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  DetailedHTMLProps,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the HeightResizer component\n *\n * @interface HeightResizerProps\n */\ntype HeightResizerProps = {\n  /**\n   * Initial height in pixels for the resizable container\n   * Sets the default size when the component first loads\n   * @example 200\n   */\n  initialHeight: number;\n\n  /**\n   * Maximum height in pixels that the user can resize to (optional)\n   * When undefined, no maximum limit is enforced\n   * @example 500\n   */\n  maxHeight?: number;\n\n  /**\n   * Minimum height in pixels that the user can resize to (optional)\n   * Prevents the container from being resized below this threshold\n   * @default 0\n   * @example 50\n   */\n  minHeight?: number;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\n/**\n * HeightResizer Component\n *\n * A resizable container component that allows users to dynamically adjust the height\n * by dragging a visual handle at the top. Provides smooth resizing with optional\n * minimum and maximum height constraints.\n *\n * ## Key Features\n * - **Interactive Resizing**: Drag handle to resize container vertically\n * - **Touch Support**: Full support for touch devices and mobile interactions\n * - **Height Constraints**: Optional minimum and maximum height limits\n * - **Visual Feedback**: Handle with hover and active states for clear interaction\n * - **Accessibility**: ARIA slider role with value announcements for screen readers\n * - **Smooth Animation**: CSS transitions for polished user experience\n *\n * ## Use Cases\n * - Code editors with resizable panels\n * - Chat interfaces with adjustable message areas\n * - Dashboard widgets with user-customizable sizes\n * - Documentation viewers with resizable content panes\n * - Settings panels with expandable sections\n *\n * ## Interaction Model\n * The component uses a drag interaction model where users click and drag the visual\n * handle (rounded bar) at the top of the container. The resize calculation is based\n * on the difference between the current cursor position and the container's top edge.\n *\n * ## Accessibility Features\n * - **ARIA Slider**: Proper slider role for assistive technologies\n * - **Value Announcements**: Current, min, and max values announced to screen readers\n * - **Keyboard Navigation**: Focusable with standard slider keyboard support\n * - **Visual Indicators**: Clear visual handle for drag interaction\n *\n * @component\n * @example\n * ```tsx\n * // Basic usage\n * <HeightResizer initialHeight={200}>\n *   <div>Your resizable content here</div>\n * </HeightResizer>\n *\n * // With height constraints\n * <HeightResizer\n *   initialHeight={300}\n *   minHeight={100}\n *   maxHeight={600}\n * >\n *   <div>Content with size limits</div>\n * </HeightResizer>\n *\n * // In a code editor context\n * <HeightResizer\n *   initialHeight={400}\n *   minHeight={150}\n *   className=\"border rounded-lg\"\n * >\n *   <CodeEditor />\n * </HeightResizer>\n * ```\n *\n * @param props - HeightResizer component props\n * @param props.initialHeight - Starting height in pixels\n * @param props.minHeight - Optional minimum height constraint\n * @param props.maxHeight - Optional maximum height constraint\n * @param props.children - Content to display in the resizable container\n * @param props.className - Additional CSS classes for styling\n * @returns Interactive resizable container component\n */\nexport const HeightResizer: FC<PropsWithChildren<HeightResizerProps>> = ({\n  initialHeight,\n  maxHeight,\n  minHeight = 0,\n  children,\n  className,\n  ...props\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState(initialHeight);\n  const [isResizing, setIsResizing] = useState(false);\n\n  /**\n   * Handler to initiate the resizing process\n   * Prevents default browser behavior and sets the resizing state\n   *\n   * @param mouseDownEvent - Mouse or touch event from the drag handle\n   */\n  const startResizing = useCallback(\n    (\n      mouseDownEvent:\n        | React.MouseEvent<HTMLDivElement>\n        | React.TouchEvent<HTMLDivElement>\n    ) => {\n      setIsResizing(true);\n      mouseDownEvent.preventDefault();\n    },\n    []\n  );\n\n  /**\n   * Handler to stop the resizing process\n   * Resets the resizing state when user releases the drag handle\n   */\n  const stopResizing = useCallback(() => {\n    setIsResizing(false);\n  }, []);\n\n  /**\n   * Core resize logic that calculates new height based on cursor position\n   * Handles both mouse and touch events with boundary checking\n   *\n   * @param mouseMoveEvent - Mouse or touch move event during drag\n   */\n  const resize = useCallback(\n    (mouseMoveEvent: MouseEvent | TouchEvent) => {\n      const container = containerRef.current;\n      if (isResizing && container) {\n        const { height: containerHeight, top: containerTop } =\n          container.getBoundingClientRect();\n\n        let clientY = 0;\n        if (mouseMoveEvent instanceof MouseEvent) {\n          clientY = mouseMoveEvent.clientY;\n        } else if (mouseMoveEvent instanceof TouchEvent) {\n          clientY = mouseMoveEvent.touches[0].clientY;\n        }\n\n        const resizeDifference = clientY - containerTop;\n        const newHeight = containerHeight - resizeDifference;\n\n        // Apply height constraints\n        let correctedHeight = Math.max(newHeight, minHeight);\n        if (maxHeight !== undefined) {\n          correctedHeight = Math.min(correctedHeight, maxHeight);\n        }\n\n        setHeight(correctedHeight);\n      }\n    },\n    [isResizing, minHeight, maxHeight]\n  );\n\n  /**\n   * Effect to manage global event listeners for resize interactions\n   * Handles both mouse and touch events with proper cleanup\n   */\n  useEffect(() => {\n    window.addEventListener('mousemove', resize, { passive: true });\n    window.addEventListener('mouseup', stopResizing);\n    window.addEventListener('touchmove', resize, { passive: true });\n    window.addEventListener('touchend', stopResizing);\n\n    return () => {\n      window.removeEventListener('mousemove', resize);\n      window.removeEventListener('mouseup', stopResizing);\n      window.removeEventListener('touchmove', resize);\n      window.removeEventListener('touchend', stopResizing);\n    };\n  }, [resize, stopResizing]);\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full max-h-[80%] cursor-ns-resize border-t-[2px] border-neutral-200 transition dark:border-neutral-950',\n        'before:absolute before:top-0 before:z-10 before:left-1/2 before:block before:w-10 before:h-2 before:-translate-y-1/2 before:-translate-x-1/2 before:transform before:cursor-ns-resize before:rounded-full before:bg-neutral-200 before:transition before:content-[\"\"] dark:before:bg-neutral-950',\n        'active:border-neutral-400 active:before:bg-neutral-400 dark:active:border-neutral-600 active:dark:before:bg-neutral-600',\n        className\n      )}\n      style={{\n        height: `${height}px`,\n        maxHeight: maxHeight ? `${maxHeight}px` : undefined,\n        minHeight: `${minHeight}px`,\n      }}\n      ref={containerRef}\n      onMouseDown={startResizing}\n      onTouchStart={startResizing}\n      aria-valuemin={minHeight}\n      aria-valuemax={maxHeight}\n      aria-valuenow={height}\n      aria-label=\"Resizable component - drag the handle to adjust height\"\n      role=\"slider\"\n      tabIndex={0}\n      {...props}\n    >\n      <div\n        className=\"absolute left-0 top-0 size-full cursor-default overflow-hidden\"\n        onMouseDown={(e) => e.stopPropagation()}\n        onTouchStart={(e) => e.stopPropagation()}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AA+GO,MAAM,gBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAQlD,QAAM,gBAAgB;AAAA,IACpB,CACE,mBAGG;AACH,oBAAc,IAAI;AAClB,qBAAe,eAAA;AAAA,IACjB;AAAA,IACA,CAAA;AAAA,EAAC;AAOH,QAAM,eAAe,YAAY,MAAM;AACrC,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAA,CAAE;AAQL,QAAM,SAAS;AAAA,IACb,CAAC,mBAA4C;AAC3C,YAAM,YAAY,aAAa;AAC/B,UAAI,cAAc,WAAW;AAC3B,cAAM,EAAE,QAAQ,iBAAiB,KAAK,aAAA,IACpC,UAAU,sBAAA;AAEZ,YAAI,UAAU;AACd,YAAI,0BAA0B,YAAY;AACxC,oBAAU,eAAe;AAAA,QAC3B,WAAW,0BAA0B,YAAY;AAC/C,oBAAU,eAAe,QAAQ,CAAC,EAAE;AAAA,QACtC;AAEA,cAAM,mBAAmB,UAAU;AACnC,cAAM,YAAY,kBAAkB;AAGpC,YAAI,kBAAkB,KAAK,IAAI,WAAW,SAAS;AACnD,YAAI,cAAc,QAAW;AAC3B,4BAAkB,KAAK,IAAI,iBAAiB,SAAS;AAAA,QACvD;AAEA,kBAAU,eAAe;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,YAAY,WAAW,SAAS;AAAA,EAAA;AAOnC,YAAU,MAAM;AACd,WAAO,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM;AAC9D,WAAO,iBAAiB,WAAW,YAAY;AAC/C,WAAO,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM;AAC9D,WAAO,iBAAiB,YAAY,YAAY;AAEhD,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,MAAM;AAC9C,aAAO,oBAAoB,WAAW,YAAY;AAClD,aAAO,oBAAoB,aAAa,MAAM;AAC9C,aAAO,oBAAoB,YAAY,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,QAAQ,GAAG,MAAM;AAAA,QACjB,WAAW,YAAY,GAAG,SAAS,OAAO;AAAA,QAC1C,WAAW,GAAG,SAAS;AAAA,MAAA;AAAA,MAEzB,KAAK;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAa,CAAC,MAAM,EAAE,gBAAA;AAAA,UACtB,cAAc,CAAC,MAAM,EAAE,gBAAA;AAAA,UAEtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/Code.cjs

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Container_index = require("../Container/index.cjs");
-const components_ExpandCollapse_ExpandCollapse = require("../ExpandCollapse/ExpandCollapse.cjs");
-const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
-const components_IDE_CodeConditionalRenderer = require("./CodeConditionalRenderer.cjs");
-const components_IDE_CodeFormatSelector = require("./CodeFormatSelector.cjs");
-const components_IDE_ContentDeclarationFormatSelector = require("./ContentDeclarationFormatSelector.cjs");
-const components_IDE_CopyCode = require("./CopyCode.cjs");
-const components_IDE_PackageManagerSelector = require("./PackageManagerSelector.cjs");
-const MIN_HEIGHT = 700;
-const Code = ({
-  children,
-  language,
-  isDarkMode,
-  showHeader = true,
-  showLineNumbers = true,
-  className,
-  fileName,
-  packageManager,
-  codeFormat,
-  contentDeclarationFormat,
-  isRollable = true,
-  ...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 text-neutral 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.jsx("div", { className: "sticky top-46 z-20", 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_CopyCode.CopyCode, { code })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              components_ExpandCollapse_ExpandCollapse.ExpandCollapse,
-              {
-                minHeight: MIN_HEIGHT,
-                isRollable,
-                className: "p-2 overflow-x-auto",
-                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 +0,0 @@
-{"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 { ExpandCollapse } from '../ExpandCollapse';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  CodeFormat,\n  ContentDeclarationFormat,\n  PackageManager,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyCode } from './CopyCode';\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  isRollable?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nconst MIN_HEIGHT = 700;\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  isRollable = true,\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 text-neutral 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-46 z-20\">\n              <div\n                className={cn(\n                  'absolute bottom-0 right-2 flex h-7 items-center',\n                  hadSelectInHeader && 'h-11'\n                )}\n              >\n                <CopyCode code={code} />\n              </div>\n            </div>\n          </>\n        )}\n        <ExpandCollapse\n          minHeight={MIN_HEIGHT}\n          isRollable={isRollable}\n          className=\"p-2 overflow-x-auto\"\n        >\n          <CodeBlock lang={language} isDarkMode={isDarkMode}>\n            {code}\n          </CodeBlock>\n        </ExpandCollapse>\n      </Container>\n    </CodeConditionalRender>\n  );\n};\n"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyCode","ExpandCollapse","CodeBlock"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,aAAa;AAEZ,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,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,UAAU,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEhE,QAAM,oBACJ,kBAAkB,cAAc;AAElC,SACEA,2BAAAA;AAAAA,IAACC,uCAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAAA;AAAAA,QAACC,2BAAAA;AAAAA,QAAA;AAAA,UACC,WAAWC,SAAAA;AAAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UAAA;AAAA,UAEF,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cACCF,2BAAAA,KAAAG,qBAAA,EACE,UAAA;AAAA,cAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAAA,wBAAA,EAAuB;AAAA,kBAC1C,6CAAeC,kCAAAA,oBAAA,EAAmB;AAAA,kBAClC,2DACEC,gDAAAA,kCAAA,CAAA,CAAiC;AAAA,gBAAA,EAAA,CAEtC;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBACb,UAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAAA;AAAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBAAA;AAAA,kBAGvB,UAAAJ,2BAAAA,IAACS,oCAAS,KAAA,CAAY;AAAA,gBAAA;AAAA,cAAA,EACxB,CACF;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA;AAAAA,cAACU,yCAAAA;AAAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX;AAAA,gBACA,WAAU;AAAA,gBAEV,UAAAV,2BAAAA,IAACW,+BAAAA,WAAA,EAAU,MAAM,UAAU,YACxB,UAAA,KAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

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

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

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

@@ -1 +0,0 @@
-{"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;AAM7C,OAAO,KAAK,EACV,UAAU,EACV,wBAAwB,EACxB,cAAc,EACf,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;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,kBAAkB,GACpB,cAAc,CAAC,cAAc,CAAC,CAAC;AAIjC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAsElC,CAAC"}

package/dist/components/IDE/Code.mjs

@@ -1,83 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-import { Container } from "../Container/index.mjs";
-import { ExpandCollapse } from "../ExpandCollapse/ExpandCollapse.mjs";
-import { CodeBlock } from "./CodeBlockClient.mjs";
-import { CodeConditionalRender } from "./CodeConditionalRenderer.mjs";
-import { CodeFormatSelector } from "./CodeFormatSelector.mjs";
-import { ContentDeclarationFormatSelector } from "./ContentDeclarationFormatSelector.mjs";
-import { CopyCode } from "./CopyCode.mjs";
-import { PackageManagerSelector } from "./PackageManagerSelector.mjs";
-const MIN_HEIGHT = 700;
-const Code = ({
-  children,
-  language,
-  isDarkMode,
-  showHeader = true,
-  showLineNumbers = true,
-  className,
-  fileName,
-  packageManager,
-  codeFormat,
-  contentDeclarationFormat,
-  isRollable = true,
-  ...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 text-neutral 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__ */ jsx("div", { className: "sticky top-46 z-20", children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute bottom-0 right-2 flex h-7 items-center",
-                    hadSelectInHeader && "h-11"
-                  ),
-                  children: /* @__PURE__ */ jsx(CopyCode, { code })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              ExpandCollapse,
-              {
-                minHeight: MIN_HEIGHT,
-                isRollable,
-                className: "p-2 overflow-x-auto",
-                children: /* @__PURE__ */ jsx(CodeBlock, { lang: language, isDarkMode, children: code })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  Code
-};
-//# sourceMappingURL=Code.mjs.map

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

@@ -1 +0,0 @@
-{"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 { ExpandCollapse } from '../ExpandCollapse';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  CodeFormat,\n  ContentDeclarationFormat,\n  PackageManager,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyCode } from './CopyCode';\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  isRollable?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nconst MIN_HEIGHT = 700;\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  isRollable = true,\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 text-neutral 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-46 z-20\">\n              <div\n                className={cn(\n                  'absolute bottom-0 right-2 flex h-7 items-center',\n                  hadSelectInHeader && 'h-11'\n                )}\n              >\n                <CopyCode code={code} />\n              </div>\n            </div>\n          </>\n        )}\n        <ExpandCollapse\n          minHeight={MIN_HEIGHT}\n          isRollable={isRollable}\n          className=\"p-2 overflow-x-auto\"\n        >\n          <CodeBlock lang={language} isDarkMode={isDarkMode}>\n            {code}\n          </CodeBlock>\n        </ExpandCollapse>\n      </Container>\n    </CodeConditionalRender>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAmCA,MAAM,aAAa;AAEZ,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,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,UAAU,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEhE,QAAM,oBACJ,kBAAkB,cAAc;AAElC,SACE;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,UAAA;AAAA,UAEF,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cACC,qBAAA,UAAA,EACE,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjD,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,kBAAA,sCAAmB,wBAAA,EAAuB;AAAA,kBAC1C,kCAAe,oBAAA,EAAmB;AAAA,kBAClC,gDACE,kCAAA,CAAA,CAAiC;AAAA,gBAAA,EAAA,CAEtC;AAAA,cAAA,GACF;AAAA,cACA,oBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBAAA;AAAA,kBAGvB,UAAA,oBAAC,YAAS,KAAA,CAAY;AAAA,gBAAA;AAAA,cAAA,EACxB,CACF;AAAA,YAAA,GACF;AAAA,YAEF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX;AAAA,gBACA,WAAU;AAAA,gBAEV,UAAA,oBAAC,WAAA,EAAU,MAAM,UAAU,YACxB,UAAA,KAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/CodeBlockClient.cjs

@@ -1,62 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const transformers = require("@shikijs/transformers");
-const ReactExports = require("react");
-const shiki = require("shiki");
-const utils_cn = require("../../utils/cn.cjs");
-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,
-  isDarkMode,
-  onChange,
-  ...props
-}) => {
-  const [out, setOut] = ReactExports.useState(null);
-  const shikiOptions = ReactExports.useMemo(
-    () => ({
-      lang,
-      theme: isDarkMode ? "github-dark" : "github-light",
-      transformers: [
-        transformers.transformerNotationDiff(),
-        transformers.transformerNotationHighlight(),
-        transformers.transformerNotationWordHighlight(),
-        transformers.transformerNotationErrorLevel(),
-        transformers.transformerMetaHighlight(),
-        transformers.transformerMetaWordHighlight()
-      ]
-    }),
-    [lang, isDarkMode]
-  );
-  ReactExports.useEffect(() => {
-    shiki.codeToHtml(children, shikiOptions).then((out2) => setOut(out2)).catch((e) => console.error(e));
-  }, [shikiOptions, children]);
-  if (!out) return /* @__PURE__ */ jsxRuntime.jsx(CodeDefault, { children });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      dangerouslySetInnerHTML: { __html: out },
-      ...props,
-      style: { backgroundColor: "transparent", minWidth: 0, overflow: "auto" }
-    }
-  );
-});
-const CodeBlock = ({
-  className,
-  onChange,
-  isEditable,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlockClient.cjs","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"sourcesContent":["'use client';\n\nimport {\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n  transformerNotationDiff,\n  transformerNotationErrorLevel,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n} from '@shikijs/transformers';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\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 (\n    <div\n      dangerouslySetInnerHTML={{ __html: out }}\n      {...props}\n      style={{ backgroundColor: 'transparent', minWidth: 0, overflow: 'auto' }}\n    />\n  );\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,OAAA,EACC,UAAAA,2BAAAA,IAAC,OAAA,EACC,UAAAA,2BAAAA,IAAC,QAAA,EACE,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,IAAC,QAAA,EAAK,WAAU,qBACb,UAAA,KAAA,GADsC,KAEzC,CACD,EAAA,CACH,EAAA,CACF,GACF;AAGK,MAAM,kBAAkB,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,aAAAA;AAAAA,IACE,OAAO;AAAA,MACL;AAAA,MACA,OAAO,aAAa,gBAAgB;AAAA,MACpC,cAAc;AAAA,QACZC,qCAAA;AAAA,QACAC,0CAAA;AAAA,QACAC,8CAAA;AAAA,QACAC,2CAAA;AAAA,QACAC,sCAAA;AAAA,QACAC,aAAAA,6BAAA;AAAA,MAA6B;AAAA,IAC/B;AAAA,IAEF,CAAC,MAAM,UAAU;AAAA,EAAA;AAGrBC,eAAAA,UAAU,MAAM;AACdC,UAAAA,WAAW,UAAU,YAAY,EAC9B,KAAK,CAACC,SAAQ,OAAOA,IAAG,CAAC,EACzB,MAAM,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;AAAA,EAClC,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,CAAC,IAAK,QAAOX,2BAAAA,IAAC,eAAa,SAAA,CAAS;AAExC,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB,EAAE,QAAQ,IAAA;AAAA,MAClC,GAAG;AAAA,MACJ,OAAO,EAAE,iBAAiB,eAAe,UAAU,GAAG,UAAU,OAAA;AAAA,IAAO;AAAA,EAAA;AAG7E;AAUO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,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

@@ -1,12 +0,0 @@
-import { FC, HTMLAttributes } 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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlockClient.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,OAAO,CAAC;AAiBf,eAAO,MAAM,cAAc,EAwCV,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,62 +0,0 @@
-"use client";
-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__ */ 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,
-  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__ */ jsx(CodeDefault, { children });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      dangerouslySetInnerHTML: { __html: out },
-      ...props,
-      style: { backgroundColor: "transparent", minWidth: 0, overflow: "auto" }
-    }
-  );
-});
-const CodeBlock = ({
-  className,
-  onChange,
-  isEditable,
-  ...props
-}) => /* @__PURE__ */ 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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlockClient.mjs","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"sourcesContent":["'use client';\n\nimport {\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n  transformerNotationDiff,\n  transformerNotationErrorLevel,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n} from '@shikijs/transformers';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\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 (\n    <div\n      dangerouslySetInnerHTML={{ __html: out }}\n      {...props}\n      style={{ backgroundColor: 'transparent', minWidth: 0, overflow: 'auto' }}\n    />\n  );\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,OAAA,EACC,UAAA,oBAAC,OAAA,EACC,UAAA,oBAAC,QAAA,EACE,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/B,oBAAC,QAAA,EAAK,WAAU,qBACb,UAAA,KAAA,GADsC,KAEzC,CACD,EAAA,CACH,EAAA,CACF,GACF;AAGK,MAAM,kBAAkB,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,wBAAA;AAAA,QACA,6BAAA;AAAA,QACA,iCAAA;AAAA,QACA,8BAAA;AAAA,QACA,yBAAA;AAAA,QACA,6BAAA;AAAA,MAA6B;AAAA,IAC/B;AAAA,IAEF,CAAC,MAAM,UAAU;AAAA,EAAA;AAGrB,YAAU,MAAM;AACd,eAAW,UAAU,YAAY,EAC9B,KAAK,CAACA,SAAQ,OAAOA,IAAG,CAAC,EACzB,MAAM,CAAC,MAAM,QAAQ,MAAM,CAAC,CAAC;AAAA,EAClC,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,MAAI,CAAC,IAAK,QAAO,oBAAC,eAAa,SAAA,CAAS;AAExC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB,EAAE,QAAQ,IAAA;AAAA,MAClC,GAAG;AAAA,MACJ,OAAO,EAAE,iBAAiB,eAAe,UAAU,GAAG,UAAU,OAAA;AAAA,IAAO;AAAA,EAAA;AAG7E;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,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const transformers = require("@shikijs/transformers");
-const ReactExports = 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.jsx(
-    "div",
-    {
-      dangerouslySetInnerHTML: { __html: out },
-      ...props,
-      style: { backgroundColor: "transparent" }
-    }
-  );
-});
-const CodeDefault = ({
-  children,
-  isEditable,
-  isDarkMode,
-  onChange,
-  ...props
-}) => /* @__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.jsx(ReactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntime.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

@@ -1 +0,0 @@
-{"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  type BundledLanguage,\n  type BundledTheme,\n  type 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 (\n    <div\n      dangerouslySetInnerHTML={{ __html: out }}\n      {...props}\n      style={{ backgroundColor: 'transparent' }}\n    />\n  );\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,kBAAkB,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,qCAAA;AAAA,MACAC,0CAAA;AAAA,MACAC,8CAAA;AAAA,MACAC,2CAAA;AAAA,MACAC,sCAAA;AAAA,MACAC,aAAAA,6BAAA;AAAA,IAA6B;AAAA,EAC/B;AAGF,QAAM,MAAM,MAAMC,iBAAW,UAAU,YAAY;AAEnD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB,EAAE,QAAQ,IAAA;AAAA,MAClC,GAAG;AAAA,MACJ,OAAO,EAAE,iBAAiB,cAAA;AAAA,IAAc;AAAA,EAAA;AAG9C;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,IAAC,OAAA,EAAI,iBAAiB,YAAa,GAAG,OACpC,UAAAA,2BAAAA,IAAC,OAAA,EACC,UAAAA,2BAAAA,IAAC,QAAA,EACE,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,IAAC,QAAA,EAAK,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EAAA,CACH,EAAA,CACF,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,qCACGC,aAAAA,UAAA,EAAS,yCAAW,aAAA,EAAa,GAAG,OAAO,GAC1C,UAAAD,2BAAAA;AAAAA,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,EAAA,CACF;;;"}

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,KAAK,eAAe,EAIrB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,cAAc,EA6BV,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"}