@intlayer/design-system 3.5.4 → 3.5.6

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.cjs

@@ -3,6 +3,36 @@ const intlayer = require("intlayer");
 const localeSwitcherContent = {
   key: "locale-switcher",
   content: {
+    localeSwitcherLabel: intlayer.t({
+      en: "Language switcher",
+      "en-GB": "Language switcher",
+      fr: "Changer de langue",
+      es: "Cambiar idioma",
+      de: "Sprachwechsler",
+      ja: "言語スイッチャー",
+      ko: "언어 스위치",
+      zh: "语言切换器",
+      it: "Cambia lingua",
+      pt: "Mudar idioma",
+      hi: "भाषा स्विचर",
+      ar: "مبدل اللغة",
+      ru: "Переключатель языка"
+    }),
+    languageListLabel: intlayer.t({
+      en: "Language list",
+      "en-GB": "Language list",
+      fr: "Liste des langues",
+      es: "Lista de idiomas",
+      de: "Sprachliste",
+      ja: "言語リスト",
+      ko: "언어 목록",
+      zh: "语言列表",
+      it: "Elenco lingue",
+      pt: "Lista de idiomas",
+      hi: "भाषा सूची",
+      ar: "قائمة اللغات",
+      ru: "Список языков"
+    }),
     switchTo: intlayer.t({
       en: "Switch to",
       fr: "Passer à",
@@ -17,7 +47,39 @@ const localeSwitcherContent = {
       hi: "स्विच करें",
       ar: "التبديل إلى",
       ru: "Переключиться на"
-    })
+    }),
+    searchInput: {
+      text: intlayer.t({
+        en: "Search Locale",
+        "en-GB": "Search Locale",
+        fr: "Rechercher la locale",
+        es: "Buscar idioma",
+        de: "Sprache durchsuchen",
+        ja: "ロケールを検索",
+        ko: "언어 검색",
+        zh: "搜索语言",
+        it: "Cerca lingua",
+        pt: "Pesquisar idioma",
+        hi: "भाषा खोजें",
+        ar: "بحث اللغة",
+        ru: "Поиск языка"
+      }),
+      placeholder: intlayer.t({
+        en: "Search a locale",
+        "en-GB": "Search a locale",
+        fr: "Rechercher une locale",
+        es: "Buscar un idioma",
+        de: "Sprache suchen",
+        ja: "ロケールを検索",
+        ko: "언어 검색",
+        zh: "搜索语言",
+        it: "Cerca una lingua",
+        pt: "Pesquisar um idioma",
+        hi: "भाषा खोजें",
+        ar: "بحث اللغة",
+        ru: "Поиск языка"
+      })
+    }
   }
 };
 module.exports = localeSwitcherContent;

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"localeSwitcher.content.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":["t"],"mappings":";;AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,UAAUA,SAAAA,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;;"}
+{"version":3,"file":"localeSwitcher.content.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    localeSwitcherLabel: t({\n      en: 'Language switcher',\n      'en-GB': 'Language switcher',\n      fr: 'Changer de langue',\n      es: 'Cambiar idioma',\n      de: 'Sprachwechsler',\n      ja: '言語スイッチャー',\n      ko: '언어 스위치',\n      zh: '语言切换器',\n      it: 'Cambia lingua',\n      pt: 'Mudar idioma',\n      hi: 'भाषा स्विचर',\n      ar: 'مبدل اللغة',\n      ru: 'Переключатель языка',\n    }),\n    languageListLabel: t({\n      en: 'Language list',\n      'en-GB': 'Language list',\n      fr: 'Liste des langues',\n      es: 'Lista de idiomas',\n      de: 'Sprachliste',\n      ja: '言語リスト',\n      ko: '언어 목록',\n      zh: '语言列表',\n      it: 'Elenco lingue',\n      pt: 'Lista de idiomas',\n      hi: 'भाषा सूची',\n      ar: 'قائمة اللغات',\n      ru: 'Список языков',\n    }),\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n    searchInput: {\n      text: t({\n        en: 'Search Locale',\n        'en-GB': 'Search Locale',\n        fr: 'Rechercher la locale',\n        es: 'Buscar idioma',\n        de: 'Sprache durchsuchen',\n        ja: 'ロケールを検索',\n        ko: '언어 검색',\n        zh: '搜索语言',\n        it: 'Cerca lingua',\n        pt: 'Pesquisar idioma',\n        hi: 'भाषा खोजें',\n        ar: 'بحث اللغة',\n        ru: 'Поиск языка',\n      }),\n      placeholder: t({\n        en: 'Search a locale',\n        'en-GB': 'Search a locale',\n        fr: 'Rechercher une locale',\n        es: 'Buscar un idioma',\n        de: 'Sprache suchen',\n        ja: 'ロケールを検索',\n        ko: '언어 검색',\n        zh: '搜索语言',\n        it: 'Cerca una lingua',\n        pt: 'Pesquisar um idioma',\n        hi: 'भाषा खोजें',\n        ar: 'بحث اللغة',\n        ru: 'Поиск языка',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":["t"],"mappings":";;AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,qBAAqBA,SAAAA,EAAE;AAAA,MACrB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,mBAAmBA,SAAAA,EAAE;AAAA,MACnB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,UAAUA,SAAAA,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,aAAaA,SAAAA,EAAE;AAAA,QACb,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;;"}

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts

@@ -1,7 +1,13 @@
 declare const localeSwitcherContent: {
     key: string;
     content: {
+        localeSwitcherLabel: import('@intlayer/core').TranslationContent<string>;
+        languageListLabel: import('@intlayer/core').TranslationContent<string>;
         switchTo: import('@intlayer/core').TranslationContent<string>;
+        searchInput: {
+            text: import('@intlayer/core').TranslationContent<string>;
+            placeholder: import('@intlayer/core').TranslationContent<string>;
+        };
     };
 };
 export default localeSwitcherContent;

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localeSwitcher.content.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;;;;CAmBG,CAAC;AAE/B,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"localeSwitcher.content.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;;;;;;;;;;CAiFG,CAAC;AAE/B,eAAe,qBAAqB,CAAC"}

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.mjs

@@ -2,6 +2,36 @@ import { t } from "intlayer";
 const localeSwitcherContent = {
   key: "locale-switcher",
   content: {
+    localeSwitcherLabel: t({
+      en: "Language switcher",
+      "en-GB": "Language switcher",
+      fr: "Changer de langue",
+      es: "Cambiar idioma",
+      de: "Sprachwechsler",
+      ja: "言語スイッチャー",
+      ko: "언어 스위치",
+      zh: "语言切换器",
+      it: "Cambia lingua",
+      pt: "Mudar idioma",
+      hi: "भाषा स्विचर",
+      ar: "مبدل اللغة",
+      ru: "Переключатель языка"
+    }),
+    languageListLabel: t({
+      en: "Language list",
+      "en-GB": "Language list",
+      fr: "Liste des langues",
+      es: "Lista de idiomas",
+      de: "Sprachliste",
+      ja: "言語リスト",
+      ko: "언어 목록",
+      zh: "语言列表",
+      it: "Elenco lingue",
+      pt: "Lista de idiomas",
+      hi: "भाषा सूची",
+      ar: "قائمة اللغات",
+      ru: "Список языков"
+    }),
     switchTo: t({
       en: "Switch to",
       fr: "Passer à",
@@ -16,7 +46,39 @@ const localeSwitcherContent = {
       hi: "स्विच करें",
       ar: "التبديل إلى",
       ru: "Переключиться на"
-    })
+    }),
+    searchInput: {
+      text: t({
+        en: "Search Locale",
+        "en-GB": "Search Locale",
+        fr: "Rechercher la locale",
+        es: "Buscar idioma",
+        de: "Sprache durchsuchen",
+        ja: "ロケールを検索",
+        ko: "언어 검색",
+        zh: "搜索语言",
+        it: "Cerca lingua",
+        pt: "Pesquisar idioma",
+        hi: "भाषा खोजें",
+        ar: "بحث اللغة",
+        ru: "Поиск языка"
+      }),
+      placeholder: t({
+        en: "Search a locale",
+        "en-GB": "Search a locale",
+        fr: "Rechercher une locale",
+        es: "Buscar un idioma",
+        de: "Sprache suchen",
+        ja: "ロケールを検索",
+        ko: "언어 검색",
+        zh: "搜索语言",
+        it: "Cerca una lingua",
+        pt: "Pesquisar um idioma",
+        hi: "भाषा खोजें",
+        ar: "بحث اللغة",
+        ru: "Поиск языка"
+      })
+    }
   }
 };
 export {

package/dist/components/LocaleSwitcherDropDown/localeSwitcher.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"localeSwitcher.content.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":[],"mappings":";AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,UAAU,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;"}
+{"version":3,"file":"localeSwitcher.content.mjs","sources":["../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nconst localeSwitcherContent = {\n  key: 'locale-switcher',\n  content: {\n    localeSwitcherLabel: t({\n      en: 'Language switcher',\n      'en-GB': 'Language switcher',\n      fr: 'Changer de langue',\n      es: 'Cambiar idioma',\n      de: 'Sprachwechsler',\n      ja: '言語スイッチャー',\n      ko: '언어 스위치',\n      zh: '语言切换器',\n      it: 'Cambia lingua',\n      pt: 'Mudar idioma',\n      hi: 'भाषा स्विचर',\n      ar: 'مبدل اللغة',\n      ru: 'Переключатель языка',\n    }),\n    languageListLabel: t({\n      en: 'Language list',\n      'en-GB': 'Language list',\n      fr: 'Liste des langues',\n      es: 'Lista de idiomas',\n      de: 'Sprachliste',\n      ja: '言語リスト',\n      ko: '언어 목록',\n      zh: '语言列表',\n      it: 'Elenco lingue',\n      pt: 'Lista de idiomas',\n      hi: 'भाषा सूची',\n      ar: 'قائمة اللغات',\n      ru: 'Список языков',\n    }),\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n    }),\n    searchInput: {\n      text: t({\n        en: 'Search Locale',\n        'en-GB': 'Search Locale',\n        fr: 'Rechercher la locale',\n        es: 'Buscar idioma',\n        de: 'Sprache durchsuchen',\n        ja: 'ロケールを検索',\n        ko: '언어 검색',\n        zh: '搜索语言',\n        it: 'Cerca lingua',\n        pt: 'Pesquisar idioma',\n        hi: 'भाषा खोजें',\n        ar: 'بحث اللغة',\n        ru: 'Поиск языка',\n      }),\n      placeholder: t({\n        en: 'Search a locale',\n        'en-GB': 'Search a locale',\n        fr: 'Rechercher une locale',\n        es: 'Buscar un idioma',\n        de: 'Sprache suchen',\n        ja: 'ロケールを検索',\n        ko: '언어 검색',\n        zh: '搜索语言',\n        it: 'Cerca una lingua',\n        pt: 'Pesquisar um idioma',\n        hi: 'भाषा खोजें',\n        ar: 'بحث اللغة',\n        ru: 'Поиск языка',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n\nexport default localeSwitcherContent;\n"],"names":[],"mappings":";AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,qBAAqB,EAAE;AAAA,MACrB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,mBAAmB,EAAE;AAAA,MACnB,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,UAAU,EAAE;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,aAAa,EAAE;AAAA,QACb,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/MarkDownRender/index.cjs

@@ -1,41 +1,34 @@
-"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 utils_cn = require("../../utils/cn.cjs");
-const components_Container_index = require("../Container/index.cjs");
 const components_Headers_index = require("../Headers/index.cjs");
 const components_Headers_SectionScroller = require("../Headers/SectionScroller.cjs");
-const components_IDE_CodeRender = require("../IDE/CodeRender.cjs");
+const components_IDE_Code = require("../IDE/Code.cjs");
+const components_IDE_CodeContext = require("../IDE/CodeContext.cjs");
 const components_Link_Link = require("../Link/Link.cjs");
 const MarkdownRenderer = ({
   children,
-  isDarkMode
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  isDarkMode,
+  locale,
+  overrides
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeContext.CodeProvider, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
   Markdown,
   {
     options: {
       overrides: {
-        h1: {
-          component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H1, { isClickable: true, ...props })
-        },
-        h2: {
-          component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { isClickable: true, ...props })
-        },
-        h3: {
-          component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { isClickable: true, ...props })
-        },
-        code: {
-          component: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Container_index.Container, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_IDE_CodeRender.Code,
-            {
-              isDarkMode,
-              showLineNumbers: false,
-              ...props
-            }
-          ) })
-        },
+        h1: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H1, { isClickable: true, ...props }),
+        h2: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { isClickable: true, ...props }),
+        h3: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { isClickable: true, ...props }),
+        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_IDE_Code.Code,
+          {
+            isDarkMode,
+            language: props.className.replace("lang-", ""),
+            ...props
+          }
+        ),
         blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           "blockquote",
           {
@@ -60,6 +53,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
+        li: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { className: utils_cn.cn("list-disc", className), ...props }),
         img: ({ className, ...props }) => (
           // eslint-disable-next-line jsx-a11y/alt-text
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -78,10 +72,12 @@ const MarkdownRenderer = ({
             color: "neutral",
             isExternalLink: props.href?.startsWith("http"),
             underlined: true,
+            locale,
             ...props
           }
         ),
-        pre: (props) => props.children
+        pre: (props) => props.children,
+        ...overrides
       },
       wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_SectionScroller.SectionScroller, {}),
@@ -99,6 +95,6 @@ const MarkdownRenderer = ({
     },
     children: children ?? ""
   }
-);
+) });
 exports.MarkdownRenderer = MarkdownRenderer;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\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        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => (\n          <Link\n            color=\"neutral\"\n            isExternalLink={props.href?.startsWith('http')}\n            underlined={true}\n            {...props}\n          />\n        ),\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","H1","H2","H3","Container","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":";;;;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,iDAACC,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUD,iDAACE,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUF,iDAACG,yBAAAA,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBH,2BAAAA,kBAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,qDAECI,2BACC,WAAA,EAAA,UAAAJ,2BAAA,kBAAA;AAAA,YAACK,0BAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BN,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAWM,SAAAA,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFN,2BAAA,kBAAA;AAAA,UAACO,qBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACX,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,kDAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAT,2BAAA,kBAAA,IAACU,mCAAgB,iBAAA,EAAA;AAAA,QACjBV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn(\n                'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n                className\n              )}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["CodeProvider","jsx","H1","H2","H3","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":";;;;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,uDACGA,2BAAAA,cACC,EAAA,UAAAC,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI,CAAC,UAAUA,iDAACC,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUD,iDAACE,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUF,iDAACG,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QAEjD,MAAM,CAAC,UACL,OAAO,MAAM,cAAc,cACzBH,2BAAA,kBAAA,IAAC,UAAO,EAAA,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,IAEAA,2BAAA,kBAAA;AAAA,UAACI,oBAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,YAC5C,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAGJ,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAJ,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,MACxBL,2BAAAA,kBAAAA,IAAA,MAAA,EAAG,WAAWK,SAAG,GAAA,aAAa,SAAS,GAAI,GAAG,MAAO,CAAA;AAAA,QAExD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BL,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAWK,SAAAA,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFL,2BAAA,kBAAA;AAAA,UAACM,qBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,kDAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAR,2BAAA,kBAAA,IAACS,mCAAgB,iBAAA,EAAA;AAAA,QACjBT,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf,EACF,CAAA;;"}

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

@@ -1,7 +1,11 @@
+import { Locales } from '@intlayer/core';
+import { MarkdownToJSX } from 'markdown-to-jsx';
 import { FC } from 'react';
 type MarkdownRendererProps = {
-    isDarkMode?: boolean;
     children: string;
+    isDarkMode?: boolean;
+    locale?: Locales;
+    overrides?: MarkdownToJSX.Overrides;
 };
 export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwFtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyFtD,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -1,39 +1,32 @@
-"use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import Markdown from "markdown-to-jsx";
 import { cn } from "../../utils/cn.mjs";
-import { Container } from "../Container/index.mjs";
 import { H1, H2, H3 } from "../Headers/index.mjs";
 import { SectionScroller } from "../Headers/SectionScroller.mjs";
-import { Code } from "../IDE/CodeRender.mjs";
+import { Code } from "../IDE/Code.mjs";
+import { CodeProvider } from "../IDE/CodeContext.mjs";
 import { Link } from "../Link/Link.mjs";
 const MarkdownRenderer = ({
   children,
-  isDarkMode
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  isDarkMode,
+  locale,
+  overrides
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(CodeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
   Markdown,
   {
     options: {
       overrides: {
-        h1: {
-          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H1, { isClickable: true, ...props })
-        },
-        h2: {
-          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { isClickable: true, ...props })
-        },
-        h3: {
-          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { isClickable: true, ...props })
-        },
-        code: {
-          component: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Code,
-            {
-              isDarkMode,
-              showLineNumbers: false,
-              ...props
-            }
-          ) })
-        },
+        h1: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H1, { isClickable: true, ...props }),
+        h2: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { isClickable: true, ...props }),
+        h3: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { isClickable: true, ...props }),
+        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Code,
+          {
+            isDarkMode,
+            language: props.className.replace("lang-", ""),
+            ...props
+          }
+        ),
         blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "blockquote",
           {
@@ -58,6 +51,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
+        li: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: cn("list-disc", className), ...props }),
         img: ({ className, ...props }) => (
           // eslint-disable-next-line jsx-a11y/alt-text
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -76,10 +70,12 @@ const MarkdownRenderer = ({
             color: "neutral",
             isExternalLink: props.href?.startsWith("http"),
             underlined: true,
+            locale,
             ...props
           }
         ),
-        pre: (props) => props.children
+        pre: (props) => props.children,
+        ...overrides
       },
       wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SectionScroller, {}),
@@ -97,7 +93,7 @@ const MarkdownRenderer = ({
     },
     children: children ?? ""
   }
-);
+) });
 export {
   MarkdownRenderer
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/CodeRender';\nimport { Link } from '../Link';\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        h1: {\n          component: (props) => <H1 isClickable={true} {...props} />,\n        },\n        h2: {\n          component: (props) => <H2 isClickable={true} {...props} />,\n        },\n        h3: {\n          component: (props) => <H3 isClickable={true} {...props} />,\n        },\n        code: {\n          component: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Container>\n                <Code\n                  isDarkMode={isDarkMode}\n                  showLineNumbers={false}\n                  {...props}\n                />\n              </Container>\n            ),\n        },\n        blockquote: ({ className, ...props }) => (\n          <blockquote\n            className={cn(\n              'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n              className\n            )}\n            {...props}\n          />\n        ),\n        ul: ({ className, ...props }) => (\n          <ul\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        ol: ({ className, ...props }) => (\n          <ol\n            className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n            {...props}\n          />\n        ),\n        img: ({ className, ...props }) => (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            {...props}\n            loading=\"lazy\"\n            className={cn('max-w-full rounded-md', className)}\n            src={`${props.src}?raw=true`}\n          />\n        ),\n        a: (props) => (\n          <Link\n            color=\"neutral\"\n            isExternalLink={props.href?.startsWith('http')}\n            underlined={true}\n            {...props}\n          />\n        ),\n        pre: (props) => props.children,\n      },\n      wrapper: ({ className, ...props }) => (\n        <>\n          <SectionScroller />\n          <div\n            className={cn(\n              'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n              className\n            )}\n            {...props}\n          />\n        </>\n      ),\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,IAAI;AAAA,UACF,WAAW,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,MAAO,CAAA;AAAA,QAC1D;AAAA,QACA,MAAM;AAAA,UACJ,WAAW,CAAC,UACV,OAAO,MAAM,cAAc,cACxBA,kCAAAA,IAAA,UAAA,EAAO,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,0CAEC,WACC,EAAA,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAG;AAAA,YAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAEN;AAAA,QACA,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACX,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn(\n                'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n                className\n              )}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,4CACG,cACC,EAAA,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QAEjD,MAAM,CAAC,UACL,OAAO,MAAM,cAAc,cACzBA,kCAAA,IAAC,UAAO,EAAA,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,IAEAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,YAC5C,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAGJ,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,MACxBA,kCAAAA,IAAA,MAAA,EAAG,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,MAAO,CAAA;AAAA,QAExD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf,EACF,CAAA;"}

package/dist/components/Modal/Modal.cjs

@@ -23,11 +23,11 @@ const modalVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        sm: "w-full max-h-[30vh] max-w-[30vw]",
-        md: "w-full max-h-[50vh] max-w-[50vw]",
-        lg: "w-full max-h-[70vh] max-w-[70vw]",
-        xl: "w-full max-h-[95vh] max-w-[95vw]",
-        unset: "max-h-[95vh] max-w-[95vw]"
+        sm: "max-h-[30vh] w-[95vw] max-w-xl",
+        md: "max-h-[50vh] w-[95vw] max-w-xl",
+        lg: "max-h-[70vh] w-[95vw] max-w-2xl",
+        xl: "max-h-[95vh] w-[95vw] max-w-3xl",
+        unset: "max-h-[95vh] w-[95vw]"
       }
     },
     defaultVariants: {
@@ -44,7 +44,7 @@ const Modal = ({
   onClose,
   hasCloseButton = false,
   title,
-  size = "unset",
+  size = "md",
   ...props
 }) => {
   const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(container);
@@ -64,7 +64,7 @@ const Modal = ({
         transition: { duration: 0.1 },
         onClick: (e) => {
           e.stopPropagation();
-          onClose();
+          onClose?.();
         },
         "aria-hidden": !isOpen,
         children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
@@ -74,11 +74,9 @@ const Modal = ({
             initial: { scale: isOpen ? 0.5 : 1 },
             animate: { scale: isOpen ? 1 : 0.5 },
             transition: { duration: 0.3 },
-            className: utils_cn.cn(
-              modalVariants({
-                variant: size
-              })
-            ),
+            className: modalVariants({
+              variant: size
+            }),
             role: "dialog",
             "aria-modal": true,
             roundedSize: "2xl",
@@ -100,7 +98,7 @@ const Modal = ({
                         className: "right-2 top-2 ml-auto cursor-pointer",
                         onClick: (e) => {
                           e.stopPropagation();
-                          onClose();
+                          onClose?.();
                         }
                       }
                     )

package/dist/components/Modal/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<ContainerProps, 'transparency'>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'w-full max-h-[30vh] max-w-[30vw]',\n        md: 'w-full max-h-[50vh] max-w-[50vw]',\n        lg: 'w-full max-h-[70vh] max-w-[70vw]',\n        xl: 'w-full max-h-[95vh] max-w-[95vw]',\n        unset: 'max-h-[95vh] max-w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = motion.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'unset',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <motion.div\n      className={cn(\n        'bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur',\n        isOpen ? 'visible' : 'hidden'\n      )}\n      initial={{ opacity: isOpen ? 0 : 1 }}\n      animate={{ opacity: isOpen ? 1 : 0 }}\n      transition={{ duration: 0.1 }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={cn(\n          modalVariants({\n            variant: size,\n          })\n        )}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <X\n              role=\"button\"\n              aria-label=\"Close modal\"\n              className=\"right-2 top-2 ml-auto cursor-pointer\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose();\n              }}\n            />\n          )}\n        </div>\n        <div className=\"mx-2 my-4 flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </motion.div>,\n    containerElement\n  );\n};\n"],"names":["cva","motion","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","cn","jsxs","H3","X"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,OAAO,OAAOC,oCAAS;AAUpC,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,iDAAAC,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA,kBAAA;AAAA,MAACJ,aAAAA,OAAO;AAAA,MAAP;AAAA,QACC,WAAWO,SAAA;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,QACvB;AAAA,QACA,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,YAAY,EAAE,UAAU,IAAI;AAAA,QAC5B,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACV,kBAAA;AAAA,QACV;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAWD,SAAA;AAAA,cACT,cAAc;AAAA,gBACZ,SAAS;AAAA,cACV,CAAA;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAC,2BAAA,kBAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,SAAA;AAAA,oBACT,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEH,2BAAA,kBAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA,kBAAA;AAAA,sBAACM,YAAA;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACV,kCAAA;AAAA,wBAAA;AAAA,sBACV;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCN,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,6DACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose?: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<ContainerProps, 'transparency'>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n        md: 'max-h-[50vh] w-[95vw] max-w-xl',\n        lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n        xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n        unset: 'max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = motion.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'md',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <motion.div\n      className={cn(\n        'bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur',\n        isOpen ? 'visible' : 'hidden'\n      )}\n      initial={{ opacity: isOpen ? 0 : 1 }}\n      animate={{ opacity: isOpen ? 1 : 0 }}\n      transition={{ duration: 0.1 }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={modalVariants({\n          variant: size,\n        })}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <X\n              role=\"button\"\n              aria-label=\"Close modal\"\n              className=\"right-2 top-2 ml-auto cursor-pointer\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose?.();\n              }}\n            />\n          )}\n        </div>\n        <div className=\"mx-2 my-4 flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </motion.div>,\n    containerElement\n  );\n};\n"],"names":["cva","motion","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","cn","jsxs","H3","X"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,OAAO,OAAOC,oCAAS;AAUpC,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,iDAAAC,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA,kBAAA;AAAA,MAACJ,aAAAA,OAAO;AAAA,MAAP;AAAA,QACC,WAAWO,SAAA;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,QACvB;AAAA,QACA,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,YAAY,EAAE,UAAU,IAAI;AAAA,QAC5B,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAA,kBAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,SAAA;AAAA,oBACT,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEH,2BAAA,kBAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA,kBAAA;AAAA,sBAACM,YAAA;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCN,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,6DACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/components/Modal/Modal.d.ts

@@ -3,7 +3,7 @@ import { ContainerProps } from '../Container';
 type ModalProps = {
     children: React.ReactNode;
     isOpen: boolean;
-    onClose: () => void;
+    onClose?: () => void;
     container?: HTMLElement;
     disableScroll?: boolean;
     hasCloseButton?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAoBzC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAIhD;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAoFhC,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAoBzC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAIhD;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkFhC,CAAC"}