npm - @intlayer/design-system - Versions diffs - 5.5.10 → 5.6.0 - Mend

@intlayer/design-system 5.5.10 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/components/{IDE/CopyButton.d.ts → CopyButton/index.d.ts} RENAMED Viewed

@@ -1,7 +1,8 @@
 import { FC } from 'react';
+import { ButtonProps } from '../Button';
 type CopyButtonProps = {
     content: string;
-};
+} & Partial<ButtonProps>;
 export declare const CopyButton: FC<CopyButtonProps>;
 export {};
-//# sourceMappingURL=CopyButton.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CopyButton/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopyButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAEzB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+B1C,CAAC"}

package/dist/components/{IDE/CopyButton.mjs → CopyButton/index.mjs} RENAMED Viewed

@@ -4,8 +4,8 @@ import { CopyCheckIcon, CopyIcon } from "lucide-react";
 import { useState, useEffect } from "react";
 import { useDictionary } from "react-intlayer";
 import { Button } from "../Button/Button.mjs";
-import { copyContentContent } from "./CopyButton.content.mjs";
-const CopyButton = ({ content }) => {
+import { copyContentContent } from "../IDE/CopyButton.content.mjs";
+const CopyButton = ({ content, ...props }) => {
   const [copied, setCopied] = useState(false);
   const { label } = useDictionary(copyContentContent);
   const handleCopy = async () => {
@@ -29,12 +29,13 @@ const CopyButton = ({ content }) => {
       onClick: handleCopy,
       variant: "hoverable",
       color: "text",
-      label: label.value,
-      size: "icon-sm"
+      size: "icon-sm",
+      ...props,
+      label: props.label ?? label.value
     }
   );
 };
 export {
   CopyButton
 };
-//# sourceMappingURL=CopyButton.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/CopyButton/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/components/CopyButton/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button, ButtonProps } from '../Button';\nimport { copyContentContent } from '../IDE/CopyButton.content';\n\ntype CopyButtonProps = {\n content: string;\n} & Partial<ButtonProps>;\n\nexport const CopyButton: FC<CopyButtonProps> = ({ content, ...props }) => {\n const [copied, setCopied] = useState(false);\n const { label } = useDictionary(copyContentContent);\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(content);\n setCopied(true);\n } catch (error) {\n console.error('Failed to copy text: ', error);\n }\n };\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setCopied(false);\n }, 1000);\n return () => clearTimeout(timer);\n }, [copied]);\n\n return (\n <Button\n Icon={copied ? CopyCheckIcon : CopyIcon}\n onClick={handleCopy}\n variant=\"hoverable\"\n color=\"text\"\n size=\"icon-sm\"\n {...props}\n label={props.label ?? label.value}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,aAAkC,CAAC,EAAE,SAAS,GAAG,YAAY;AACxE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,EAAE,MAAA,IAAU,cAAc,kBAAkB;AAElD,QAAM,aAAa,YAAY;AACzB,QAAA;AACI,YAAA,UAAU,UAAU,UAAU,OAAO;AAC3C,gBAAU,IAAI;AAAA,aACP,OAAO;AACN,cAAA,MAAM,yBAAyB,KAAK;AAAA,IAAA;AAAA,EAEhD;AAEA,YAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,gBAAU,KAAK;AAAA,OACd,GAAI;AACA,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,MAAM,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,SAAS,gBAAgB;AAAA,MAC/B,SAAS;AAAA,MACT,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,OAAO,MAAM,SAAS,MAAM;AAAA,IAAA;AAAA,EAC9B;AAEJ;"}

package/dist/components/DictionaryFieldEditor/ContentEditorView/TextEditor.cjs CHANGED Viewed

@@ -7,10 +7,10 @@ const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_object = require("../../../utils/object.cjs");
 const components_Button_Button = require("../../Button/Button.cjs");
 const components_Container_index = require("../../Container/index.cjs");

package/dist/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import { useEditedContent, useConfiguration } from "@intlayer/editor-react";
 import { Trash, Plus, WandSparkles } from "lucide-react";
 import { Fragment as Fragment$1, useState } from "react";
 import { useDictionary, useLocale } from "react-intlayer";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useAuditContentDeclarationField } from "../../../hooks/intlayerAPIHooks.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { renameKey } from "../../../utils/object.mjs";
 import { Button } from "../../Button/Button.mjs";
 import { Container } from "../../Container/index.mjs";

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs CHANGED Viewed

@@ -6,10 +6,10 @@ const reactIntlayer = require("react-intlayer");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("react");
 require("../../Button/Button.cjs");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
 require("@intlayer/api");

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { useDictionary } from "react-intlayer";
 import { useAddDictionary, useGetProjects } from "../../../hooks/intlayerAPIHooks.mjs";
 import "react";
 import "../../Button/Button.mjs";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { useAuth } from "../../Auth/useAuth/index.mjs";
 import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";
 import "@intlayer/api";

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs CHANGED Viewed

@@ -6,10 +6,10 @@ const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../Button/Button.cjs");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { useEditedContent } from "@intlayer/editor-react";
 import { WandSparkles } from "lucide-react";
 import { useEffect } from "react";
 import { useDictionary } from "react-intlayer";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useGetProjects, useGetTags, useAuditContentDeclarationMetadata } from "../../../hooks/intlayerAPIHooks.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../Button/Button.mjs";
 import { useAuth } from "../../Auth/useAuth/index.mjs";
 import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs CHANGED Viewed

@@ -10,12 +10,12 @@ const components_Button_Button = require("../Button/Button.cjs");
 require("@intlayer/config/client");
 require("@intlayer/core");
 require("fuse.js");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../Container/index.cjs");
 require("../DropDown/index.cjs");
 require("../Input/Input.cjs");

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs CHANGED Viewed

@@ -8,12 +8,12 @@ import { Button } from "../Button/Button.mjs";
 import "@intlayer/config/client";
 import "@intlayer/core";
 import "fuse.js";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../Container/index.mjs";
 import "../DropDown/index.mjs";
 import "../Input/Input.mjs";

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.cjs CHANGED Viewed

@@ -7,10 +7,10 @@ const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Modal_Modal = require("../../Modal/Modal.cjs");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../../utils/cn.cjs");
 require("../../Button/Button.cjs");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import { Save, Trash, RotateCcw, Download, ArrowUpFromLine } from "lucide-react"
 import { useState } from "react";
 import { useDictionary } from "react-intlayer";
 import { Modal } from "../../Modal/Modal.mjs";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useDeleteDictionary, useWriteDictionary, usePushDictionaries } from "../../../hooks/intlayerAPIHooks.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../../utils/cn.mjs";
 import "../../Button/Button.mjs";
 import { useAuth } from "../../Auth/useAuth/index.mjs";

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.cjs CHANGED Viewed

@@ -15,12 +15,12 @@ require("clsx");
 require("tailwind-merge");
 require("../../Input/Input.cjs");
 require("../../Input/Checkbox.cjs");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../../Toaster/Toast.cjs");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_DictionaryFieldEditor_NodeTypeSelector = require("../NodeTypeSelector.cjs");
 const components_DictionaryFieldEditor_StructureView_structureView_content = require("./structureView.content.cjs");
 const NodeTypeView = ({

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.mjs CHANGED Viewed

@@ -13,12 +13,12 @@ import "clsx";
 import "tailwind-merge";
 import "../../Input/Input.mjs";
 import "../../Input/Checkbox.mjs";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../../Toaster/Toast.mjs";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
 import { structureViewContent } from "./structureView.content.mjs";
 const NodeTypeView = ({

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.cjs CHANGED Viewed

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../../hooks/usePersistedStore.cjs");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const VersionSwitcherContext = ReactExports.createContext({
   availableVersions: [],
   selectedVersion: null,

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../../hooks/usePersistedStore.mjs";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 const VersionSwitcherContext = createContext({
   availableVersions: [],
   selectedVersion: null,

package/dist/components/EditableField/EditableFieldTextArea.cjs CHANGED Viewed

@@ -10,12 +10,12 @@ require("../Input/Input.cjs");
 require("lucide-react");
 require("../Input/Checkbox.cjs");
 require("@intlayer/editor-react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/EditableField/EditableFieldTextArea.mjs CHANGED Viewed

@@ -8,12 +8,12 @@ import "../Input/Input.mjs";
 import "lucide-react";
 import "../Input/Checkbox.mjs";
 import "@intlayer/editor-react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/IDE/Code.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
 const components_IDE_CodeConditionalRenderer = require("./CodeConditionalRenderer.cjs");
 const components_IDE_CodeFormatSelector = require("./CodeFormatSelector.cjs");
 const components_IDE_ContentDeclarationFormatSelector = require("./ContentDeclarationFormatSelector.cjs");
-const components_IDE_CopyButton = require("./CopyButton.cjs");
+const components_IDE_CopyCode = require("./CopyCode.cjs");
 const components_IDE_PackageManagerSelector = require("./PackageManagerSelector.cjs");
 const Code = ({
   children,
@@ -50,14 +50,14 @@ const Code = ({
                   contentDeclarationFormat && /* @__PURE__ */ jsxRuntime.jsx(components_IDE_ContentDeclarationFormatSelector.ContentDeclarationFormatSelector, {})
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-48", children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
                   className: utils_cn.cn(
                     "absolute bottom-0 right-2 flex h-7 items-center",
                     hadSelectInHeader && "h-11"
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CopyButton.CopyButton, { content: code })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CopyCode.CopyCode, { code })
                 }
               ) })
             ] }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n ~~PackageManager~~,\n ~~CodeFormat~~,\n ~~ContentDeclarationFormat~~,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { ~~CopyButton~~ } from './~~CopyButton~~';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n fileName?: string;\n packageManager?: PackageManager;\n codeFormat?: CodeFormat;\n contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n children: string;\n fileName?: string;\n language: BundledLanguage;\n isDarkMode?: boolean;\n showHeader?: boolean;\n showLineNumbers?: boolean;\n} & CodeCompAttributes &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showHeader = true,\n showLineNumbers = true,\n className,\n fileName,\n packageManager,\n codeFormat,\n contentDeclarationFormat,\n ...props\n}) => {\n const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n const hadSelectInHeader =\n packageManager \|\| codeFormat \|\| contentDeclarationFormat;\n\n return (\n <CodeConditionalRender\n packageManager={packageManager}\n codeFormat={codeFormat}\n contentDeclarationFormat={contentDeclarationFormat}\n >\n <Container\n className={cn(\n 'relative text-sm leading-6',\n showLineNumbers && 'with-line-number ml-0',\n className\n )}\n transparency=\"lg\"\n {...props}\n >\n {showHeader && (\n <>\n <div className=\"bg-card/50 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-28\">\n <div\n className={cn(\n 'absolute bottom-0 right-2 flex h-7 items-center',\n hadSelectInHeader && 'h-11'\n )}\n >\n <~~CopyButton~~ ~~content~~={code} />\n </div>\n </div>\n </>\n )}\n <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <CodeBlock lang={language} isDarkMode={isDarkMode}>\n {code}\n </CodeBlock>\n </div>\n </Container>\n </CodeConditionalRender>\n );\n};\n"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","~~CopyButton~~","CodeBlock"],"mappings":";;;;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAAA,2BAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA;AAAA,QAACC,2BAAA;AAAA,QAAA;AAAA,UACC,WAAWC,SAAA;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEGF,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,cAACH,2BAAAA,KAAA,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAAF,2BAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAuB,wBAAA,EAAA;AAAA,kBAC1C,6CAAeC,kCAAmB,oBAAA,EAAA;AAAA,kBAClC,2DACEC,gDAAAA,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAA;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAAJ,~~2BAAAA~~,IAACS,~~0BAAAA~~,~~YAAW~~,~~EAAA,SAAS,KAAM,~~CAAA;AAAA,gBAAA;AAAA,cAAA,~~EAE/B~~,CAAA;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,IAACU,4CAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}
1	+ {"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n 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} & CodeCompAttributes &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showHeader = true,\n showLineNumbers = true,\n className,\n fileName,\n packageManager,\n codeFormat,\n contentDeclarationFormat,\n ...props\n}) => {\n const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n const hadSelectInHeader =\n packageManager \|\| codeFormat \|\| contentDeclarationFormat;\n\n return (\n <CodeConditionalRender\n packageManager={packageManager}\n codeFormat={codeFormat}\n contentDeclarationFormat={contentDeclarationFormat}\n >\n <Container\n className={cn(\n 'relative text-sm leading-6',\n showLineNumbers && 'with-line-number ml-0',\n className\n )}\n transparency=\"lg\"\n {...props}\n >\n {showHeader && (\n <>\n <div className=\"bg-card/50 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-48\">\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 <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <CodeBlock lang={language} isDarkMode={isDarkMode}>\n {code}\n </CodeBlock>\n </div>\n </Container>\n </CodeConditionalRender>\n );\n};\n"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyCode","CodeBlock"],"mappings":";;;;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAAA,2BAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA;AAAA,QAACC,2BAAA;AAAA,QAAA;AAAA,UACC,WAAWC,SAAA;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEGF,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,cAACH,2BAAAA,KAAA,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAAF,2BAAA,IAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAuB,wBAAA,EAAA;AAAA,kBAC1C,6CAAeC,kCAAmB,oBAAA,EAAA;AAAA,kBAClC,2DACEC,gDAAAA,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAI,EAAA,WAAU,iBACb,UAAAA,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAA;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAAJ,2BAAA,IAACS,oCAAS,KAAY,CAAA;AAAA,gBAAA;AAAA,cAAA,EAE1B,CAAA;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,2BAAA,IAACU,4CAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -1,6 +1,6 @@
 import { FC, HTMLAttributes } from 'react';
 import { BundledLanguage } from 'shiki';
-import { PackageManager, CodeFormat, ContentDeclarationFormat } from './CodeContext';
+import { CodeFormat, ContentDeclarationFormat, PackageManager } from './CodeContext';
 export type CodeCompAttributes = {
     fileName?: string;
     packageManager?: PackageManager;

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

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

package/dist/components/IDE/Code.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import { CodeBlock } from "./CodeBlockClient.mjs";
 import { CodeConditionalRender } from "./CodeConditionalRenderer.mjs";
 import { CodeFormatSelector } from "./CodeFormatSelector.mjs";
 import { ContentDeclarationFormatSelector } from "./ContentDeclarationFormatSelector.mjs";
-import { CopyButton } from "./CopyButton.mjs";
+import { CopyCode } from "./CopyCode.mjs";
 import { PackageManagerSelector } from "./PackageManagerSelector.mjs";
 const Code = ({
   children,
@@ -48,14 +48,14 @@ const Code = ({
                   contentDeclarationFormat && /* @__PURE__ */ jsx(ContentDeclarationFormatSelector, {})
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "sticky top-28", children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("div", { className: "sticky top-48", children: /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: cn(
                     "absolute bottom-0 right-2 flex h-7 items-center",
                     hadSelectInHeader && "h-11"
                   ),
-                  children: /* @__PURE__ */ jsx(CopyButton, { content: code })
+                  children: /* @__PURE__ */ jsx(CopyCode, { code })
                 }
               ) })
             ] }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Code.mjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n ~~PackageManager~~,\n ~~CodeFormat~~,\n ~~ContentDeclarationFormat~~,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { ~~CopyButton~~ } from './~~CopyButton~~';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n fileName?: string;\n packageManager?: PackageManager;\n codeFormat?: CodeFormat;\n contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n children: string;\n fileName?: string;\n language: BundledLanguage;\n isDarkMode?: boolean;\n showHeader?: boolean;\n showLineNumbers?: boolean;\n} & CodeCompAttributes &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showHeader = true,\n showLineNumbers = true,\n className,\n fileName,\n packageManager,\n codeFormat,\n contentDeclarationFormat,\n ...props\n}) => {\n const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n const hadSelectInHeader =\n packageManager \|\| codeFormat \|\| contentDeclarationFormat;\n\n return (\n <CodeConditionalRender\n packageManager={packageManager}\n codeFormat={codeFormat}\n contentDeclarationFormat={contentDeclarationFormat}\n >\n <Container\n className={cn(\n 'relative text-sm leading-6',\n showLineNumbers && 'with-line-number ml-0',\n className\n )}\n transparency=\"lg\"\n {...props}\n >\n {showHeader && (\n <>\n <div className=\"bg-card/50 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-28\">\n <div\n className={cn(\n 'absolute bottom-0 right-2 flex h-7 items-center',\n hadSelectInHeader && 'h-11'\n )}\n >\n <~~CopyButton~~ ~~content~~={code} />\n </div>\n </div>\n </>\n )}\n <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <CodeBlock lang={language} isDarkMode={isDarkMode}>\n {code}\n </CodeBlock>\n </div>\n </Container>\n </CodeConditionalRender>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAA,oBAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjD,qBAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,sCAAmB,wBAAuB,EAAA;AAAA,kBAC1C,kCAAe,oBAAmB,EAAA;AAAA,kBAClC,gDACE,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACA,oBAAC,OAAI,EAAA,WAAU,iBACb,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAA,oBAAC,~~YAAW~~,~~EAAA~~,~~SAAS,KAAM,~~CAAA;AAAA,gBAAA;AAAA,cAAA,~~EAE/B~~,CAAA;AAAA,YAAA,GACF;AAAA,YAEF,oBAAC,OAAI,EAAA,WAAU,oDACb,UAAA,oBAAC,aAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"Code.mjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n 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} & CodeCompAttributes &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Code: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showHeader = true,\n showLineNumbers = true,\n className,\n fileName,\n packageManager,\n codeFormat,\n contentDeclarationFormat,\n ...props\n}) => {\n const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n const hadSelectInHeader =\n packageManager \|\| codeFormat \|\| contentDeclarationFormat;\n\n return (\n <CodeConditionalRender\n packageManager={packageManager}\n codeFormat={codeFormat}\n contentDeclarationFormat={contentDeclarationFormat}\n >\n <Container\n className={cn(\n 'relative text-sm leading-6',\n showLineNumbers && 'with-line-number ml-0',\n className\n )}\n transparency=\"lg\"\n {...props}\n >\n {showHeader && (\n <>\n <div className=\"bg-card/50 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-48\">\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 <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n <CodeBlock lang={language} isDarkMode={isDarkMode}>\n {code}\n </CodeBlock>\n </div>\n </Container>\n </CodeConditionalRender>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAEzD,QAAA,oBACJ,kBAAkB,cAAc;AAGhC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UACF;AAAA,UACA,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAA,oBAAC,QAAK,EAAA,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjD,qBAAC,OAAI,EAAA,WAAU,2BACZ,UAAA;AAAA,kBAAA,sCAAmB,wBAAuB,EAAA;AAAA,kBAC1C,kCAAe,oBAAmB,EAAA;AAAA,kBAClC,gDACE,kCAAiC,CAAA,CAAA;AAAA,gBAAA,EAEtC,CAAA;AAAA,cAAA,GACF;AAAA,cACA,oBAAC,OAAI,EAAA,WAAU,iBACb,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBACvB;AAAA,kBAEA,UAAA,oBAAC,YAAS,KAAY,CAAA;AAAA,gBAAA;AAAA,cAAA,EAE1B,CAAA;AAAA,YAAA,GACF;AAAA,YAEF,oBAAC,OAAI,EAAA,WAAU,oDACb,UAAA,oBAAC,aAAU,MAAM,UAAU,YACxB,UAAA,KACH,CAAA,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/IDE/CodeContext.cjs CHANGED Viewed

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const CodeContext = ReactExports.createContext({
   packageManager: "npm",
   setPackageManager: () => {

package/dist/components/IDE/CodeContext.mjs CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 const CodeContext = createContext({
   packageManager: "npm",
   setPackageManager: () => {

package/dist/components/IDE/CopyCode.cjs ADDED Viewed

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactIntlayer = require("react-intlayer");
+const components_CopyButton_index = require("../CopyButton/index.cjs");
+const components_Popover_index = require("../Popover/index.cjs");
+const components_IDE_copyCode_content = require("./copyCode.content.cjs");
+const CopyCode = ({ code }) => {
+  const { title, description } = reactIntlayer.useDictionary(components_IDE_copyCode_content);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_Popover_index.Popover, { identifier: "copy", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_CopyButton_index.CopyButton, { content: code }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components_Popover_index.Popover.Detail,
+      {
+        identifier: "copy",
+        className: "flex flex-col gap-3 p-3 min-w-64 text-sm",
+        xAlign: "end",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral", children: description })
+        ]
+      }
+    )
+  ] });
+};
+exports.CopyCode = CopyCode;
+//# sourceMappingURL=CopyCode.cjs.map

package/dist/components/IDE/CopyCode.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CopyCode.cjs","sources":["../../../src/components/IDE/CopyCode.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { CopyButton } from '../CopyButton';\nimport { Popover } from '../Popover';\nimport copyContentContent from './copyCode.content';\n\ntype CopyCodeProps = {\n code: string;\n};\n\nexport const CopyCode: FC<CopyCodeProps> = ({ code }) => {\n const { title, description } = useDictionary(copyContentContent);\n\n return (\n <Popover identifier=\"copy\">\n <CopyButton content={code} />\n\n <Popover.Detail\n identifier=\"copy\"\n className=\"flex flex-col gap-3 p-3 min-w-64 text-sm\"\n xAlign=\"end\"\n >\n {title}\n {description}\n </Popover.Detail>\n </Popover>\n );\n};\n"],"names":["useDictionary","copyContentContent","jsxs","Popover","jsx","CopyButton"],"mappings":";;;;;;;;AAYO,MAAM,WAA8B,CAAC,EAAE,WAAW;AACvD,QAAM,EAAE,OAAO,gBAAgBA,cAAAA,cAAcC,+BAAkB;AAG7D,SAAAC,2BAAA,KAACC,yBAAQ,SAAA,EAAA,YAAW,QAClB,UAAA;AAAA,IAACC,2BAAAA,IAAAC,4BAAA,YAAA,EAAW,SAAS,KAAM,CAAA;AAAA,IAE3BH,2BAAA;AAAA,MAACC,yBAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAO;AAAA,QAEP,UAAA;AAAA,UAAAC,2BAAAA,IAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,UACdA,2BAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAY,YAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;;"}

package/dist/components/IDE/CopyCode.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type CopyCodeProps = {
+    code: string;
+};
+export declare const CopyCode: FC<CopyCodeProps>;
+export {};
+//# sourceMappingURL=CopyCode.d.ts.map

package/dist/components/IDE/CopyCode.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CopyCode.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CopyCode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiBtC,CAAC"}

package/dist/components/IDE/CopyCode.mjs ADDED Viewed

@@ -0,0 +1,28 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDictionary } from "react-intlayer";
+import { CopyButton } from "../CopyButton/index.mjs";
+import { Popover } from "../Popover/index.mjs";
+import copyContentContent from "./copyCode.content.mjs";
+const CopyCode = ({ code }) => {
+  const { title, description } = useDictionary(copyContentContent);
+  return /* @__PURE__ */ jsxs(Popover, { identifier: "copy", children: [
+    /* @__PURE__ */ jsx(CopyButton, { content: code }),
+    /* @__PURE__ */ jsxs(
+      Popover.Detail,
+      {
+        identifier: "copy",
+        className: "flex flex-col gap-3 p-3 min-w-64 text-sm",
+        xAlign: "end",
+        children: [
+          /* @__PURE__ */ jsx("strong", { children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-neutral", children: description })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  CopyCode
+};
+//# sourceMappingURL=CopyCode.mjs.map

package/dist/components/IDE/CopyCode.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CopyCode.mjs","sources":["../../../src/components/IDE/CopyCode.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { CopyButton } from '../CopyButton';\nimport { Popover } from '../Popover';\nimport copyContentContent from './copyCode.content';\n\ntype CopyCodeProps = {\n code: string;\n};\n\nexport const CopyCode: FC<CopyCodeProps> = ({ code }) => {\n const { title, description } = useDictionary(copyContentContent);\n\n return (\n <Popover identifier=\"copy\">\n <CopyButton content={code} />\n\n <Popover.Detail\n identifier=\"copy\"\n className=\"flex flex-col gap-3 p-3 min-w-64 text-sm\"\n xAlign=\"end\"\n >\n {title}\n {description}\n </Popover.Detail>\n </Popover>\n );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,WAA8B,CAAC,EAAE,WAAW;AACvD,QAAM,EAAE,OAAO,gBAAgB,cAAc,kBAAkB;AAG7D,SAAA,qBAAC,SAAQ,EAAA,YAAW,QAClB,UAAA;AAAA,IAAC,oBAAA,YAAA,EAAW,SAAS,KAAM,CAAA;AAAA,IAE3B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,oBAAC,YAAQ,UAAM,MAAA,CAAA;AAAA,UACd,oBAAA,KAAA,EAAE,WAAU,gBAAgB,UAAY,YAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;"}

package/dist/components/IDE/MonacoCode.cjs CHANGED Viewed

@@ -5,8 +5,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@monaco-editor/react");
 const ReactExports = require("react");
 const utils_cn = require("../../utils/cn.cjs");
+const components_CopyButton_index = require("../CopyButton/index.cjs");
 const components_Loader_index = require("../Loader/index.cjs");
-const components_IDE_CopyButton = require("./CopyButton.cjs");
 const MonacoCode = ({
   children,
   language,
@@ -79,7 +79,7 @@ const MonacoCode = ({
           "div",
           {
             className: utils_cn.cn("absolute bottom-0 right-2 flex h-7 items-center"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CopyButton.CopyButton, { content: children })
+            children: /* @__PURE__ */ jsxRuntime.jsx(components_CopyButton_index.CopyButton, { content: children })
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/IDE/MonacoCode.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonacoCode.cjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { type OnChange, type OnMount, Editor } from '@monaco-editor/react';\nimport { type FC, ~~useState~~, useRef, ~~useMemo~~ } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ~~Loader~~ } from '../~~Loader~~';\nimport { ~~CopyButton~~ } from '~~./CopyButton~~';\n\ntype CodeCompProps = {\n children: string;\n language: string;\n isDarkMode?: boolean;\n showLineNumbers?: boolean;\n showCopyButton?: boolean;\n isReadOnly?: boolean;\n onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showLineNumbers,\n showCopyButton = true,\n isReadOnly = false,\n onChange,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const ideRef = useRef(null);\n const [editorSize, setEditorSize] = useState<{\n height: number;\n width: number;\n }>({ height: 0, width: 0 });\n\n const theme = useMemo(\n () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n [isDarkMode]\n );\n\n const handleMountIde: OnMount = (editor, monaco) => {\n // first time you set the height based on content Height\n\n ideRef.current = editor as any;\n const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n monaco.editor.defineTheme('vs-dark-transparent', {\n base: 'vs-dark',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': '#00000000',\n },\n });\n monaco.editor.defineTheme('hc-light-theme', {\n base: 'vs',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': '#00000000',\n },\n });\n\n monaco.editor.setTheme(theme);\n\n // Disable TypeScript diagnostics\n monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true, // Disables type checking\n noSyntaxValidation: true, // Disables syntax errors\n });\n\n // Disable JavaScript diagnostics\n monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true,\n noSyntaxValidation: true,\n });\n\n // Disable unnecessary language features (e.g., suggestions, quick fixes)\n monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n noLib: true,\n allowNonTsExtensions: true,\n });\n\n monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n noLib: true,\n allowNonTsExtensions: true,\n });\n\n setEditorSize({\n height: contentHeight,\n width: containerRef.current?.clientWidth ?? 0,\n });\n };\n\n const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n return (\n <div\n className={cn(\n 'relative h-full w-full text-sm',\n showLineNumbers && 'ml-0'\n )}\n >\n {showCopyButton && (\n <div className=\"sticky top-5 z-10\">\n <div\n className={cn('absolute bottom-0 right-2 flex h-7 items-center')}\n >\n <CopyButton content={children} />\n </div>\n </div>\n )}\n <div\n className=\"z-0 grid size-full grid-cols-[0px] overflow-auto\"\n ref={containerRef}\n >\n <Editor\n {...editorSize}\n defaultLanguage=\"typescript\"\n language={language}\n loading={<Loader />}\n defaultValue={String(children).replace(/\\n$/, '')}\n onMount={handleMountIde}\n onChange={onChange}\n options={{\n readOnly: isReadOnly,\n cursorStyle: 'line',\n minimap: { enabled: false },\n scrollbar: {\n vertical: 'hidden',\n verticalScrollbarSize: 0,\n alwaysConsumeMouseWheel: false,\n },\n folding: false, // Disable code folding\n renderValidationDecorations: 'off', // Disable error/warning decorations\n quickSuggestions: false, // Disable IntelliSense\n parameterHints: { enabled: false }, // Disable parameter hints\n suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n mouseWheelScrollSensitivity: 0,\n fastScrollSensitivity: 0,\n scrollBeyondLastLine: false,\n lineNumbers: isShowLineNumbers ? 'on' : 'off',\n }}\n theme={theme}\n className=\"my-2 rounded-md\"\n />\n </div>\n </div>\n );\n};\n"],"names":["useRef","useState","useMemo","jsxs","cn","jsx","CopyButton","Editor","Loader"],"mappings":";;;;;;;;;AAkBO,MAAM,aAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AACF,MAAM;AACE,QAAA,eAAeA,oBAAuB,IAAI;AAC1C,QAAA,SAASA,oBAAO,IAAI;AACpB,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA,SAGjC,EAAE,QAAQ,GAAG,OAAO,GAAG;AAE1B,QAAM,QAAQC,aAAA;AAAA,IACZ,MAAO,aAAa,wBAAwB;AAAA,IAC5C,CAAC,UAAU;AAAA,EACb;AAEM,QAAA,iBAA0B,CAAC,QAAQ,WAAW;AAGlD,WAAO,UAAU;AACjB,UAAM,iBAAiB,OAAO,iBAAiB,KAAK,KAAK;AAElD,WAAA,OAAO,YAAY,uBAAuB;AAAA,MAC/C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,CAAC;AAAA,MACR,QAAQ;AAAA,QACN,qBAAqB;AAAA,MAAA;AAAA,IACvB,CACD;AACM,WAAA,OAAO,YAAY,kBAAkB;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,CAAC;AAAA,MACR,QAAQ;AAAA,QACN,qBAAqB;AAAA,MAAA;AAAA,IACvB,CACD;AAEM,WAAA,OAAO,SAAS,KAAK;AAGrB,WAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA;AAAA,MACtB,oBAAoB;AAAA;AAAA,IAAA,CACrB;AAGM,WAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA,MACtB,oBAAoB;AAAA,IAAA,CACrB;AAGM,WAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,OAAO;AAAA,MACP,sBAAsB;AAAA,IAAA,CACvB;AAEM,WAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,OAAO;AAAA,MACP,sBAAsB;AAAA,IAAA,CACvB;AAEa,kBAAA;AAAA,MACZ,QAAQ;AAAA,MACR,OAAO,aAAa,SAAS,eAAe;AAAA,IAAA,CAC7C;AAAA,EACH;AAEA,QAAM,oBAAoB,mBAAmB,SAAS,MAAM,IAAI,EAAE,SAAS;AAGzE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MACrB;AAAA,MAEC,UAAA;AAAA,QACC,kBAAAC,2BAAA,IAAC,OAAI,EAAA,WAAU,qBACb,UAAAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,YAAG,iDAAiD;AAAA,YAE/D,UAAAC,2BAAAA,IAACC,~~0BAAAA~~,YAAW,EAAA,SAAS,SAAU,CAAA;AAAA,UAAA;AAAA,QAAA,GAEnC;AAAA,QAEFD,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEL,UAAAA,2BAAA;AAAA,cAACE,MAAA;AAAA,cAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,iBAAgB;AAAA,gBAChB;AAAA,gBACA,wCAAUC,wBAAO,QAAA,EAAA;AAAA,gBACjB,cAAc,OAAO,QAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gBAChD,SAAS;AAAA,gBACT;AAAA,gBACA,SAAS;AAAA,kBACP,UAAU;AAAA,kBACV,aAAa;AAAA,kBACb,SAAS,EAAE,SAAS,MAAM;AAAA,kBAC1B,WAAW;AAAA,oBACT,UAAU;AAAA,oBACV,uBAAuB;AAAA,oBACvB,yBAAyB;AAAA,kBAC3B;AAAA,kBACA,SAAS;AAAA;AAAA,kBACT,6BAA6B;AAAA;AAAA,kBAC7B,kBAAkB;AAAA;AAAA,kBAClB,gBAAgB,EAAE,SAAS,MAAM;AAAA;AAAA,kBACjC,4BAA4B;AAAA;AAAA,kBAE5B,6BAA6B;AAAA,kBAC7B,uBAAuB;AAAA,kBACvB,sBAAsB;AAAA,kBACtB,aAAa,oBAAoB,OAAO;AAAA,gBAC1C;AAAA,gBACA;AAAA,gBACA,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
1	+ {"version":3,"file":"MonacoCode.cjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { type OnChange, type OnMount, Editor } from '@monaco-editor/react';\nimport { type FC, useMemo, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { CopyButton } from '../CopyButton';\nimport { Loader } from '../Loader';\n\ntype CodeCompProps = {\n children: string;\n language: string;\n isDarkMode?: boolean;\n showLineNumbers?: boolean;\n showCopyButton?: boolean;\n isReadOnly?: boolean;\n onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n children,\n language,\n isDarkMode,\n showLineNumbers,\n showCopyButton = true,\n isReadOnly = false,\n onChange,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const ideRef = useRef(null);\n const [editorSize, setEditorSize] = useState<{\n height: number;\n width: number;\n }>({ height: 0, width: 0 });\n\n const theme = useMemo(\n () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n [isDarkMode]\n );\n\n const handleMountIde: OnMount = (editor, monaco) => {\n // first time you set the height based on content Height\n\n ideRef.current = editor as any;\n const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n monaco.editor.defineTheme('vs-dark-transparent', {\n base: 'vs-dark',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': '#00000000',\n },\n });\n monaco.editor.defineTheme('hc-light-theme', {\n base: 'vs',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': '#00000000',\n },\n });\n\n monaco.editor.setTheme(theme);\n\n // Disable TypeScript diagnostics\n monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true, // Disables type checking\n noSyntaxValidation: true, // Disables syntax errors\n });\n\n // Disable JavaScript diagnostics\n monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true,\n noSyntaxValidation: true,\n });\n\n // Disable unnecessary language features (e.g., suggestions, quick fixes)\n monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n noLib: true,\n allowNonTsExtensions: true,\n });\n\n monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n noLib: true,\n allowNonTsExtensions: true,\n });\n\n setEditorSize({\n height: contentHeight,\n width: containerRef.current?.clientWidth ?? 0,\n });\n };\n\n const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n return (\n <div\n className={cn(\n 'relative h-full w-full text-sm',\n showLineNumbers && 'ml-0'\n )}\n >\n {showCopyButton && (\n <div className=\"sticky top-5 z-10\">\n <div\n className={cn('absolute bottom-0 right-2 flex h-7 items-center')}\n >\n <CopyButton content={children} />\n </div>\n </div>\n )}\n <div\n className=\"z-0 grid size-full grid-cols-[0px] overflow-auto\"\n ref={containerRef}\n >\n <Editor\n {...editorSize}\n defaultLanguage=\"typescript\"\n language={language}\n loading={<Loader />}\n defaultValue={String(children).replace(/\\n$/, '')}\n onMount={handleMountIde}\n onChange={onChange}\n options={{\n readOnly: isReadOnly,\n cursorStyle: 'line',\n minimap: { enabled: false },\n scrollbar: {\n vertical: 'hidden',\n verticalScrollbarSize: 0,\n alwaysConsumeMouseWheel: false,\n },\n folding: false, // Disable code folding\n renderValidationDecorations: 'off', // Disable error/warning decorations\n quickSuggestions: false, // Disable IntelliSense\n parameterHints: { enabled: false }, // Disable parameter hints\n suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n mouseWheelScrollSensitivity: 0,\n fastScrollSensitivity: 0,\n scrollBeyondLastLine: false,\n lineNumbers: isShowLineNumbers ? 'on' : 'off',\n }}\n theme={theme}\n className=\"my-2 rounded-md\"\n />\n </div>\n </div>\n );\n};\n"],"names":["useRef","useState","useMemo","jsxs","cn","jsx","CopyButton","Editor","Loader"],"mappings":";;;;;;;;;AAkBO,MAAM,aAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AACF,MAAM;AACE,QAAA,eAAeA,oBAAuB,IAAI;AAC1C,QAAA,SAASA,oBAAO,IAAI;AACpB,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA,SAGjC,EAAE,QAAQ,GAAG,OAAO,GAAG;AAE1B,QAAM,QAAQC,aAAA;AAAA,IACZ,MAAO,aAAa,wBAAwB;AAAA,IAC5C,CAAC,UAAU;AAAA,EACb;AAEM,QAAA,iBAA0B,CAAC,QAAQ,WAAW;AAGlD,WAAO,UAAU;AACjB,UAAM,iBAAiB,OAAO,iBAAiB,KAAK,KAAK;AAElD,WAAA,OAAO,YAAY,uBAAuB;AAAA,MAC/C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,CAAC;AAAA,MACR,QAAQ;AAAA,QACN,qBAAqB;AAAA,MAAA;AAAA,IACvB,CACD;AACM,WAAA,OAAO,YAAY,kBAAkB;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,CAAC;AAAA,MACR,QAAQ;AAAA,QACN,qBAAqB;AAAA,MAAA;AAAA,IACvB,CACD;AAEM,WAAA,OAAO,SAAS,KAAK;AAGrB,WAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA;AAAA,MACtB,oBAAoB;AAAA;AAAA,IAAA,CACrB;AAGM,WAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA,MACtB,oBAAoB;AAAA,IAAA,CACrB;AAGM,WAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,OAAO;AAAA,MACP,sBAAsB;AAAA,IAAA,CACvB;AAEM,WAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,OAAO;AAAA,MACP,sBAAsB;AAAA,IAAA,CACvB;AAEa,kBAAA;AAAA,MACZ,QAAQ;AAAA,MACR,OAAO,aAAa,SAAS,eAAe;AAAA,IAAA,CAC7C;AAAA,EACH;AAEA,QAAM,oBAAoB,mBAAmB,SAAS,MAAM,IAAI,EAAE,SAAS;AAGzE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MACrB;AAAA,MAEC,UAAA;AAAA,QACC,kBAAAC,2BAAA,IAAC,OAAI,EAAA,WAAU,qBACb,UAAAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,YAAG,iDAAiD;AAAA,YAE/D,UAAAC,2BAAAA,IAACC,4BAAAA,YAAW,EAAA,SAAS,SAAU,CAAA;AAAA,UAAA;AAAA,QAAA,GAEnC;AAAA,QAEFD,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEL,UAAAA,2BAAA;AAAA,cAACE,MAAA;AAAA,cAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,iBAAgB;AAAA,gBAChB;AAAA,gBACA,wCAAUC,wBAAO,QAAA,EAAA;AAAA,gBACjB,cAAc,OAAO,QAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gBAChD,SAAS;AAAA,gBACT;AAAA,gBACA,SAAS;AAAA,kBACP,UAAU;AAAA,kBACV,aAAa;AAAA,kBACb,SAAS,EAAE,SAAS,MAAM;AAAA,kBAC1B,WAAW;AAAA,oBACT,UAAU;AAAA,oBACV,uBAAuB;AAAA,oBACvB,yBAAyB;AAAA,kBAC3B;AAAA,kBACA,SAAS;AAAA;AAAA,kBACT,6BAA6B;AAAA;AAAA,kBAC7B,kBAAkB;AAAA;AAAA,kBAClB,gBAAgB,EAAE,SAAS,MAAM;AAAA;AAAA,kBACjC,4BAA4B;AAAA;AAAA,kBAE5B,6BAA6B;AAAA,kBAC7B,uBAAuB;AAAA,kBACvB,sBAAsB;AAAA,kBACtB,aAAa,oBAAoB,OAAO;AAAA,gBAC1C;AAAA,gBACA;AAAA,gBACA,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;;"}