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

package/dist/components/IDE/CodeBlockServer.mjs

@@ -1,60 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-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__ */ jsx(
-    "div",
-    {
-      dangerouslySetInnerHTML: { __html: out },
-      ...props,
-      style: { backgroundColor: "transparent" }
-    }
-  );
-});
-const CodeDefault = ({
-  children,
-  isEditable,
-  isDarkMode,
-  onChange,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { contentEditable: isEditable, ...props, children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: children.split("\n").map((line, index) => /* @__PURE__ */ jsx("span", { className: "line block w-full", children: line }, index)) }) }) });
-const CodeBlock = ({
-  className,
-  onChange,
-  isEditable,
-  ...props
-}) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CodeDefault, { ...props }), children: /* @__PURE__ */ 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

@@ -1 +0,0 @@
-{"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  type BundledLanguage,\n  type BundledTheme,\n  type CodeToHastOptions,\n  codeToHtml,\n} from 'shiki';\nimport { cn } from '../../utils/cn';\n\nexport const CodeBlockShiki = (async ({\n  children,\n  lang,\n  isDarkMode,\n  onChange,\n  ...props\n}: CodeBlockProps) => {\n  const shikiOptions: CodeToHastOptions<BundledLanguage, BundledTheme> = {\n    lang,\n    theme: isDarkMode ? 'github-dark' : 'github-light',\n    transformers: [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationErrorLevel(),\n      transformerMetaHighlight(),\n      transformerMetaWordHighlight(),\n    ],\n  };\n\n  const out = await codeToHtml(children, shikiOptions);\n\n  return (\n    <div\n      dangerouslySetInnerHTML={{ __html: out }}\n      {...props}\n      style={{ backgroundColor: 'transparent' }}\n    />\n  );\n}) as unknown as FC<CodeBlockProps>;\n\nconst CodeDefault: FC<CodeBlockProps> = ({\n  children,\n  isEditable,\n  isDarkMode,\n  onChange,\n  ...props\n}) => (\n  <div contentEditable={isEditable} {...props}>\n    <pre>\n      <code>\n        {children.split('\\n').map((line, index) => (\n          <span className=\"line block w-full\" key={index}>\n            {line}\n          </span>\n        ))}\n      </code>\n    </pre>\n  </div>\n);\n\nexport type CodeBlockProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n  isEditable?: boolean;\n  onChange?: (content: string) => void;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeBlock: FC<CodeBlockProps> = ({\n  className,\n  onChange,\n  isEditable,\n  ...props\n}) => (\n  <Suspense fallback={<CodeDefault {...props} />}>\n    <CodeBlockShiki\n      className={cn('flex w-full', className)}\n      contentEditable={isEditable}\n      onInput={(e) => onChange?.(e.currentTarget.textContent ?? '')}\n      {...props}\n    />\n  </Suspense>\n);\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,eAAiE;AAAA,IACrE;AAAA,IACA,OAAO,aAAa,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZ,wBAAA;AAAA,MACA,6BAAA;AAAA,MACA,iCAAA;AAAA,MACA,8BAAA;AAAA,MACA,yBAAA;AAAA,MACA,6BAAA;AAAA,IAA6B;AAAA,EAC/B;AAGF,QAAM,MAAM,MAAM,WAAW,UAAU,YAAY;AAEnD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB,EAAE,QAAQ,IAAA;AAAA,MAClC,GAAG;AAAA,MACJ,OAAO,EAAE,iBAAiB,cAAA;AAAA,IAAc;AAAA,EAAA;AAG9C;AAEA,MAAM,cAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,oBAAC,OAAA,EAAI,iBAAiB,YAAa,GAAG,OACpC,UAAA,oBAAC,OAAA,EACC,UAAA,oBAAC,QAAA,EACE,UAAA,SAAS,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,UAC/B,oBAAC,QAAA,EAAK,WAAU,qBACb,UAAA,QADsC,KAEzC,CACD,EAAA,CACH,EAAA,CACF,GACF;AAWK,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,0BACG,UAAA,EAAS,8BAAW,aAAA,EAAa,GAAG,OAAO,GAC1C,UAAA;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,EAAA,CACF;"}

package/dist/components/IDE/CodeConditionalRenderer.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-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.jsx(jsxRuntime.Fragment, {});
-};
-exports.CodeConditionalRender = CodeConditionalRender;
-//# sourceMappingURL=CodeConditionalRenderer.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeConditionalRenderer.cjs","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { 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,eAAA;AAEF,QAAM,4BAA4B,OAAO,MAAM,mBAAmB;AAClE,QAAM,2BAA2B,mBAAmB,MAAM;AAE1D,QAAM,wBAAwB,OAAO,MAAM,eAAe;AAC1D,QAAM,uBAAuB,eAAe,MAAM;AAElD,QAAM,sCACJ,OAAO,MAAM,6BAA6B;AAC5C,QAAM,qCACJ,6BAA6B,MAAM;AAErC,OACG,6BAA6B,8BAC7B,yBAAyB,0BACzB,uCAAuC,qCACxC;AACA,WAAO;AAAA,EACT;AAEA,SAAOC,2BAAAA,IAAAC,WAAAA,UAAA,EAAE;AACX;;"}

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeConditionalRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,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

@@ -1,20 +0,0 @@
-"use client";
-import { jsx, Fragment } from "react/jsx-runtime";
-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__ */ jsx(Fragment, {});
-};
-export {
-  CodeConditionalRender
-};
-//# sourceMappingURL=CodeConditionalRenderer.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeConditionalRenderer.mjs","sources":["../../../src/components/IDE/CodeConditionalRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { 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":[],"mappings":";;;AAMO,MAAM,wBAET,CAAC,EAAE,UAAU,GAAG,YAAY;AAC9B,QAAM,EAAE,gBAAgB,YAAY,yBAAA,IAClC,eAAA;AAEF,QAAM,4BAA4B,OAAO,MAAM,mBAAmB;AAClE,QAAM,2BAA2B,mBAAmB,MAAM;AAE1D,QAAM,wBAAwB,OAAO,MAAM,eAAe;AAC1D,QAAM,uBAAuB,eAAe,MAAM;AAElD,QAAM,sCACJ,OAAO,MAAM,6BAA6B;AAC5C,QAAM,qCACJ,6BAA6B,MAAM;AAErC,OACG,6BAA6B,8BAC7B,yBAAyB,0BACzB,uCAAuC,qCACxC;AACA,WAAO;AAAA,EACT;AAEA,SAAO,oBAAA,UAAA,EAAE;AACX;"}

package/dist/components/IDE/CodeContext.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-require("@intlayer/config/built");
-require("../../better-auth.CiuwFiHM-C2nBKRMa.cjs");
-require("@intlayer/editor-react");
-require("@tanstack/react-query");
-require("@intlayer/api");
-const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const CodeContext = ReactExports.createContext({
-  packageManager: "npm",
-  setPackageManager: () => {
-  },
-  codeFormat: "typescript",
-  setCodeFormat: () => {
-  },
-  contentDeclarationFormat: "typescript",
-  setContentDeclarationFormat: () => {
-  }
-});
-const useCodeContext = () => ReactExports.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.jsx(
-    CodeContext,
-    {
-      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

@@ -1 +0,0 @@
-{"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\n      value={{\n        packageManager,\n        setPackageManager,\n        codeFormat,\n        setCodeFormat,\n        contentDeclarationFormat,\n        setContentDeclarationFormat,\n      }}\n    >\n      {children}\n    </CodeContext>\n  );\n};\n"],"names":["createContext","useContext","usePersistedStore","jsx"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,cAAcA,aAAAA,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,EAAC;AACtC,CAAC;AAKM,MAAM,iBAAiB,MAAMC,aAAAA,WAAW,WAAW;AAKnD,MAAM,eAAsC,CAAC,EAAE,eAAe;AACnE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,wBAAAA;AAAAA,IAC1C;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,CAAC,YAAY,aAAa,IAAIA,wBAAAA;AAAAA,IAClC;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,CAAC,0BAA0B,2BAA2B,IAC1DA,wBAAAA;AAAAA,IACE;AAAA,IACA;AAAA,EAAA;AAGJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;;;;"}

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

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

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

@@ -1,56 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import "@intlayer/config/built";
-import "../../better-auth.CiuwFiHM-7umXOENE.js";
-import "@intlayer/editor-react";
-import "@tanstack/react-query";
-import "@intlayer/api";
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.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__ */ jsx(
-    CodeContext,
-    {
-      value: {
-        packageManager,
-        setPackageManager,
-        codeFormat,
-        setCodeFormat,
-        contentDeclarationFormat,
-        setContentDeclarationFormat
-      },
-      children
-    }
-  );
-};
-export {
-  CodeContext,
-  CodeProvider,
-  useCodeContext
-};
-//# sourceMappingURL=CodeContext.mjs.map

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

@@ -1 +0,0 @@
-{"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\n      value={{\n        packageManager,\n        setPackageManager,\n        codeFormat,\n        setCodeFormat,\n        contentDeclarationFormat,\n        setContentDeclarationFormat,\n      }}\n    >\n      {children}\n    </CodeContext>\n  );\n};\n"],"names":[],"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,EAAC;AACtC,CAAC;AAKM,MAAM,iBAAiB,MAAM,WAAW,WAAW;AAKnD,MAAM,eAAsC,CAAC,EAAE,eAAe;AACnE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,CAAC,0BAA0B,2BAA2B,IAC1D;AAAA,IACE;AAAA,IACA;AAAA,EAAA;AAGJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/IDE/CodeFormatSelector.cjs

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

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

@@ -1 +0,0 @@
-{"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,eAAA;AAEF,SACEC,2BAAAA;AAAAA,IAACC,yBAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAAAC,2BAAAA,IAACD,yBAAAA,OAAO,SAAP,EACC,UAAAC,2BAAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAAA,CAC1C;AAAA,QACAD,2BAAAA,KAACC,yBAAAA,OAAO,SAAP,EACC,UAAA;AAAA,UAAAC,2BAAAA,IAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,yCACzCA,yBAAAA,OAAO,MAAP,EAAY,OAAM,OAAM,UAAA,OAAG;AAAA,yCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;;;;AAMO,MAAM,qBAAyB,MAAM;AAC1C,QAAM,EAAE,YAAY,eAAe,4BAAA,IACjC,eAAA;AAEF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe,CAAC,UAAU;AACxB,sBAAc,KAA0B;AACxC,oCAA4B,KAA0B;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,OAAO,SAAP,EACC,UAAA,oBAAC,OAAO,OAAP,EAAa,aAAY,cAAA,CAAc,EAAA,CAC1C;AAAA,QACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,UAAA,oBAAC,OAAO,MAAP,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,8BACzC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAA,OAAG;AAAA,8BAC3B,OAAO,MAAP,EAAY,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/ContentDeclarationFormatSelector.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentDeclarationFormatSelector.cjs","sources":["../../../src/components/IDE/ContentDeclarationFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const ContentDeclarationFormatSelector: FC = () => {\n  const { contentDeclarationFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={contentDeclarationFormat}\n      onValueChange={setContentDeclarationFormat}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Dictionary Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"json\">JSON</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,mCAAuC,MAAM;AACxD,QAAM,EAAE,0BAA0B,4BAAA,IAChCA,0CAAA;AAEF,SACEC,2BAAAA;AAAAA,IAACC,yBAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAAAC,2BAAAA,IAACD,yBAAAA,OAAO,SAAP,EACC,UAAAC,2BAAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,oBAAA,CAAoB,EAAA,CAChD;AAAA,QACAD,2BAAAA,KAACC,yBAAAA,OAAO,SAAP,EACC,UAAA;AAAA,UAAAC,2BAAAA,IAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,yCACzCA,yBAAAA,OAAO,MAAP,EAAY,OAAM,YAAW,UAAA,YAAQ;AAAA,yCACrCA,yBAAAA,OAAO,MAAP,EAAY,OAAM,OAAM,UAAA,OAAG;AAAA,yCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,QAAO,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

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

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

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

package/dist/components/IDE/ContentDeclarationFormatSelector.mjs

@@ -1,28 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../Select/Multiselect.mjs";
-import { Select } from "../Select/Select.mjs";
-import { useCodeContext } from "./CodeContext.mjs";
-const ContentDeclarationFormatSelector = () => {
-  const { contentDeclarationFormat, setContentDeclarationFormat } = useCodeContext();
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      value: contentDeclarationFormat,
-      onValueChange: setContentDeclarationFormat,
-      children: [
-        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Dictionary Format" }) }),
-        /* @__PURE__ */ jsxs(Select.Content, { children: [
-          /* @__PURE__ */ jsx(Select.Item, { value: "typescript", children: "TypeScript" }),
-          /* @__PURE__ */ jsx(Select.Item, { value: "commonjs", children: "CommonJS" }),
-          /* @__PURE__ */ jsx(Select.Item, { value: "esm", children: "ESM" }),
-          /* @__PURE__ */ jsx(Select.Item, { value: "json", children: "JSON" })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  ContentDeclarationFormatSelector
-};
-//# sourceMappingURL=ContentDeclarationFormatSelector.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentDeclarationFormatSelector.mjs","sources":["../../../src/components/IDE/ContentDeclarationFormatSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const ContentDeclarationFormatSelector: FC = () => {\n  const { contentDeclarationFormat, setContentDeclarationFormat } =\n    useCodeContext();\n\n  return (\n    <Select\n      value={contentDeclarationFormat}\n      onValueChange={setContentDeclarationFormat}\n    >\n      <Select.Trigger>\n        <Select.Value placeholder=\"Dictionary Format\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"typescript\">TypeScript</Select.Item>\n        <Select.Item value=\"commonjs\">CommonJS</Select.Item>\n        <Select.Item value=\"esm\">ESM</Select.Item>\n        <Select.Item value=\"json\">JSON</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,mCAAuC,MAAM;AACxD,QAAM,EAAE,0BAA0B,4BAAA,IAChC,eAAA;AAEF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,oBAAC,OAAO,SAAP,EACC,UAAA,oBAAC,OAAO,OAAP,EAAa,aAAY,oBAAA,CAAoB,EAAA,CAChD;AAAA,QACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,UAAA,oBAAC,OAAO,MAAP,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,8BACzC,OAAO,MAAP,EAAY,OAAM,YAAW,UAAA,YAAQ;AAAA,8BACrC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAA,OAAG;AAAA,8BAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/CopyCode.cjs

@@ -1,27 +0,0 @@
-"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 CopyCode = ({ code }) => {
-  const { title, description } = reactIntlayer.useIntlayer("code");
-  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: components_Popover_index.PopoverXAlign.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

@@ -1 +0,0 @@
-{"version":3,"file":"CopyCode.cjs","sources":["../../../src/components/IDE/CopyCode.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { CopyButton } from '../CopyButton';\nimport { Popover, PopoverXAlign } from '../Popover';\n\ntype CopyCodeProps = {\n  code: string;\n};\n\nexport const CopyCode: FC<CopyCodeProps> = ({ code }) => {\n  const { title, description } = useIntlayer('code');\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={PopoverXAlign.END}\n      >\n        <strong>{title}</strong>\n        <p className=\"text-neutral\">{description}</p>\n      </Popover.Detail>\n    </Popover>\n  );\n};\n"],"names":["useIntlayer","jsxs","Popover","jsx","CopyButton","PopoverXAlign"],"mappings":";;;;;;;AAWO,MAAM,WAA8B,CAAC,EAAE,WAAW;AACvD,QAAM,EAAE,OAAO,gBAAgBA,cAAAA,YAAY,MAAM;AAEjD,SACEC,2BAAAA,KAACC,yBAAAA,SAAA,EAAQ,YAAW,QAClB,UAAA;AAAA,IAAAC,2BAAAA,IAACC,4BAAAA,YAAA,EAAW,SAAS,KAAA,CAAM;AAAA,IAE3BH,2BAAAA;AAAAA,MAACC,yBAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQG,yBAAAA,cAAc;AAAA,QAEtB,UAAA;AAAA,UAAAF,2BAAAA,IAAC,YAAQ,UAAA,MAAA,CAAM;AAAA,UACfA,2BAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;;"}

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CopyCode.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CopyCode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,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

@@ -1,27 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
-import { CopyButton } from "../CopyButton/index.mjs";
-import { Popover, PopoverXAlign } from "../Popover/index.mjs";
-const CopyCode = ({ code }) => {
-  const { title, description } = useIntlayer("code");
-  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: PopoverXAlign.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

@@ -1 +0,0 @@
-{"version":3,"file":"CopyCode.mjs","sources":["../../../src/components/IDE/CopyCode.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { CopyButton } from '../CopyButton';\nimport { Popover, PopoverXAlign } from '../Popover';\n\ntype CopyCodeProps = {\n  code: string;\n};\n\nexport const CopyCode: FC<CopyCodeProps> = ({ code }) => {\n  const { title, description } = useIntlayer('code');\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={PopoverXAlign.END}\n      >\n        <strong>{title}</strong>\n        <p className=\"text-neutral\">{description}</p>\n      </Popover.Detail>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,WAA8B,CAAC,EAAE,WAAW;AACvD,QAAM,EAAE,OAAO,gBAAgB,YAAY,MAAM;AAEjD,SACE,qBAAC,SAAA,EAAQ,YAAW,QAClB,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,SAAS,KAAA,CAAM;AAAA,IAE3B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ,cAAc;AAAA,QAEtB,UAAA;AAAA,UAAA,oBAAC,YAAQ,UAAA,MAAA,CAAM;AAAA,UACf,oBAAC,KAAA,EAAE,WAAU,gBAAgB,UAAA,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;"}

package/dist/components/IDE/FileList.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const components_Container_index = require("../Container/index.cjs");
-const components_IDE_FileTree = require("./FileTree.cjs");
-const FileList = ({ filePaths, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  components_Container_index.Container,
-  {
-    className: "flex size-full flex-col justify-start overflow-auto shadow-lg",
-    roundedSize: "3xl",
-    transparency: "none",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-2 flex items-center justify-start gap-2 p-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-red-500" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-yellow-500" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-3 rounded-full bg-green-500" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-full flex-1 flex-row justify-start shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 top-0 size-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-full", children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_FileTree.FileTree, { filesPaths: filePaths }) }) }) })
-    ]
-  }
-);
-exports.FileList = FileList;
-//# sourceMappingURL=FileList.cjs.map

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

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

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

@@ -1,6 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-export type FileListProps = {
-    filePaths: string[];
-} & HTMLAttributes<HTMLDivElement>;
-export declare const FileList: FC<FileListProps>;
-//# sourceMappingURL=FileList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/FileList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIhD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsBtC,CAAC"}

package/dist/components/IDE/FileList.mjs

@@ -1,24 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Container } from "../Container/index.mjs";
-import { FileTree } from "./FileTree.mjs";
-const FileList = ({ filePaths, ...props }) => /* @__PURE__ */ jsxs(
-  Container,
-  {
-    className: "flex size-full flex-col justify-start overflow-auto shadow-lg",
-    roundedSize: "3xl",
-    transparency: "none",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("div", { className: "text-neutral flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950", children: /* @__PURE__ */ jsxs("div", { className: "mx-2 flex items-center justify-start gap-2 p-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-red-500" }),
-        /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-yellow-500" }),
-        /* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-green-500" })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "relative flex size-full flex-1 flex-row justify-start shadow-lg", children: /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 size-full", children: /* @__PURE__ */ jsx("div", { className: "flex size-full", children: /* @__PURE__ */ jsx(FileTree, { filesPaths: filePaths }) }) }) })
-    ]
-  }
-);
-export {
-  FileList
-};
-//# sourceMappingURL=FileList.mjs.map