@intlayer/design-system 3.5.4 → 3.5.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.cjs","sources":["../../../src/components/IDE/CodeBlockServer.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type HTMLAttributes, Suspense, type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["transformerNotationDiff","transformerNotationHighlight","transformerNotationWordHighlight","transformerNotationErrorLevel","transformerMetaHighlight","transformerMetaWordHighlight","codeToHtml","jsx","Suspense","cn"],"mappings":";;;;;;;AAiBO,MAAM,iBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZA,qCAAwB;AAAA,MACxBC,0CAA6B;AAAA,MAC7BC,8CAAiC;AAAA,MACjCC,2CAA8B;AAAA,MAC9BC,sCAAyB;AAAA,MACzBC,aAA6B,6BAAA;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAMC,iBAAW,UAAU,YAAY;AAE5C,SAAAC,2BAAA,kBAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,2BAAA,kBAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,kBAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,uDACGC,WAAAA,UAAS,EAAA,2DAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAD,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,SAAAA,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;;;"}

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export declare const CodeBlockShiki: FC<CodeBlockProps>;
+export type CodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+    isEditable?: boolean;
+    onChange?: (content: string) => void;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const CodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlockServer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockServer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,cAAc,EAuBV,EAAE,CAAC,cAAc,CAAC,CAAC;AAsBpC,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC"}

package/dist/components/IDE/CodeBlockServer.mjs

@@ -0,0 +1,53 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { transformerNotationDiff, transformerNotationHighlight, transformerNotationWordHighlight, transformerNotationErrorLevel, transformerMetaHighlight, transformerMetaWordHighlight } from "@shikijs/transformers";
+import { Suspense } from "react";
+import { codeToHtml } from "shiki";
+import { cn } from "../../utils/cn.mjs";
+const CodeBlockShiki = async ({
+  children,
+  lang,
+  isDarkMode,
+  onChange,
+  ...props
+}) => {
+  const shikiOptions = {
+    lang,
+    theme: isDarkMode ? "github-dark" : "github-light",
+    transformers: [
+      transformerNotationDiff(),
+      transformerNotationHighlight(),
+      transformerNotationWordHighlight(),
+      transformerNotationErrorLevel(),
+      transformerMetaHighlight(),
+      transformerMetaWordHighlight()
+    ]
+  };
+  const out = await codeToHtml(children, shikiOptions);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: out }, ...props });
+};
+const CodeDefault = ({
+  children,
+  isEditable,
+  isDarkMode,
+  onChange,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
+const CodeBlock = ({
+  className,
+  onChange,
+  isEditable,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  CodeBlockShiki,
+  {
+    className: cn("flex w-full", className),
+    contentEditable: isEditable,
+    onInput: (e) => onChange?.(e.currentTarget.textContent ?? ""),
+    ...props
+  }
+) });
+export {
+  CodeBlock,
+  CodeBlockShiki
+};
+//# sourceMappingURL=CodeBlockServer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockServer.mjs","sources":["../../../src/components/IDE/CodeBlockServer.tsx"],"sourcesContent":["import {\n  transformerNotationDiff,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n  transformerNotationErrorLevel,\n  transformerMetaHighlight,\n  transformerMetaWordHighlight,\n} from '@shikijs/transformers';\nimport { type HTMLAttributes, Suspense, type FC } from 'react';\nimport {\n  BundledLanguage,\n  BundledTheme,\n  CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return <div dangerouslySetInnerHTML={{ __html: out }} {...props} />;\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":["jsx"],"mappings":";;;;;AAiBO,MAAM,iBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZ,wBAAwB;AAAA,MACxB,6BAA6B;AAAA,MAC7B,iCAAiC;AAAA,MACjC,8BAA8B;AAAA,MAC9B,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,IAAA;AAAA,EAEjC;AAEA,QAAM,MAAM,MAAM,WAAW,UAAU,YAAY;AAE5C,SAAAA,kCAAA,IAAC,SAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAI,GAAG,OAAO;AACnE;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAAA,IAAC,OAAI,EAAA,iBAAiB,YAAa,GAAG,OACpC,UAAAA,kCAAA,IAAC,OACC,EAAA,UAAAA,kCAAAA,IAAC,QACE,EAAA,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/BA,kCAAAA,IAAC,QAAK,EAAA,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EACH,CAAA,EACF,CAAA,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,4CACG,UAAS,EAAA,gDAAW,aAAa,EAAA,GAAG,OAAO,GAC1C,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,eAAe,SAAS;AAAA,IACtC,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM,WAAW,EAAE,cAAc,eAAe,EAAE;AAAA,IAC3D,GAAG;AAAA,EAAA;AACN,EACF,CAAA;"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export declare const CodeBlockShiki: FC<CodeBlockProps>;
+export type CodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+    isEditable?: boolean;
+    onChange?: (content: string) => void;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export declare const CodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlockClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockClient.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeBlockClient.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAiBf,eAAO,MAAM,cAAc,EAkCV,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAYxC,CAAC"}

package/dist/components/IDE/CodeConditionalRenderer.cjs

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

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

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

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

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

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

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

package/dist/components/IDE/CodeConditionalRenderer.mjs

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

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

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

package/dist/components/IDE/CodeContext.cjs

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const require$$0 = require("react");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("../../libs/intlayer-api/index.cjs");
+require("@intlayer/config/client");
+require("../Toaster/Toast.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+const CodeContext = require$$0.createContext({
+  packageManager: "npm",
+  setPackageManager: () => {
+  },
+  codeFormat: "typescript",
+  setCodeFormat: () => {
+  },
+  contentDeclarationFormat: "typescript",
+  setContentDeclarationFormat: () => {
+  }
+});
+const useCodeContext = () => require$$0.useContext(CodeContext);
+const CodeProvider = ({ children }) => {
+  const [packageManager, setPackageManager] = hooks_usePersistedStore.usePersistedStore(
+    "packageManager",
+    "npm"
+  );
+  const [codeFormat, setCodeFormat] = hooks_usePersistedStore.usePersistedStore(
+    "codeFormat",
+    "typescript"
+  );
+  const [contentDeclarationFormat, setContentDeclarationFormat] = hooks_usePersistedStore.usePersistedStore(
+    "contentDeclarationFormat",
+    "typescript"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    CodeContext.Provider,
+    {
+      value: {
+        packageManager,
+        setPackageManager,
+        codeFormat,
+        setCodeFormat,
+        contentDeclarationFormat,
+        setContentDeclarationFormat
+      },
+      children
+    }
+  );
+};
+exports.CodeContext = CodeContext;
+exports.CodeProvider = CodeProvider;
+exports.useCodeContext = useCodeContext;
+//# sourceMappingURL=CodeContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeContext.cjs","sources":["../../../src/components/IDE/CodeContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'react';\nimport { usePersistedStore } from '../../hooks';\n\nexport type PackageManager = 'npm' | 'pnpm' | 'yarn';\nexport type CodeFormat = 'typescript' | 'commonjs' | 'esm';\nexport type ContentDeclarationFormat =\n  | 'typescript'\n  | 'commonjs'\n  | 'esm'\n  | 'json';\n\ntype CodeContextValue = {\n  packageManager: PackageManager;\n  setPackageManager: (packageManager: PackageManager) => void;\n  codeFormat: CodeFormat;\n  setCodeFormat: (codeFormat: CodeFormat) => void;\n  contentDeclarationFormat: ContentDeclarationFormat;\n  setContentDeclarationFormat: (\n    contentDeclarationFormat: ContentDeclarationFormat\n  ) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const CodeContext = createContext<CodeContextValue>({\n  packageManager: 'npm',\n  setPackageManager: () => {},\n  codeFormat: 'typescript',\n  setCodeFormat: () => {},\n  contentDeclarationFormat: 'typescript',\n  setContentDeclarationFormat: () => {},\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useCodeContext = () => useContext(CodeContext);\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const CodeProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [packageManager, setPackageManager] = usePersistedStore<PackageManager>(\n    'packageManager',\n    'npm'\n  );\n  const [codeFormat, setCodeFormat] = usePersistedStore<CodeFormat>(\n    'codeFormat',\n    'typescript'\n  );\n  const [contentDeclarationFormat, setContentDeclarationFormat] =\n    usePersistedStore<ContentDeclarationFormat>(\n      'contentDeclarationFormat',\n      'typescript'\n    );\n\n  return (\n    <CodeContext.Provider\n      value={{\n        packageManager,\n        setPackageManager,\n        codeFormat,\n        setCodeFormat,\n        contentDeclarationFormat,\n        setContentDeclarationFormat,\n      }}\n    >\n      {children}\n    </CodeContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","usePersistedStore","jsx"],"mappings":";;;;;;;;;;;;;AAgCO,MAAM,cAAcA,WAAAA,cAAgC;AAAA,EACzD,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,0BAA0B;AAAA,EAC1B,6BAA6B,MAAM;AAAA,EAAA;AACrC,CAAC;AAKY,MAAA,iBAAiB,MAAMC,WAAAA,WAAW,WAAW;AAKnD,MAAM,eAAsC,CAAC,EAAE,eAAe;AAC7D,QAAA,CAAC,gBAAgB,iBAAiB,IAAIC,wBAAA;AAAA,IAC1C;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,YAAY,aAAa,IAAIA,wBAAA;AAAA,IAClC;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,0BAA0B,2BAA2B,IAC1DA,wBAAA;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAGA,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;;;;"}

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

@@ -0,0 +1,26 @@
+import { FC, PropsWithChildren } from 'react';
+export type PackageManager = 'npm' | 'pnpm' | 'yarn';
+export type CodeFormat = 'typescript' | 'commonjs' | 'esm';
+export type ContentDeclarationFormat = 'typescript' | 'commonjs' | 'esm' | 'json';
+type CodeContextValue = {
+    packageManager: PackageManager;
+    setPackageManager: (packageManager: PackageManager) => void;
+    codeFormat: CodeFormat;
+    setCodeFormat: (codeFormat: CodeFormat) => void;
+    contentDeclarationFormat: ContentDeclarationFormat;
+    setContentDeclarationFormat: (contentDeclarationFormat: ContentDeclarationFormat) => void;
+};
+/**
+ * Context that store the current locale on the client side
+ */
+export declare const CodeContext: import('react').Context<CodeContextValue>;
+/**
+ * Hook that provides the current locale
+ */
+export declare const useCodeContext: () => CodeContextValue;
+/**
+ * Provider that store the current locale on the client side
+ */
+export declare const CodeProvider: FC<PropsWithChildren>;
+export {};
+//# sourceMappingURL=CodeContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeContext.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,KAAK,CAAC;AAC3D,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,UAAU,GACV,KAAK,GACL,MAAM,CAAC;AAEX,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,2BAA2B,EAAE,CAC3B,wBAAwB,EAAE,wBAAwB,KAC/C,IAAI,CAAC;CACX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2CAOtB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6B9C,CAAC"}

package/dist/components/IDE/CodeContext.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { createContext, useContext } from "react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../../libs/intlayer-api/index.mjs";
+import "@intlayer/config/client";
+import "../Toaster/Toast.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+const CodeContext = createContext({
+  packageManager: "npm",
+  setPackageManager: () => {
+  },
+  codeFormat: "typescript",
+  setCodeFormat: () => {
+  },
+  contentDeclarationFormat: "typescript",
+  setContentDeclarationFormat: () => {
+  }
+});
+const useCodeContext = () => useContext(CodeContext);
+const CodeProvider = ({ children }) => {
+  const [packageManager, setPackageManager] = usePersistedStore(
+    "packageManager",
+    "npm"
+  );
+  const [codeFormat, setCodeFormat] = usePersistedStore(
+    "codeFormat",
+    "typescript"
+  );
+  const [contentDeclarationFormat, setContentDeclarationFormat] = usePersistedStore(
+    "contentDeclarationFormat",
+    "typescript"
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CodeContext.Provider,
+    {
+      value: {
+        packageManager,
+        setPackageManager,
+        codeFormat,
+        setCodeFormat,
+        contentDeclarationFormat,
+        setContentDeclarationFormat
+      },
+      children
+    }
+  );
+};
+export {
+  CodeContext,
+  CodeProvider,
+  useCodeContext
+};
+//# sourceMappingURL=CodeContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeContext.mjs","sources":["../../../src/components/IDE/CodeContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'react';\nimport { usePersistedStore } from '../../hooks';\n\nexport type PackageManager = 'npm' | 'pnpm' | 'yarn';\nexport type CodeFormat = 'typescript' | 'commonjs' | 'esm';\nexport type ContentDeclarationFormat =\n  | 'typescript'\n  | 'commonjs'\n  | 'esm'\n  | 'json';\n\ntype CodeContextValue = {\n  packageManager: PackageManager;\n  setPackageManager: (packageManager: PackageManager) => void;\n  codeFormat: CodeFormat;\n  setCodeFormat: (codeFormat: CodeFormat) => void;\n  contentDeclarationFormat: ContentDeclarationFormat;\n  setContentDeclarationFormat: (\n    contentDeclarationFormat: ContentDeclarationFormat\n  ) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const CodeContext = createContext<CodeContextValue>({\n  packageManager: 'npm',\n  setPackageManager: () => {},\n  codeFormat: 'typescript',\n  setCodeFormat: () => {},\n  contentDeclarationFormat: 'typescript',\n  setContentDeclarationFormat: () => {},\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useCodeContext = () => useContext(CodeContext);\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const CodeProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [packageManager, setPackageManager] = usePersistedStore<PackageManager>(\n    'packageManager',\n    'npm'\n  );\n  const [codeFormat, setCodeFormat] = usePersistedStore<CodeFormat>(\n    'codeFormat',\n    'typescript'\n  );\n  const [contentDeclarationFormat, setContentDeclarationFormat] =\n    usePersistedStore<ContentDeclarationFormat>(\n      'contentDeclarationFormat',\n      'typescript'\n    );\n\n  return (\n    <CodeContext.Provider\n      value={{\n        packageManager,\n        setPackageManager,\n        codeFormat,\n        setCodeFormat,\n        contentDeclarationFormat,\n        setContentDeclarationFormat,\n      }}\n    >\n      {children}\n    </CodeContext.Provider>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;AAgCO,MAAM,cAAc,cAAgC;AAAA,EACzD,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,0BAA0B;AAAA,EAC1B,6BAA6B,MAAM;AAAA,EAAA;AACrC,CAAC;AAKY,MAAA,iBAAiB,MAAM,WAAW,WAAW;AAKnD,MAAM,eAAsC,CAAC,EAAE,eAAe;AAC7D,QAAA,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,EACF;AACM,QAAA,CAAC,0BAA0B,2BAA2B,IAC1D;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAGA,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/IDE/CodeFormatSelector.cjs

@@ -0,0 +1,30 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+require("../Select/Multiselect.cjs");
+const components_Select_Select = require("../Select/Select.cjs");
+const components_IDE_CodeContext = require("./CodeContext.cjs");
+const CodeFormatSelector = () => {
+  const { codeFormat, setCodeFormat, setContentDeclarationFormat } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Select_Select.Select,
+    {
+      value: codeFormat,
+      onValueChange: (value) => {
+        setCodeFormat(value);
+        setContentDeclarationFormat(value);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Code Format" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "commonjs", children: "CommonJS" })
+        ] })
+      ]
+    }
+  );
+};
+exports.CodeFormatSelector = CodeFormatSelector;
+//# sourceMappingURL=CodeFormatSelector.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatSelector.cjs","sources":["../../../src/components/IDE/CodeFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeFormatSelector: FC = () => {\n  const { codeFormat, setCodeFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={codeFormat}\n      onValueChange={(value) => {\n        setCodeFormat(value as typeof codeFormat);\n        setContentDeclarationFormat(value as typeof codeFormat);\n      }}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Code Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,qBAAyB,MAAM;AAC1C,QAAM,EAAE,YAAY,eAAe,4BAAA,IACjCA,2BAAAA,eAAe;AAGf,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAC1C,CAAA;AAAA,QACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,UAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,2DACzCA,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,2DAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const CodeFormatSelector: FC;
+//# sourceMappingURL=CodeFormatSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatSelector.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeFormatSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,eAAO,MAAM,kBAAkB,EAAE,EAsBhC,CAAC"}

package/dist/components/IDE/CodeFormatSelector.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import "../Select/Multiselect.mjs";
+import { Select } from "../Select/Select.mjs";
+import { useCodeContext } from "./CodeContext.mjs";
+const CodeFormatSelector = () => {
+  const { codeFormat, setCodeFormat, setContentDeclarationFormat } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Select,
+    {
+      value: codeFormat,
+      onValueChange: (value) => {
+        setCodeFormat(value);
+        setContentDeclarationFormat(value);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Code Format" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "commonjs", children: "CommonJS" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  CodeFormatSelector
+};
+//# sourceMappingURL=CodeFormatSelector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatSelector.mjs","sources":["../../../src/components/IDE/CodeFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const CodeFormatSelector: FC = () => {\n  const { codeFormat, setCodeFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={codeFormat}\n      onValueChange={(value) => {\n        setCodeFormat(value as typeof codeFormat);\n        setContentDeclarationFormat(value as typeof codeFormat);\n      }}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Code Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,qBAAyB,MAAM;AAC1C,QAAM,EAAE,YAAY,eAAe,4BAAA,IACjC,eAAe;AAGf,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAC1C,CAAA;AAAA,QACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,UAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,gDACzC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,gDAC3B,OAAO,MAAP,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/IDE/CodeRender copy.cjs

@@ -0,0 +1,141 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const react = require("@monaco-editor/react");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const CopyToClipboard = require("react-copy-to-clipboard");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Button_Button = require("../Button/Button.cjs");
+const components_Loader_index = require("../Loader/index.cjs");
+const MonacoCode = ({
+  children,
+  language,
+  isDarkMode,
+  showLineNumbers,
+  showCopyButton = true,
+  isReadOnly = false,
+  onChange
+}) => {
+  const [copied, setCopied] = require$$0.useState(false);
+  const containerRef = require$$0.useRef(null);
+  const ideRef = require$$0.useRef(null);
+  const [editorSize, setEditorSize] = require$$0.useState({ height: 0, width: 0 });
+  require$$0.useEffect(() => {
+    const timer = setTimeout(() => {
+      setCopied(false);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [copied]);
+  const handleMountIde = require$$0.useCallback(
+    (editor, monaco) => {
+      ideRef.current = editor;
+      const contentHeight = (editor.getContentHeight() ?? 0) + 25;
+      monaco.editor.defineTheme("transparent-theme", {
+        base: isDarkMode ? "vs-dark" : "vs",
+        inherit: true,
+        rules: [],
+        colors: {
+          "editor.background": "#00000000"
+        }
+      });
+      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+        noSemanticValidation: true,
+        // Disables type checking
+        noSyntaxValidation: true
+        // Disables syntax errors
+      });
+      monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+        noSemanticValidation: true,
+        noSyntaxValidation: true
+      });
+      monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+        noLib: true,
+        allowNonTsExtensions: true
+      });
+      monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+        noLib: true,
+        allowNonTsExtensions: true
+      });
+      setEditorSize({
+        height: contentHeight,
+        width: containerRef.current?.clientWidth ?? 0
+      });
+    },
+    [isDarkMode]
+  );
+  const isShowLineNumbers = showLineNumbers ?? children.split("\n").length > 1;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative h-full w-full text-sm",
+        showLineNumbers && "ml-0"
+      ),
+      children: [
+        showCopyButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CopyToClipboard, { text: children, onCopy: () => setCopied(true), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            className: utils_cn.cn(
+              "absolute right-3 top-3 z-50",
+              copied && "!text-success/70 !dark:text-success-dark/70"
+            ),
+            label: "Cpoy code",
+            variant: "hoverable",
+            color: "text",
+            size: "icon-sm",
+            Icon: copied ? lucideReact.CopyCheckIcon : lucideReact.CopyIcon
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "grid size-full grid-cols-[0px] overflow-auto",
+            ref: containerRef,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              react.Editor,
+              {
+                ...editorSize,
+                defaultLanguage: "typescript",
+                language,
+                loading: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, {}),
+                defaultValue: String(children).replace(/\n$/, ""),
+                onMount: handleMountIde,
+                onChange,
+                options: {
+                  readOnly: isReadOnly,
+                  cursorStyle: "line",
+                  minimap: { enabled: false },
+                  scrollbar: {
+                    vertical: "hidden",
+                    verticalScrollbarSize: 0,
+                    alwaysConsumeMouseWheel: false
+                  },
+                  folding: false,
+                  // Disable code folding
+                  renderValidationDecorations: "off",
+                  // Disable error/warning decorations
+                  quickSuggestions: false,
+                  // Disable IntelliSense
+                  parameterHints: { enabled: false },
+                  // Disable parameter hints
+                  suggestOnTriggerCharacters: false,
+                  // Disable suggestions on typing
+                  mouseWheelScrollSensitivity: 0,
+                  fastScrollSensitivity: 0,
+                  scrollBeyondLastLine: false,
+                  lineNumbers: isShowLineNumbers ? "on" : "off"
+                },
+                theme: "transparent-theme",
+                className: "my-2 rounded-md"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+exports.MonacoCode = MonacoCode;
+//# sourceMappingURL=CodeRender copy.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRender copy.cjs","sources":["../../../src/components/IDE/CodeRender copy.tsx"],"sourcesContent":["'use client';\n\nimport { Editor, OnChange, OnMount } from '@monaco-editor/react';\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { type FC, useEffect, useState, useRef, useCallback } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\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 [copied, setCopied] = useState(false);\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  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  const handleMountIde: OnMount = useCallback(\n    (editor, monaco) => {\n      // first time you set the height based on content Height\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ideRef.current = editor as any;\n      const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n      monaco.editor.defineTheme('transparent-theme', {\n        base: isDarkMode ? 'vs-dark' : 'vs',\n        inherit: true,\n        rules: [],\n        colors: {\n          'editor.background': '#00000000',\n        },\n      });\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    [isDarkMode]\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        <CopyToClipboard text={children} onCopy={() => setCopied(true)}>\n          <Button\n            className={cn(\n              'absolute right-3 top-3 z-50',\n              copied && '!text-success/70 !dark:text-success-dark/70'\n            )}\n            label=\"Cpoy code\"\n            variant=\"hoverable\"\n            color=\"text\"\n            size=\"icon-sm\"\n            Icon={copied ? CopyCheckIcon : CopyIcon}\n          />\n        </CopyToClipboard>\n      )}\n      <div\n        className=\"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=\"transparent-theme\"\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["useState","useRef","useEffect","useCallback","jsxs","cn","jsx","Button","CopyCheckIcon","CopyIcon","Editor","Loader"],"mappings":";;;;;;;;;;;AAoBO,MAAM,aAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAIA,WAAAA,SAAS,KAAK;AACpC,QAAA,eAAeC,kBAAuB,IAAI;AAC1C,QAAA,SAASA,kBAAO,IAAI;AACpB,QAAA,CAAC,YAAY,aAAa,IAAID,WAAA,SAGjC,EAAE,QAAQ,GAAG,OAAO,GAAG;AAE1BE,aAAAA,UAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,gBAAU,KAAK;AAAA,OACd,GAAI;AACA,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,MAAM,CAAC;AAEX,QAAM,iBAA0BC,WAAA;AAAA,IAC9B,CAAC,QAAQ,WAAW;AAGlB,aAAO,UAAU;AACjB,YAAM,iBAAiB,OAAO,iBAAiB,KAAK,KAAK;AAElD,aAAA,OAAO,YAAY,qBAAqB;AAAA,QAC7C,MAAM,aAAa,YAAY;AAAA,QAC/B,SAAS;AAAA,QACT,OAAO,CAAC;AAAA,QACR,QAAQ;AAAA,UACN,qBAAqB;AAAA,QAAA;AAAA,MACvB,CACD;AAGM,aAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,QACnE,sBAAsB;AAAA;AAAA,QACtB,oBAAoB;AAAA;AAAA,MAAA,CACrB;AAGM,aAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,QACnE,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,MAAA,CACrB;AAGM,aAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,QAChE,OAAO;AAAA,QACP,sBAAsB;AAAA,MAAA,CACvB;AAEM,aAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,QAChE,OAAO;AAAA,QACP,sBAAsB;AAAA,MAAA,CACvB;AAEa,oBAAA;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO,aAAa,SAAS,eAAe;AAAA,MAAA,CAC7C;AAAA,IACH;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,oBAAoB,mBAAmB,SAAS,MAAM,IAAI,EAAE,SAAS;AAGzE,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MACrB;AAAA,MAEC,UAAA;AAAA,QACC,kBAAAC,2BAAA,kBAAA,IAAC,mBAAgB,MAAM,UAAU,QAAQ,MAAM,UAAU,IAAI,GAC3D,UAAAA,2BAAA,kBAAA;AAAA,UAACC,yBAAA;AAAA,UAAA;AAAA,YACC,WAAWF,SAAA;AAAA,cACT;AAAA,cACA,UAAU;AAAA,YACZ;AAAA,YACA,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YACL,MAAM,SAASG,4BAAgBC,YAAAA;AAAAA,UAAA;AAAA,QAAA,GAEnC;AAAA,QAEFH,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEL,UAAAA,2BAAA,kBAAA;AAAA,cAACI,MAAA;AAAA,cAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,iBAAgB;AAAA,gBAChB;AAAA,gBACA,0DAAUC,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,OAAM;AAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

@@ -0,0 +1,14 @@
+import { OnChange } from '@monaco-editor/react';
+import { FC } from 'react';
+type CodeCompProps = {
+    children: string;
+    language: string;
+    isDarkMode?: boolean;
+    showLineNumbers?: boolean;
+    showCopyButton?: boolean;
+    isReadOnly?: boolean;
+    onChange?: OnChange;
+};
+export declare const MonacoCode: FC<CodeCompProps>;
+export {};
+//# sourceMappingURL=CodeRender%20copy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRender copy.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRender copy.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,EAA4C,MAAM,OAAO,CAAC;AAM1E,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,aAAa,CAqIxC,CAAC"}