@intlayer/design-system 3.5.5 → 3.5.6

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/CodeRenderer.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
+const rehypeParse = require("rehype-parse");
+const rehypePrettyCode = require("rehype-pretty-code");
+const rehypeReact = require("rehype-react");
+const unified = require("unified");
+const CodeRenderer = async ({ code }) => {
+  const highlightedCode = await processMarkdown();
+  console.log("code", code);
+  return highlightedCode;
+};
+const rehypePrettyCodeOptions = {
+  theme: "github-dark"
+};
+const processMarkdown = async (htmlContent) => {
+  const file = await unified.unified().use(rehypeParse, { fragment: true }).use(rehypePrettyCode.rehypePrettyCode, rehypePrettyCodeOptions).use(rehypeReact, {
+    createElement: require$$0.createElement,
+    Fragment: jsxRuntime.jsxRuntimeExports.Fragment,
+    jsx: jsxRuntime.jsxRuntimeExports.jsx,
+    jsxs: jsxRuntime.jsxRuntimeExports.jsxs
+  }).process("`const numbers = [1, 2, 3]{:js}`");
+  return file.result;
+};
+exports.CodeRenderer = CodeRenderer;
+//# sourceMappingURL=CodeRenderer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.cjs","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Fragment, jsx, jsxs } from 'react/jsx-runtime';\nimport rehypeParse from 'rehype-parse';\nimport {\n  rehypePrettyCode,\n  type Options as RehypePrettyCodeOptions,\n} from 'rehype-pretty-code';\nimport rehypeReact from 'rehype-react';\nimport rehypeStringify from 'rehype-stringify';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { unified } from 'unified';\n\nexport type CodeRendererProps = {\n  code: string;\n};\n\nexport const CodeRenderer = async ({ code }: CodeRendererProps) => {\n  const highlightedCode = await processMarkdown(code);\n\n  console.log('code', code);\n  return highlightedCode;\n};\n\nconst rehypePrettyCodeOptions: RehypePrettyCodeOptions = {\n  theme: 'github-dark',\n};\n\nconst processMarkdown = async (htmlContent: string) => {\n  const file = await unified()\n    .use(rehypeParse, { fragment: true }) // Parse the HTML string\n    .use(rehypePrettyCode, rehypePrettyCodeOptions) // Apply syntax highlighting\n    .use(rehypeReact, {\n      createElement,\n      Fragment,\n      jsx,\n      jsxs,\n    })\n    .process('`const numbers = [1, 2, 3]{:js}`');\n\n  return file.result;\n};\n"],"names":["unified","rehypePrettyCode","createElement","Fragment","jsx","jsxs"],"mappings":";;;;;;;;AAiBO,MAAM,eAAe,OAAO,EAAE,WAA8B;AAC3D,QAAA,kBAAkB,MAAM,gBAAoB;AAE1C,UAAA,IAAI,QAAQ,IAAI;AACjB,SAAA;AACT;AAEA,MAAM,0BAAmD;AAAA,EACvD,OAAO;AACT;AAEA,MAAM,kBAAkB,OAAO,gBAAwB;AACrD,QAAM,OAAO,MAAMA,QAAA,QAAA,EAChB,IAAI,aAAa,EAAE,UAAU,KAAK,CAAC,EACnC,IAAIC,iBAAA,kBAAkB,uBAAuB,EAC7C,IAAI,aAAa;AAAA,IAAA,eAChBC,WAAA;AAAA,IAAA,UACAC,WAAA,kBAAA;AAAA,IAAA,KACAC,WAAA,kBAAA;AAAA,IACAC,MAAAA,WAAAA,kBAAAA;AAAAA,EAAA,CACD,EACA,QAAQ,kCAAkC;AAE7C,SAAO,KAAK;AACd;;"}

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

@@ -0,0 +1,5 @@
+export type CodeRendererProps = {
+    code: string;
+};
+export declare const CodeRenderer: ({ code }: CodeRendererProps) => Promise<JSX.Element>;
+//# sourceMappingURL=CodeRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,aAAoB,iBAAiB,yBAK7D,CAAC"}

package/dist/components/IDE/CodeRenderer.mjs

@@ -0,0 +1,27 @@
+import { createElement } from "react";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import rehypeParse from "rehype-parse";
+import { rehypePrettyCode } from "rehype-pretty-code";
+import rehypeReact from "rehype-react";
+import { unified } from "unified";
+const CodeRenderer = async ({ code }) => {
+  const highlightedCode = await processMarkdown();
+  console.log("code", code);
+  return highlightedCode;
+};
+const rehypePrettyCodeOptions = {
+  theme: "github-dark"
+};
+const processMarkdown = async (htmlContent) => {
+  const file = await unified().use(rehypeParse, { fragment: true }).use(rehypePrettyCode, rehypePrettyCodeOptions).use(rehypeReact, {
+    createElement,
+    Fragment: jsxRuntimeExports.Fragment,
+    jsx: jsxRuntimeExports.jsx,
+    jsxs: jsxRuntimeExports.jsxs
+  }).process("`const numbers = [1, 2, 3]{:js}`");
+  return file.result;
+};
+export {
+  CodeRenderer
+};
+//# sourceMappingURL=CodeRenderer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRenderer.mjs","sources":["../../../src/components/IDE/CodeRenderer.tsx"],"sourcesContent":["import { createElement } from 'react';\nimport { Fragment, jsx, jsxs } from 'react/jsx-runtime';\nimport rehypeParse from 'rehype-parse';\nimport {\n  rehypePrettyCode,\n  type Options as RehypePrettyCodeOptions,\n} from 'rehype-pretty-code';\nimport rehypeReact from 'rehype-react';\nimport rehypeStringify from 'rehype-stringify';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { unified } from 'unified';\n\nexport type CodeRendererProps = {\n  code: string;\n};\n\nexport const CodeRenderer = async ({ code }: CodeRendererProps) => {\n  const highlightedCode = await processMarkdown(code);\n\n  console.log('code', code);\n  return highlightedCode;\n};\n\nconst rehypePrettyCodeOptions: RehypePrettyCodeOptions = {\n  theme: 'github-dark',\n};\n\nconst processMarkdown = async (htmlContent: string) => {\n  const file = await unified()\n    .use(rehypeParse, { fragment: true }) // Parse the HTML string\n    .use(rehypePrettyCode, rehypePrettyCodeOptions) // Apply syntax highlighting\n    .use(rehypeReact, {\n      createElement,\n      Fragment,\n      jsx,\n      jsxs,\n    })\n    .process('`const numbers = [1, 2, 3]{:js}`');\n\n  return file.result;\n};\n"],"names":["Fragment","jsx","jsxs"],"mappings":";;;;;;AAiBO,MAAM,eAAe,OAAO,EAAE,WAA8B;AAC3D,QAAA,kBAAkB,MAAM,gBAAoB;AAE1C,UAAA,IAAI,QAAQ,IAAI;AACjB,SAAA;AACT;AAEA,MAAM,0BAAmD;AAAA,EACvD,OAAO;AACT;AAEA,MAAM,kBAAkB,OAAO,gBAAwB;AACrD,QAAM,OAAO,MAAM,QAAA,EAChB,IAAI,aAAa,EAAE,UAAU,KAAK,CAAC,EACnC,IAAI,kBAAkB,uBAAuB,EAC7C,IAAI,aAAa;AAAA,IAChB;AAAA,IAAA,UACAA,kBAAA;AAAA,IAAA,KACAC,kBAAA;AAAA,IACAC,MAAAA,kBAAAA;AAAAA,EAAA,CACD,EACA,QAAQ,kCAAkC;AAE7C,SAAO,KAAK;AACd;"}

package/dist/components/IDE/ContentDeclarationFormatSelector.cjs

@@ -0,0 +1,28 @@
+"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 ContentDeclarationFormatSelector = () => {
+  const { contentDeclarationFormat, setContentDeclarationFormat } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Select_Select.Select,
+    {
+      value: contentDeclarationFormat,
+      onValueChange: setContentDeclarationFormat,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Content Declaration 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: "commonjs", children: "CommonJS" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "json", children: "JSON" })
+        ] })
+      ]
+    }
+  );
+};
+exports.ContentDeclarationFormatSelector = ContentDeclarationFormatSelector;
+//# sourceMappingURL=ContentDeclarationFormatSelector.cjs.map

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

@@ -0,0 +1 @@
+{"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=\"Content Declaration 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,4BAA4B,IAC5DA,0CAAe;AAGf,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,6BAAA,CAA6B,EACzD,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,YAAW,UAAQ,YAAA;AAAA,2DACrCA,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,2DAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,QAAA,EAChC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

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

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

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

@@ -0,0 +1,28 @@
+"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 ContentDeclarationFormatSelector = () => {
+  const { contentDeclarationFormat, setContentDeclarationFormat } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Select,
+    {
+      value: contentDeclarationFormat,
+      onValueChange: setContentDeclarationFormat,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Content Declaration Format" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "typescript", children: "TypeScript" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "commonjs", children: "CommonJS" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "esm", children: "ESM" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "json", children: "JSON" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ContentDeclarationFormatSelector
+};
+//# sourceMappingURL=ContentDeclarationFormatSelector.mjs.map

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

@@ -0,0 +1 @@
+{"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=\"Content Declaration 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":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,mCAAuC,MAAM;AACxD,QAAM,EAAE,0BAA0B,4BAA4B,IAC5D,eAAe;AAGf,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MAEf,UAAA;AAAA,QAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,6BAAA,CAA6B,EACzD,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,YAAW,UAAQ,YAAA;AAAA,gDACrC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,gDAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,QAAA,EAChC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { BundledLanguage } from 'shiki';
+export type EditableCodeBlockProps = {
+    children: string;
+    lang: BundledLanguage;
+    isDarkMode?: boolean;
+};
+export declare const EditableCodeBlock: FC<EditableCodeBlockProps>;
+//# sourceMappingURL=EditableCodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/EditableCodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,eAAe,EAIhB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAab,EAAE,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/components/IDE/MarkDownRender.cjs

@@ -1,9 +1,8 @@
-"use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const Markdown = require("markdown-to-jsx");
-const components_IDE_CodeRender = require("./CodeRender.cjs");
+const components_IDE_Code = require("./Code.cjs");
 const MarkdownRenderer = ({
   children,
   isDarkMode
@@ -14,7 +13,7 @@ const MarkdownRenderer = ({
       overrides: {
         code: {
           component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_IDE_CodeRender.Code,
+            components_IDE_Code.Code,
             {
               ...props,
               isDarkMode,

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

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './CodeRender';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","Code"],"mappings":";;;;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,2BAAA,kBAAA;AAAA,YAACC,0BAAA;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,cAC7C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}
+{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","Code"],"mappings":";;;;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,2BAAA,kBAAA;AAAA,YAACC,oBAAA;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,cAC7C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}

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

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

package/dist/components/IDE/MarkDownRender.mjs

@@ -1,7 +1,6 @@
-"use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import Markdown from "markdown-to-jsx";
-import { Code } from "./CodeRender.mjs";
+import { Code } from "./Code.mjs";
 const MarkdownRenderer = ({
   children,
   isDarkMode

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

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './CodeRender';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx"],"mappings":";;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,cAC7C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}
+{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx"],"mappings":";;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,cAC7C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}

package/dist/components/IDE/PackageManagerSelector.cjs

@@ -0,0 +1,20 @@
+"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 PackageManagerSelector = () => {
+  const { packageManager, setPackageManager } = components_IDE_CodeContext.useCodeContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "yarn", children: "yarn" })
+    ] })
+  ] });
+};
+exports.PackageManagerSelector = PackageManagerSelector;
+//# sourceMappingURL=PackageManagerSelector.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerSelector.cjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAIA,0CAAe;AAE7D,SACGC,2BAAAA,kBAAAA,KAAAC,yBAAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,MAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,uDAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,uDAC7BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

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

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

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

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

package/dist/components/IDE/PackageManagerSelector.mjs

@@ -0,0 +1,20 @@
+"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 PackageManagerSelector = () => {
+  const { packageManager, setPackageManager } = useCodeContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "yarn", children: "yarn" })
+    ] })
+  ] });
+};
+export {
+  PackageManagerSelector
+};
+//# sourceMappingURL=PackageManagerSelector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerSelector.mjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,eAAe;AAE7D,SACGA,kCAAAA,KAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,MAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,4CAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,4CAC7B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/IDE/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_IDE_CodeRender = require("./CodeRender.cjs");
+const components_IDE_Code = require("./Code.cjs");
 const components_IDE_IDE = require("./IDE.cjs");
 const components_IDE_FileList = require("./FileList.cjs");
-exports.Code = components_IDE_CodeRender.Code;
+exports.Code = components_IDE_Code.Code;
 exports.IDE = components_IDE_IDE.IDE;
 exports.FileList = components_IDE_FileList.FileList;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,4 +1,4 @@
-export * from './CodeRender';
+export * from './Code';
 export * from './IDE';
 export * from './FileList';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}

package/dist/components/IDE/index.mjs

@@ -1,4 +1,4 @@
-import { Code } from "./CodeRender.mjs";
+import { Code } from "./Code.mjs";
 import { IDE } from "./IDE.mjs";
 import { FileList } from "./FileList.mjs";
 export {

package/dist/components/LocaleSwitcherContentDropDown/LocaleSelectorContext.d.ts

@@ -0,0 +1,13 @@
+import { Locales } from 'intlayer';
+import { PropsWithChildren, FC } from 'react';
+type LocaleSelectorContextProps = {
+    selectedLocales: Locales[];
+    setSelectedLocales: (locales: Locales[]) => void;
+};
+export declare const useLocaleSelector: () => LocaleSelectorContextProps;
+type LocaleSelectorProviderProps = {
+    defaultSelectedLocales?: Locales[];
+};
+export declare const LocaleSelectorProvider: FC<PropsWithChildren<LocaleSelectorProviderProps>>;
+export {};
+//# sourceMappingURL=LocaleSelectorContext.d.ts.map

package/dist/components/LocaleSwitcherContentDropDown/LocaleSelectorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSelectorContext.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherContentDropDown/LocaleSelectorContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAEL,iBAAiB,EAGjB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAIf,KAAK,0BAA0B,GAAG;IAChC,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAClD,CAAC;AAOF,eAAO,MAAM,iBAAiB,kCAA0C,CAAC;AAEzE,KAAK,2BAA2B,GAAG;IACjC,sBAAsB,CAAC,EAAE,OAAO,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CACrC,iBAAiB,CAAC,2BAA2B,CAAC,CAiB/C,CAAC"}