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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileList.mjs","sources":["../../../src/components/IDE/FileList.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { Container } from '../Container';\nimport { FileTree } from './FileTree';\n\nexport type FileListProps = {\n  filePaths: string[];\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const FileList: FC<FileListProps> = ({ filePaths, ...props }) => (\n  <Container\n    className=\"flex size-full flex-col justify-start overflow-auto shadow-lg\"\n    roundedSize=\"3xl\"\n    transparency=\"none\"\n    {...props}\n  >\n    <div className=\"text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950\">\n      <div className=\"mx-2 flex items-center justify-start gap-2 p-1\">\n        <div className=\"size-3 rounded-full bg-red-500\" />\n        <div className=\"size-3 rounded-full bg-yellow-500\" />\n        <div className=\"size-3 rounded-full bg-green-500\" />\n      </div>\n    </div>\n    <div className=\"relative flex size-full flex-1 flex-row justify-start shadow-lg\">\n      <div className=\"absolute left-0 top-0 size-full\">\n        <div className=\"flex size-full\">\n          <FileTree filesPaths={filePaths} />\n        </div>\n      </div>\n    </div>\n  </Container>\n);\n"],"names":[],"mappings":";;;AAQO,MAAM,WAA8B,CAAC,EAAE,WAAW,GAAG,YAC1D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,cAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,+HACb,UAAA,qBAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,iCAAA,CAAiC;AAAA,QAChD,oBAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,QACnD,oBAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,MAAA,EAAA,CACpD,EAAA,CACF;AAAA,0BACC,OAAA,EAAI,WAAU,mEACb,UAAA,oBAAC,OAAA,EAAI,WAAU,mCACb,UAAA,oBAAC,OAAA,EAAI,WAAU,kBACb,UAAA,oBAAC,UAAA,EAAS,YAAY,UAAA,CAAW,EAAA,CACnC,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/components/IDE/FileTree.cjs

@@ -1,105 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const lucideReact = require("lucide-react");
-const ReactExports = require("react");
-const utils_cn = require("../../utils/cn.cjs");
-const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
-const components_IDE_createFileTree = require("./createFileTree.cjs");
-const concatFilePath = (paths) => paths.join("/");
-const FileItem = ({
-  filesPaths,
-  path,
-  subPath,
-  onClickFile,
-  activeFile,
-  prePaths,
-  isFile
-}) => {
-  const [subPathOpen, setSubPathOpen] = ReactExports.useState(true);
-  const level = prePaths.length + 1;
-  const currentPath = concatFilePath([
-    ...prePaths.slice(level - 1, level),
-    path
-  ]);
-  const totalPath = concatFilePath([...prePaths, path]);
-  const filteredFilePaths = filesPaths.map(
-    (path2) => path2.replace(/^\/?/, "")
-    // This regex matches the first slash, if it exists, at the start of the string)
-  ).filter((filePath) => filePath.startsWith(currentPath));
-  const newPath = filteredFilePaths.map(
-    (path2) => path2.replace(currentPath, "").replace(/^\/?/, "")
-  );
-  const isActive = totalPath === activeFile;
-  const indentation = new Array(level).fill("  ").join("");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        className: utils_cn.cn(
-          "flex w-full items-start justify-start whitespace-pre text-nowrap px-2 py-1 text-xs transition",
-          isActive ? "bg-neutral-200 dark:bg-neutral-700" : "cursor-pointer hover:bg-neutral-300 dark:hover:bg-neutral-900"
-        ),
-        onClick: () => {
-          if (isFile) {
-            onClickFile?.(totalPath);
-          } else {
-            setSubPathOpen(!subPathOpen);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("whitespace-pre", isFile && "ml-2"), children: indentation }),
-          !isFile && /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.ChevronRight,
-            {
-              className: utils_cn.cn(`transition`, subPathOpen && `rotate-90 transform`),
-              size: 16
-            }
-          ),
-          path
-        ]
-      },
-      path
-    ),
-    subPath && /* @__PURE__ */ jsxRuntime.jsx(
-      components_MaxHeightSmoother_index.MaxHeightSmoother,
-      {
-        isHidden: !subPathOpen,
-        className: "overflow-x-hidden",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          FileTree,
-          {
-            filesPaths: newPath,
-            activeFile,
-            onClickFile,
-            prePaths: [...prePaths, path]
-          }
-        )
-      }
-    )
-  ] });
-};
-const FileTree = ({
-  filesPaths,
-  activeFile,
-  onClickFile,
-  prePaths = []
-}) => {
-  const fileTree = components_IDE_createFileTree.createFileTree(filesPaths);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-neutral flex size-full flex-col items-start justify-start py-1", children: fileTree.map(({ path, subPath, isFile }) => /* @__PURE__ */ jsxRuntime.jsx(
-    FileItem,
-    {
-      isFile,
-      subPath,
-      path,
-      onClickFile,
-      activeFile,
-      prePaths,
-      filesPaths
-    },
-    path
-  )) });
-};
-exports.FileTree = FileTree;
-//# sourceMappingURL=FileTree.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileTree.cjs","sources":["../../../src/components/IDE/FileTree.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\nimport { createFileTree, type FilePath } from './createFileTree';\n\ntype FileTreeProps = {\n  filesPaths: string[];\n  activeFile?: string;\n  onClickFile?: (filePath: string) => void;\n  prePaths?: string[];\n};\n\nconst concatFilePath = (paths: string[]) => paths.join('/');\n\ntype FileItemProps = {\n  filesPaths: string[];\n  subPath?: FilePath[];\n  path: string;\n  onClickFile?: (title: string) => void;\n  activeFile?: string;\n  prePaths: string[];\n  isFile: boolean;\n};\n\nconst FileItem: FC<FileItemProps> = ({\n  filesPaths,\n  path,\n  subPath,\n  onClickFile,\n  activeFile,\n  prePaths,\n  isFile,\n}) => {\n  const [subPathOpen, setSubPathOpen] = useState(true);\n\n  const level = prePaths.length + 1;\n  const currentPath = concatFilePath([\n    ...prePaths.slice(level - 1, level),\n    path,\n  ]);\n  const totalPath = concatFilePath([...prePaths, path]);\n\n  const filteredFilePaths = filesPaths\n    .map(\n      (path) => path.replace(/^\\/?/, '') // This regex matches the first slash, if it exists, at the start of the string)\n    )\n    .filter((filePath) => filePath.startsWith(currentPath));\n\n  const newPath = filteredFilePaths.map((path) =>\n    path.replace(currentPath, '').replace(/^\\/?/, '')\n  );\n\n  const isActive = totalPath === activeFile;\n\n  const indentation = new Array(level).fill('  ').join('');\n\n  return (\n    <>\n      <button\n        className={cn(\n          'flex w-full items-start justify-start whitespace-pre text-nowrap px-2 py-1 text-xs transition',\n          isActive\n            ? 'bg-neutral-200 dark:bg-neutral-700'\n            : 'cursor-pointer hover:bg-neutral-300 dark:hover:bg-neutral-900'\n        )}\n        key={path}\n        onClick={() => {\n          if (isFile) {\n            onClickFile?.(totalPath);\n          } else {\n            setSubPathOpen(!subPathOpen);\n          }\n        }}\n      >\n        <span className={cn('whitespace-pre', isFile && 'ml-2')}>\n          {indentation}\n        </span>\n\n        {!isFile && (\n          <ChevronRight\n            className={cn(`transition`, subPathOpen && `rotate-90 transform`)}\n            size={16}\n          />\n        )}\n        {path}\n      </button>\n      {subPath && (\n        <MaxHeightSmoother\n          isHidden={!subPathOpen}\n          className=\"overflow-x-hidden\"\n        >\n          <FileTree\n            filesPaths={newPath}\n            activeFile={activeFile}\n            onClickFile={onClickFile}\n            prePaths={[...prePaths, path]}\n          />\n        </MaxHeightSmoother>\n      )}\n    </>\n  );\n};\n\nexport const FileTree: FC<FileTreeProps> = ({\n  filesPaths,\n  activeFile,\n  onClickFile,\n  prePaths = [],\n}) => {\n  const fileTree = createFileTree(filesPaths);\n\n  return (\n    <div className=\"text-neutral flex size-full flex-col items-start justify-start py-1\">\n      {fileTree.map(({ path, subPath, isFile }) => (\n        <FileItem\n          key={path}\n          isFile={isFile}\n          subPath={subPath}\n          path={path}\n          onClickFile={onClickFile}\n          activeFile={activeFile}\n          prePaths={prePaths}\n          filesPaths={filesPaths}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["useState","path","jsxs","Fragment","cn","jsx","ChevronRight","MaxHeightSmoother","createFileTree"],"mappings":";;;;;;;;;AAeA,MAAM,iBAAiB,CAAC,UAAoB,MAAM,KAAK,GAAG;AAY1D,MAAM,WAA8B,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAIA,aAAAA,SAAS,IAAI;AAEnD,QAAM,QAAQ,SAAS,SAAS;AAChC,QAAM,cAAc,eAAe;AAAA,IACjC,GAAG,SAAS,MAAM,QAAQ,GAAG,KAAK;AAAA,IAClC;AAAA,EAAA,CACD;AACD,QAAM,YAAY,eAAe,CAAC,GAAG,UAAU,IAAI,CAAC;AAEpD,QAAM,oBAAoB,WACvB;AAAA,IACC,CAACC,UAASA,MAAK,QAAQ,QAAQ,EAAE;AAAA;AAAA,EAAA,EAElC,OAAO,CAAC,aAAa,SAAS,WAAW,WAAW,CAAC;AAExD,QAAM,UAAU,kBAAkB;AAAA,IAAI,CAACA,UACrCA,MAAK,QAAQ,aAAa,EAAE,EAAE,QAAQ,QAAQ,EAAE;AAAA,EAAA;AAGlD,QAAM,WAAW,cAAc;AAE/B,QAAM,cAAc,IAAI,MAAM,KAAK,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE;AAEvD,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,SAAAA;AAAAA,UACT;AAAA,UACA,WACI,uCACA;AAAA,QAAA;AAAA,QAGN,SAAS,MAAM;AACb,cAAI,QAAQ;AACV,0BAAc,SAAS;AAAA,UACzB,OAAO;AACL,2BAAe,CAAC,WAAW;AAAA,UAC7B;AAAA,QACF;AAAA,QAEA,UAAA;AAAA,UAAAC,2BAAAA,IAAC,UAAK,WAAWD,YAAG,kBAAkB,UAAU,MAAM,GACnD,UAAA,aACH;AAAA,UAEC,CAAC,UACAC,2BAAAA;AAAAA,YAACC,YAAAA;AAAAA,YAAA;AAAA,cACC,WAAWF,SAAAA,GAAG,cAAc,eAAe,qBAAqB;AAAA,cAChE,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBI;AAAA,IAAA;AAAA,IAqBN,WACCC,2BAAAA;AAAAA,MAACE,mCAAAA;AAAAA,MAAA;AAAA,QACC,UAAU,CAAC;AAAA,QACX,WAAU;AAAA,QAEV,UAAAF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,UAAU,CAAC,GAAG,UAAU,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEO,MAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,CAAA;AACb,MAAM;AACJ,QAAM,WAAWG,8BAAAA,eAAe,UAAU;AAE1C,SACEH,2BAAAA,IAAC,OAAA,EAAI,WAAU,uEACZ,UAAA,SAAS,IAAI,CAAC,EAAE,MAAM,SAAS,OAAA,MAC9BA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAPK;AAAA,EAAA,CASR,GACH;AAEJ;;"}

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-type FileTreeProps = {
-    filesPaths: string[];
-    activeFile?: string;
-    onClickFile?: (filePath: string) => void;
-    prePaths?: string[];
-};
-export declare const FileTree: FC<FileTreeProps>;
-export {};
-//# sourceMappingURL=FileTree.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileTree.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/FileTree.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAK1C,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AA6FF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwBtC,CAAC"}

package/dist/components/IDE/FileTree.mjs

@@ -1,105 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ChevronRight } from "lucide-react";
-import { useState } from "react";
-import { cn } from "../../utils/cn.mjs";
-import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
-import { createFileTree } from "./createFileTree.mjs";
-const concatFilePath = (paths) => paths.join("/");
-const FileItem = ({
-  filesPaths,
-  path,
-  subPath,
-  onClickFile,
-  activeFile,
-  prePaths,
-  isFile
-}) => {
-  const [subPathOpen, setSubPathOpen] = useState(true);
-  const level = prePaths.length + 1;
-  const currentPath = concatFilePath([
-    ...prePaths.slice(level - 1, level),
-    path
-  ]);
-  const totalPath = concatFilePath([...prePaths, path]);
-  const filteredFilePaths = filesPaths.map(
-    (path2) => path2.replace(/^\/?/, "")
-    // This regex matches the first slash, if it exists, at the start of the string)
-  ).filter((filePath) => filePath.startsWith(currentPath));
-  const newPath = filteredFilePaths.map(
-    (path2) => path2.replace(currentPath, "").replace(/^\/?/, "")
-  );
-  const isActive = totalPath === activeFile;
-  const indentation = new Array(level).fill("  ").join("");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        className: cn(
-          "flex w-full items-start justify-start whitespace-pre text-nowrap px-2 py-1 text-xs transition",
-          isActive ? "bg-neutral-200 dark:bg-neutral-700" : "cursor-pointer hover:bg-neutral-300 dark:hover:bg-neutral-900"
-        ),
-        onClick: () => {
-          if (isFile) {
-            onClickFile?.(totalPath);
-          } else {
-            setSubPathOpen(!subPathOpen);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx("span", { className: cn("whitespace-pre", isFile && "ml-2"), children: indentation }),
-          !isFile && /* @__PURE__ */ jsx(
-            ChevronRight,
-            {
-              className: cn(`transition`, subPathOpen && `rotate-90 transform`),
-              size: 16
-            }
-          ),
-          path
-        ]
-      },
-      path
-    ),
-    subPath && /* @__PURE__ */ jsx(
-      MaxHeightSmoother,
-      {
-        isHidden: !subPathOpen,
-        className: "overflow-x-hidden",
-        children: /* @__PURE__ */ jsx(
-          FileTree,
-          {
-            filesPaths: newPath,
-            activeFile,
-            onClickFile,
-            prePaths: [...prePaths, path]
-          }
-        )
-      }
-    )
-  ] });
-};
-const FileTree = ({
-  filesPaths,
-  activeFile,
-  onClickFile,
-  prePaths = []
-}) => {
-  const fileTree = createFileTree(filesPaths);
-  return /* @__PURE__ */ jsx("div", { className: "text-neutral flex size-full flex-col items-start justify-start py-1", children: fileTree.map(({ path, subPath, isFile }) => /* @__PURE__ */ jsx(
-    FileItem,
-    {
-      isFile,
-      subPath,
-      path,
-      onClickFile,
-      activeFile,
-      prePaths,
-      filesPaths
-    },
-    path
-  )) });
-};
-export {
-  FileTree
-};
-//# sourceMappingURL=FileTree.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileTree.mjs","sources":["../../../src/components/IDE/FileTree.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\nimport { createFileTree, type FilePath } from './createFileTree';\n\ntype FileTreeProps = {\n  filesPaths: string[];\n  activeFile?: string;\n  onClickFile?: (filePath: string) => void;\n  prePaths?: string[];\n};\n\nconst concatFilePath = (paths: string[]) => paths.join('/');\n\ntype FileItemProps = {\n  filesPaths: string[];\n  subPath?: FilePath[];\n  path: string;\n  onClickFile?: (title: string) => void;\n  activeFile?: string;\n  prePaths: string[];\n  isFile: boolean;\n};\n\nconst FileItem: FC<FileItemProps> = ({\n  filesPaths,\n  path,\n  subPath,\n  onClickFile,\n  activeFile,\n  prePaths,\n  isFile,\n}) => {\n  const [subPathOpen, setSubPathOpen] = useState(true);\n\n  const level = prePaths.length + 1;\n  const currentPath = concatFilePath([\n    ...prePaths.slice(level - 1, level),\n    path,\n  ]);\n  const totalPath = concatFilePath([...prePaths, path]);\n\n  const filteredFilePaths = filesPaths\n    .map(\n      (path) => path.replace(/^\\/?/, '') // This regex matches the first slash, if it exists, at the start of the string)\n    )\n    .filter((filePath) => filePath.startsWith(currentPath));\n\n  const newPath = filteredFilePaths.map((path) =>\n    path.replace(currentPath, '').replace(/^\\/?/, '')\n  );\n\n  const isActive = totalPath === activeFile;\n\n  const indentation = new Array(level).fill('  ').join('');\n\n  return (\n    <>\n      <button\n        className={cn(\n          'flex w-full items-start justify-start whitespace-pre text-nowrap px-2 py-1 text-xs transition',\n          isActive\n            ? 'bg-neutral-200 dark:bg-neutral-700'\n            : 'cursor-pointer hover:bg-neutral-300 dark:hover:bg-neutral-900'\n        )}\n        key={path}\n        onClick={() => {\n          if (isFile) {\n            onClickFile?.(totalPath);\n          } else {\n            setSubPathOpen(!subPathOpen);\n          }\n        }}\n      >\n        <span className={cn('whitespace-pre', isFile && 'ml-2')}>\n          {indentation}\n        </span>\n\n        {!isFile && (\n          <ChevronRight\n            className={cn(`transition`, subPathOpen && `rotate-90 transform`)}\n            size={16}\n          />\n        )}\n        {path}\n      </button>\n      {subPath && (\n        <MaxHeightSmoother\n          isHidden={!subPathOpen}\n          className=\"overflow-x-hidden\"\n        >\n          <FileTree\n            filesPaths={newPath}\n            activeFile={activeFile}\n            onClickFile={onClickFile}\n            prePaths={[...prePaths, path]}\n          />\n        </MaxHeightSmoother>\n      )}\n    </>\n  );\n};\n\nexport const FileTree: FC<FileTreeProps> = ({\n  filesPaths,\n  activeFile,\n  onClickFile,\n  prePaths = [],\n}) => {\n  const fileTree = createFileTree(filesPaths);\n\n  return (\n    <div className=\"text-neutral flex size-full flex-col items-start justify-start py-1\">\n      {fileTree.map(({ path, subPath, isFile }) => (\n        <FileItem\n          key={path}\n          isFile={isFile}\n          subPath={subPath}\n          path={path}\n          onClickFile={onClickFile}\n          activeFile={activeFile}\n          prePaths={prePaths}\n          filesPaths={filesPaths}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["path"],"mappings":";;;;;;;AAeA,MAAM,iBAAiB,CAAC,UAAoB,MAAM,KAAK,GAAG;AAY1D,MAAM,WAA8B,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AAEnD,QAAM,QAAQ,SAAS,SAAS;AAChC,QAAM,cAAc,eAAe;AAAA,IACjC,GAAG,SAAS,MAAM,QAAQ,GAAG,KAAK;AAAA,IAClC;AAAA,EAAA,CACD;AACD,QAAM,YAAY,eAAe,CAAC,GAAG,UAAU,IAAI,CAAC;AAEpD,QAAM,oBAAoB,WACvB;AAAA,IACC,CAACA,UAASA,MAAK,QAAQ,QAAQ,EAAE;AAAA;AAAA,EAAA,EAElC,OAAO,CAAC,aAAa,SAAS,WAAW,WAAW,CAAC;AAExD,QAAM,UAAU,kBAAkB;AAAA,IAAI,CAACA,UACrCA,MAAK,QAAQ,aAAa,EAAE,EAAE,QAAQ,QAAQ,EAAE;AAAA,EAAA;AAGlD,QAAM,WAAW,cAAc;AAE/B,QAAM,cAAc,IAAI,MAAM,KAAK,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE;AAEvD,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WACI,uCACA;AAAA,QAAA;AAAA,QAGN,SAAS,MAAM;AACb,cAAI,QAAQ;AACV,0BAAc,SAAS;AAAA,UACzB,OAAO;AACL,2BAAe,CAAC,WAAW;AAAA,UAC7B;AAAA,QACF;AAAA,QAEA,UAAA;AAAA,UAAA,oBAAC,UAAK,WAAW,GAAG,kBAAkB,UAAU,MAAM,GACnD,UAAA,aACH;AAAA,UAEC,CAAC,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,cAAc,eAAe,qBAAqB;AAAA,cAChE,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGT;AAAA,QAAA;AAAA,MAAA;AAAA,MAnBI;AAAA,IAAA;AAAA,IAqBN,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,CAAC;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,UAAU,CAAC,GAAG,UAAU,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEO,MAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,CAAA;AACb,MAAM;AACJ,QAAM,WAAW,eAAe,UAAU;AAE1C,SACE,oBAAC,OAAA,EAAI,WAAU,uEACZ,UAAA,SAAS,IAAI,CAAC,EAAE,MAAM,SAAS,OAAA,MAC9B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAPK;AAAA,EAAA,CASR,GACH;AAEJ;"}

package/dist/components/IDE/IDE.cjs

@@ -1,93 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Container_index = require("../Container/index.cjs");
-const components_WithResizer_index = require("../WithResizer/index.cjs");
-const components_IDE_FileTree = require("./FileTree.cjs");
-const components_IDE_MarkDownRender = require("./MarkDownRender.cjs");
-const IDE = ({
-  pages: initialPages,
-  isDarkMode,
-  className,
-  activeTab: defaultActiveTab,
-  ...props
-}) => {
-  const [pages, setPages] = ReactExports.useState(initialPages);
-  const tabs = pages.filter(({ isOpen }) => isOpen);
-  const firstTabIndex = tabs.findIndex(({ isOpen }) => isOpen);
-  const [activeTab, setActiveTab] = ReactExports.useState(defaultActiveTab ?? firstTabIndex);
-  ReactExports.useEffect(() => {
-    setActiveTab(defaultActiveTab ?? firstTabIndex);
-  }, [initialPages, defaultActiveTab]);
-  const { content, path } = pages[activeTab];
-  const filePaths = initialPages.map(({ path: title }) => title);
-  const handleClickFile = (title) => {
-    const page = pages.find(({ path: tabTitle }) => tabTitle === title);
-    if (!page) return;
-    const newPages = pages.map((page2) => {
-      if (page2.path === title) {
-        return { ...page2, isOpen: true };
-      }
-      return page2;
-    });
-    setPages(newPages);
-    const newPageIndex = newPages.findIndex(
-      ({ path: tabTitle }) => tabTitle === title
-    );
-    setActiveTab(newPageIndex);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    components_Container_index.Container,
-    {
-      className: utils_cn.cn(
-        "flex size-full flex-col justify-start overflow-hidden shadow-lg",
-        className
-      ),
-      roundedSize: "3xl",
-      transparency: "none",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-2 flex items-center justify-start gap-2 p-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-red-500" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-yellow-500" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-green-500" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-full overflow-y-auto", children: tabs.map(({ path: path2 }, index) => {
-            const fullPath = path2.split("/");
-            const title = fullPath[fullPath.length - 1];
-            const isActive = index === activeTab;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: utils_cn.cn(
-                  "flex h-8 min-w-20 items-center justify-start px-3 py-1 transition",
-                  isActive ? "bg-card" : "cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-950"
-                ),
-                onClick: () => setActiveTab(index),
-                children: title
-              },
-              title
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-full flex-1 flex-row justify-start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 top-0 size-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components_WithResizer_index.WithResizer, { initialWidth: 150, children: /* @__PURE__ */ jsxRuntime.jsx(
-            components_IDE_FileTree.FileTree,
-            {
-              filesPaths: filePaths,
-              activeFile: path,
-              onClickFile: handleClickFile
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full flex-1 overflow-auto pt-2 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_MarkDownRender.MarkdownRenderer, { isDarkMode, children: content }) })
-        ] }) }) })
-      ]
-    }
-  );
-};
-exports.IDE = IDE;
-//# sourceMappingURL=IDE.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IDE.cjs","sources":["../../../src/components/IDE/IDE.tsx"],"sourcesContent":["'use client';\n\nimport { type HTMLAttributes, useState, type FC, useEffect } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { WithResizer } from '../WithResizer';\nimport { FileTree } from './FileTree';\nimport { MarkdownRenderer } from './MarkDownRender';\n\nexport type IDEProps = {\n  pages: {\n    path: string;\n    content: string;\n    isOpen?: boolean;\n  }[];\n  isDarkMode?: boolean;\n  activeTab?: number;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const IDE: FC<IDEProps> = ({\n  pages: initialPages,\n  isDarkMode,\n  className,\n  activeTab: defaultActiveTab,\n  ...props\n}) => {\n  const [pages, setPages] = useState(initialPages);\n  const tabs = pages.filter(({ isOpen }) => isOpen);\n\n  const firstTabIndex = tabs.findIndex(({ isOpen }) => isOpen);\n  const [activeTab, setActiveTab] = useState(defaultActiveTab ?? firstTabIndex);\n\n  useEffect(() => {\n    setActiveTab(defaultActiveTab ?? firstTabIndex);\n  }, [initialPages, defaultActiveTab]);\n\n  const { content, path } = pages[activeTab];\n  const filePaths = initialPages.map(({ path: title }) => title);\n\n  const handleClickFile = (title: string) => {\n    const page = pages.find(({ path: tabTitle }) => tabTitle === title);\n    if (!page) return;\n\n    const newPages = pages.map((page) => {\n      if (page.path === title) {\n        return { ...page, isOpen: true };\n      }\n      return page;\n    });\n\n    setPages(newPages);\n\n    const newPageIndex = newPages.findIndex(\n      ({ path: tabTitle }) => tabTitle === title\n    );\n\n    setActiveTab(newPageIndex);\n  };\n\n  return (\n    <Container\n      className={cn(\n        'flex size-full flex-col justify-start overflow-hidden shadow-lg',\n        className\n      )}\n      roundedSize=\"3xl\"\n      transparency=\"none\"\n      {...props}\n    >\n      <div className=\"text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950\">\n        <div className=\"mx-2 flex items-center justify-start gap-2 p-1\">\n          <div className=\"size-3 rounded-full bg-red-500\" />\n          <div className=\"size-3 rounded-full bg-yellow-500\" />\n          <div className=\"size-3 rounded-full bg-green-500\" />\n        </div>\n        <div className=\"flex size-full overflow-y-auto\">\n          {tabs.map(({ path }, index) => {\n            const fullPath = path.split('/');\n            const title = fullPath[fullPath.length - 1];\n            const isActive = index === activeTab;\n\n            return (\n              <button\n                className={cn(\n                  'flex h-8 min-w-20 items-center justify-start px-3 py-1 transition',\n                  isActive\n                    ? 'bg-card'\n                    : 'cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-950'\n                )}\n                key={title}\n                onClick={() => setActiveTab(index)}\n              >\n                {title}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n      <div className=\"relative flex size-full flex-1 flex-row justify-start\">\n        <div className=\"absolute left-0 top-0 size-full\">\n          <div className=\"flex size-full\">\n            <WithResizer initialWidth={150}>\n              <FileTree\n                filesPaths={filePaths}\n                activeFile={path}\n                onClickFile={handleClickFile}\n              />\n            </WithResizer>\n\n            <div className=\"size-full flex-1 overflow-auto pt-2 text-xs\">\n              <MarkdownRenderer isDarkMode={isDarkMode}>\n                {content}\n              </MarkdownRenderer>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["useState","useEffect","page","jsxs","Container","cn","jsx","path","WithResizer","FileTree","MarkdownRenderer"],"mappings":"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"}

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

@@ -1,12 +0,0 @@
-import { HTMLAttributes, FC } from 'react';
-export type IDEProps = {
-    pages: {
-        path: string;
-        content: string;
-        isOpen?: boolean;
-    }[];
-    isDarkMode?: boolean;
-    activeTab?: number;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const IDE: FC<IDEProps>;
-//# sourceMappingURL=IDE.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IDE.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/IDE.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,EAAE,EAAa,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAoG5B,CAAC"}

package/dist/components/IDE/IDE.mjs

@@ -1,93 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { cn } from "../../utils/cn.mjs";
-import { Container } from "../Container/index.mjs";
-import { WithResizer } from "../WithResizer/index.mjs";
-import { FileTree } from "./FileTree.mjs";
-import { MarkdownRenderer } from "./MarkDownRender.mjs";
-const IDE = ({
-  pages: initialPages,
-  isDarkMode,
-  className,
-  activeTab: defaultActiveTab,
-  ...props
-}) => {
-  const [pages, setPages] = useState(initialPages);
-  const tabs = pages.filter(({ isOpen }) => isOpen);
-  const firstTabIndex = tabs.findIndex(({ isOpen }) => isOpen);
-  const [activeTab, setActiveTab] = useState(defaultActiveTab ?? firstTabIndex);
-  useEffect(() => {
-    setActiveTab(defaultActiveTab ?? firstTabIndex);
-  }, [initialPages, defaultActiveTab]);
-  const { content, path } = pages[activeTab];
-  const filePaths = initialPages.map(({ path: title }) => title);
-  const handleClickFile = (title) => {
-    const page = pages.find(({ path: tabTitle }) => tabTitle === title);
-    if (!page) return;
-    const newPages = pages.map((page2) => {
-      if (page2.path === title) {
-        return { ...page2, isOpen: true };
-      }
-      return page2;
-    });
-    setPages(newPages);
-    const newPageIndex = newPages.findIndex(
-      ({ path: tabTitle }) => tabTitle === title
-    );
-    setActiveTab(newPageIndex);
-  };
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      className: cn(
-        "flex size-full flex-col justify-start overflow-hidden shadow-lg",
-        className
-      ),
-      roundedSize: "3xl",
-      transparency: "none",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mx-2 flex items-center justify-start gap-2 p-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-red-500" }),
-            /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-yellow-500" }),
-            /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-green-500" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex size-full overflow-y-auto", children: tabs.map(({ path: path2 }, index) => {
-            const fullPath = path2.split("/");
-            const title = fullPath[fullPath.length - 1];
-            const isActive = index === activeTab;
-            return /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: cn(
-                  "flex h-8 min-w-20 items-center justify-start px-3 py-1 transition",
-                  isActive ? "bg-card" : "cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-950"
-                ),
-                onClick: () => setActiveTab(index),
-                children: title
-              },
-              title
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex size-full flex-1 flex-row justify-start", children: /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 size-full", children: /* @__PURE__ */ jsxs("div", { className: "flex size-full", children: [
-          /* @__PURE__ */ jsx(WithResizer, { initialWidth: 150, children: /* @__PURE__ */ jsx(
-            FileTree,
-            {
-              filesPaths: filePaths,
-              activeFile: path,
-              onClickFile: handleClickFile
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "size-full flex-1 overflow-auto pt-2 text-xs", children: /* @__PURE__ */ jsx(MarkdownRenderer, { isDarkMode, children: content }) })
-        ] }) }) })
-      ]
-    }
-  );
-};
-export {
-  IDE
-};
-//# sourceMappingURL=IDE.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IDE.mjs","sources":["../../../src/components/IDE/IDE.tsx"],"sourcesContent":["'use client';\n\nimport { type HTMLAttributes, useState, type FC, useEffect } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { WithResizer } from '../WithResizer';\nimport { FileTree } from './FileTree';\nimport { MarkdownRenderer } from './MarkDownRender';\n\nexport type IDEProps = {\n  pages: {\n    path: string;\n    content: string;\n    isOpen?: boolean;\n  }[];\n  isDarkMode?: boolean;\n  activeTab?: number;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const IDE: FC<IDEProps> = ({\n  pages: initialPages,\n  isDarkMode,\n  className,\n  activeTab: defaultActiveTab,\n  ...props\n}) => {\n  const [pages, setPages] = useState(initialPages);\n  const tabs = pages.filter(({ isOpen }) => isOpen);\n\n  const firstTabIndex = tabs.findIndex(({ isOpen }) => isOpen);\n  const [activeTab, setActiveTab] = useState(defaultActiveTab ?? firstTabIndex);\n\n  useEffect(() => {\n    setActiveTab(defaultActiveTab ?? firstTabIndex);\n  }, [initialPages, defaultActiveTab]);\n\n  const { content, path } = pages[activeTab];\n  const filePaths = initialPages.map(({ path: title }) => title);\n\n  const handleClickFile = (title: string) => {\n    const page = pages.find(({ path: tabTitle }) => tabTitle === title);\n    if (!page) return;\n\n    const newPages = pages.map((page) => {\n      if (page.path === title) {\n        return { ...page, isOpen: true };\n      }\n      return page;\n    });\n\n    setPages(newPages);\n\n    const newPageIndex = newPages.findIndex(\n      ({ path: tabTitle }) => tabTitle === title\n    );\n\n    setActiveTab(newPageIndex);\n  };\n\n  return (\n    <Container\n      className={cn(\n        'flex size-full flex-col justify-start overflow-hidden shadow-lg',\n        className\n      )}\n      roundedSize=\"3xl\"\n      transparency=\"none\"\n      {...props}\n    >\n      <div className=\"text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950\">\n        <div className=\"mx-2 flex items-center justify-start gap-2 p-1\">\n          <div className=\"size-3 rounded-full bg-red-500\" />\n          <div className=\"size-3 rounded-full bg-yellow-500\" />\n          <div className=\"size-3 rounded-full bg-green-500\" />\n        </div>\n        <div className=\"flex size-full overflow-y-auto\">\n          {tabs.map(({ path }, index) => {\n            const fullPath = path.split('/');\n            const title = fullPath[fullPath.length - 1];\n            const isActive = index === activeTab;\n\n            return (\n              <button\n                className={cn(\n                  'flex h-8 min-w-20 items-center justify-start px-3 py-1 transition',\n                  isActive\n                    ? 'bg-card'\n                    : 'cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-950'\n                )}\n                key={title}\n                onClick={() => setActiveTab(index)}\n              >\n                {title}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n      <div className=\"relative flex size-full flex-1 flex-row justify-start\">\n        <div className=\"absolute left-0 top-0 size-full\">\n          <div className=\"flex size-full\">\n            <WithResizer initialWidth={150}>\n              <FileTree\n                filesPaths={filePaths}\n                activeFile={path}\n                onClickFile={handleClickFile}\n              />\n            </WithResizer>\n\n            <div className=\"size-full flex-1 overflow-auto pt-2 text-xs\">\n              <MarkdownRenderer isDarkMode={isDarkMode}>\n                {content}\n              </MarkdownRenderer>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["page","path"],"mappings":";;;;;;;;AAmBO,MAAM,MAAoB,CAAC;AAAA,EAChC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,OAAO,MAAM,OAAO,CAAC,EAAE,OAAA,MAAa,MAAM;AAEhD,QAAM,gBAAgB,KAAK,UAAU,CAAC,EAAE,OAAA,MAAa,MAAM;AAC3D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,oBAAoB,aAAa;AAE5E,YAAU,MAAM;AACd,iBAAa,oBAAoB,aAAa;AAAA,EAChD,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,QAAM,EAAE,SAAS,SAAS,MAAM,SAAS;AACzC,QAAM,YAAY,aAAa,IAAI,CAAC,EAAE,MAAM,MAAA,MAAY,KAAK;AAE7D,QAAM,kBAAkB,CAAC,UAAkB;AACzC,UAAM,OAAO,MAAM,KAAK,CAAC,EAAE,MAAM,SAAA,MAAe,aAAa,KAAK;AAClE,QAAI,CAAC,KAAM;AAEX,UAAM,WAAW,MAAM,IAAI,CAACA,UAAS;AACnC,UAAIA,MAAK,SAAS,OAAO;AACvB,eAAO,EAAE,GAAGA,OAAM,QAAQ,KAAA;AAAA,MAC5B;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,aAAS,QAAQ;AAEjB,UAAM,eAAe,SAAS;AAAA,MAC5B,CAAC,EAAE,MAAM,SAAA,MAAe,aAAa;AAAA,IAAA;AAGvC,iBAAa,YAAY;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,aAAY;AAAA,MACZ,cAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,+HACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,iCAAA,CAAiC;AAAA,YAChD,oBAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,YACnD,oBAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,UAAA,GACpD;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA,KAAK,IAAI,CAAC,EAAE,MAAAC,MAAAA,GAAQ,UAAU;AAC7B,kBAAM,WAAWA,MAAK,MAAM,GAAG;AAC/B,kBAAM,QAAQ,SAAS,SAAS,SAAS,CAAC;AAC1C,kBAAM,WAAW,UAAU;AAE3B,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,YACA;AAAA,gBAAA;AAAA,gBAGN,SAAS,MAAM,aAAa,KAAK;AAAA,gBAEhC,UAAA;AAAA,cAAA;AAAA,cAHI;AAAA,YAAA;AAAA,UAMX,CAAC,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,yDACb,UAAA,oBAAC,OAAA,EAAI,WAAU,mCACb,UAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY,cAAc,KACzB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,UAAA,GAEjB;AAAA,UAEA,oBAAC,SAAI,WAAU,+CACb,8BAAC,kBAAA,EAAiB,YACf,mBACH,EAAA,CACF;AAAA,QAAA,EAAA,CACF,GACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/MarkDownRender.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const components_MarkDownRender_processor = require("../MarkDownRender/processor.cjs");
-const components_IDE_Code = require("./Code.cjs");
-const MarkdownRenderer = ({
-  children,
-  isDarkMode
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  components_MarkDownRender_processor.MarkdownProcessor,
-  {
-    options: {
-      overrides: {
-        code: {
-          component: (props) => /* @__PURE__ */ jsxRuntime.jsx(
-            components_IDE_Code.Code,
-            {
-              ...props,
-              isDarkMode,
-              language: props.className?.replace("lang-", ""),
-              showHeader: false,
-              className: "text-xs leading-5"
-            }
-          )
-        },
-        pre: (props) => props.children
-      }
-    },
-    children: children ?? ""
-  }
-);
-exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=MarkDownRender.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { MarkdownProcessor } from '../MarkDownRender/processor';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <MarkdownProcessor\n    options={{\n      overrides: {\n        code: {\n          component: (props: ComponentProps<typeof Code>) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={\n                props.className?.replace('lang-', '') as BundledLanguage\n              }\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </MarkdownProcessor>\n);\n"],"names":["jsx","MarkdownProcessor","Code"],"mappings":";;;;;AAUO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAAA;AAAAA,EAACC,oCAAAA;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVD,2BAAAA;AAAAA,YAACE,oBAAAA;AAAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UACE,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAEtC,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAA2C,MAAM;AAAA,MAAA;AAAA,IACzD;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;;"}

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

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-type MarkdownRendererProps = {
-    isDarkMode?: boolean;
-    children: string;
-};
-export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
-export {};
-//# sourceMappingURL=MarkDownRender.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA4C,EAAE,EAAE,MAAM,OAAO,CAAC;AAK1E,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC"}

package/dist/components/IDE/MarkDownRender.mjs

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { MarkdownProcessor } from "../MarkDownRender/processor.mjs";
-import { Code } from "./Code.mjs";
-const MarkdownRenderer = ({
-  children,
-  isDarkMode
-}) => /* @__PURE__ */ jsx(
-  MarkdownProcessor,
-  {
-    options: {
-      overrides: {
-        code: {
-          component: (props) => /* @__PURE__ */ jsx(
-            Code,
-            {
-              ...props,
-              isDarkMode,
-              language: props.className?.replace("lang-", ""),
-              showHeader: false,
-              className: "text-xs leading-5"
-            }
-          )
-        },
-        pre: (props) => props.children
-      }
-    },
-    children: children ?? ""
-  }
-);
-export {
-  MarkdownRenderer
-};
-//# sourceMappingURL=MarkDownRender.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { MarkdownProcessor } from '../MarkDownRender/processor';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <MarkdownProcessor\n    options={{\n      overrides: {\n        code: {\n          component: (props: ComponentProps<typeof Code>) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={\n                props.className?.replace('lang-', '') as BundledLanguage\n              }\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </MarkdownProcessor>\n);\n"],"names":[],"mappings":";;;AAUO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UACE,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAEtC,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAA2C,MAAM;AAAA,MAAA;AAAA,IACzD;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;"}