@intlayer/design-system 5.8.0-canary.0 → 5.8.1

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"structureView.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'editor-view',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,uBAAuB;AAAA,EAClC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,YAAY;AAAA,MACV,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,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,cAAc;AAAA,MACZ,OAAOA,SAAAA,EAAE;AAAA,QACP,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,IAAA;AAAA,IAEH,eAAe;AAAA,MACb,OAAOA,SAAAA,EAAE;AAAA,QACP,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,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,IAAA;AAAA,EACH;AAEJ;;;"}
+{"version":3,"file":"structureView.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'structure-view',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,uBAAuB;AAAA,EAClC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,YAAY;AAAA,MACV,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,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,cAAc;AAAA,MACZ,OAAOA,SAAAA,EAAE;AAAA,QACP,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,IAAA;AAAA,IAEH,eAAe;AAAA,MACb,OAAOA,SAAAA,EAAE;AAAA,QACP,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,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,IAAA;AAAA,EACH;AAEJ;;;"}

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.mjs

@@ -1,6 +1,6 @@
 import { t } from "intlayer";
 const structureViewContent = {
-  key: "editor-view",
+  key: "structure-view",
   content: {
     titleInput: {
       placeholder: t({

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"structureView.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'editor-view',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA,EAClC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,YAAY;AAAA,MACV,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,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,cAAc;AAAA,MACZ,OAAO,EAAE;AAAA,QACP,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,IAAA;AAAA,IAEH,eAAe;AAAA,MACb,OAAO,EAAE;AAAA,QACP,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,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,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"structureView.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'structure-view',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA,EAClC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,YAAY;AAAA,MACV,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,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,cAAc;AAAA,MACZ,OAAO,EAAE;AAAA,QACP,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,IAAA;AAAA,IAEH,eAAe;AAAA,MACb,OAAO,EAAE;AAAA,QACP,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,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,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.cjs

@@ -8,12 +8,9 @@ const components_Button_Button = require("../../Button/Button.cjs");
 const components_Container_index = require("../../Container/index.cjs");
 const components_DropDown_index = require("../../DropDown/index.cjs");
 const components_DictionaryFieldEditor_VersionSwitcherDropDown_VersionSwitcherContext = require("./VersionSwitcherContext.cjs");
-const components_DictionaryFieldEditor_VersionSwitcherDropDown_versionSwitcherDropDown_content = require("./versionSwitcherDropDown.content.cjs");
 const DROPDOWN_IDENTIFIER = "version-switcher";
 const VersionSwitcher = ({ panelProps }) => {
-  const { switchTo, versionSwitcherLabel, versionListLabel } = reactIntlayer.useDictionary(
-    components_DictionaryFieldEditor_VersionSwitcherDropDown_versionSwitcherDropDown_content
-  );
+  const { switchTo, versionSwitcherLabel, versionListLabel } = reactIntlayer.useIntlayer("version-switcher");
   const { selectedVersion, availableVersions, setSelectedVersion } = components_DictionaryFieldEditor_VersionSwitcherDropDown_VersionSwitcherContext.useVersionSwitcher();
   if (availableVersions.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VersionSwitcher.cjs","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoveVertical } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { Container } from '../../Container';\nimport { DropDown, type PanelProps } from '../../DropDown';\nimport { useVersionSwitcher } from './VersionSwitcherContext';\nimport versionSwitcherContent from './versionSwitcherDropDown.content';\n\nexport type VersionSwitcherProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'version-switcher';\n\nexport const VersionSwitcher: FC<VersionSwitcherProps> = ({ panelProps }) => {\n  const { switchTo, versionSwitcherLabel, versionListLabel } = useDictionary(\n    versionSwitcherContent\n  );\n  const { selectedVersion, availableVersions, setSelectedVersion } =\n    useVersionSwitcher();\n\n  if (availableVersions.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"border-text text-text rounded-xl border transition-colors\"\n      aria-label={versionListLabel.value}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{selectedVersion ?? 'LTS'}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={versionSwitcherLabel.value}\n          >\n            <ol className=\"divide-text/20 divide-y divide-dashed overflow-y-auto p-1\">\n              {availableVersions.reverse().map((version) => (\n                <li className=\"px-1.5 py-1\" key={version}>\n                  <Button\n                    onClick={() => setSelectedVersion(version)}\n                    label={`${switchTo} v${version}`}\n                    isActive={selectedVersion === version}\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    isFullWidth\n                    textAlign={ButtonTextAlign.LEFT}\n                    size={ButtonSize.SM}\n                  >\n                    <div className=\"text-neutral flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-sm\">\n                      {version}\n                    </div>\n                  </Button>\n                </li>\n              ))}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useDictionary","versionSwitcherContent","useVersionSwitcher","jsx","Fragment","jsxs","DropDown","MoveVertical","Container","Button","ButtonVariant","ButtonColor","ButtonTextAlign","ButtonSize"],"mappings":";;;;;;;;;;;AAqBA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC,EAAE,iBAAiB;AAC3E,QAAM,EAAE,UAAU,sBAAsB,iBAAA,IAAqBA,cAAAA;AAAAA,IAC3DC;AAAAA,EAAA;AAEF,QAAM,EAAE,iBAAiB,mBAAmB,mBAAA,IAC1CC,gFAAAA,mBAAA;AAEF,MAAI,kBAAkB,WAAW,GAAG;AAClC,WAAOC,2BAAAA,IAAAC,WAAAA,UAAA,EAAE;AAAA,EACX;AAEA,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,iBAAiB;AAAA,MAE7B,UAAAE,2BAAAA,KAACC,0BAAAA,UAAA,EAAS,YAAY,qBACpB,UAAA;AAAA,QAAAH,2BAAAA,IAACG,0BAAAA,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,mBAAmB,OAAM;AAAA,UAChDA,2BAAAA,IAACI,YAAAA,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,QAEAJ,2BAAAA;AAAAA,UAACG,0BAAAA,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,YAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,YAEJ,UAAAH,2BAAAA;AAAAA,cAACK,2BAAAA;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,QAAM;AAAA,gBACN,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,cAAY,qBAAqB;AAAA,gBAEjC,UAAAL,2BAAAA,IAAC,MAAA,EAAG,WAAU,6DACX,UAAA,kBAAkB,QAAA,EAAU,IAAI,CAAC,YAChCA,+BAAC,MAAA,EAAG,WAAU,eACZ,UAAAA,2BAAAA;AAAAA,kBAACM,yBAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAS,MAAM,mBAAmB,OAAO;AAAA,oBACzC,OAAO,GAAG,QAAQ,KAAK,OAAO;AAAA,oBAC9B,UAAU,oBAAoB;AAAA,oBAC9B,SAASC,yBAAAA,cAAc;AAAA,oBACvB,OAAOC,yBAAAA,YAAY;AAAA,oBACnB,aAAW;AAAA,oBACX,WAAWC,yBAAAA,gBAAgB;AAAA,oBAC3B,MAAMC,yBAAAA,WAAW;AAAA,oBAEjB,UAAAV,2BAAAA,IAAC,OAAA,EAAI,WAAU,0FACZ,UAAA,QAAA,CACH;AAAA,kBAAA;AAAA,gBAAA,EACF,GAd+B,OAejC,CACD,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"VersionSwitcher.cjs","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoveVertical } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { Container } from '../../Container';\nimport { DropDown, type PanelProps } from '../../DropDown';\nimport { useVersionSwitcher } from './VersionSwitcherContext';\n\nexport type VersionSwitcherProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'version-switcher';\n\nexport const VersionSwitcher: FC<VersionSwitcherProps> = ({ panelProps }) => {\n  const { switchTo, versionSwitcherLabel, versionListLabel } =\n    useIntlayer('version-switcher');\n  const { selectedVersion, availableVersions, setSelectedVersion } =\n    useVersionSwitcher();\n\n  if (availableVersions.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"border-text text-text rounded-xl border transition-colors\"\n      aria-label={versionListLabel.value}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{selectedVersion ?? 'LTS'}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={versionSwitcherLabel.value}\n          >\n            <ol className=\"divide-text/20 divide-y divide-dashed overflow-y-auto p-1\">\n              {availableVersions.reverse().map((version) => (\n                <li className=\"px-1.5 py-1\" key={version}>\n                  <Button\n                    onClick={() => setSelectedVersion(version)}\n                    label={`${switchTo} v${version}`}\n                    isActive={selectedVersion === version}\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    isFullWidth\n                    textAlign={ButtonTextAlign.LEFT}\n                    size={ButtonSize.SM}\n                  >\n                    <div className=\"text-neutral flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-sm\">\n                      {version}\n                    </div>\n                  </Button>\n                </li>\n              ))}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["useIntlayer","useVersionSwitcher","jsx","Fragment","jsxs","DropDown","MoveVertical","Container","Button","ButtonVariant","ButtonColor","ButtonTextAlign","ButtonSize"],"mappings":";;;;;;;;;;AAoBA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC,EAAE,iBAAiB;AAC3E,QAAM,EAAE,UAAU,sBAAsB,iBAAA,IACtCA,cAAAA,YAAY,kBAAkB;AAChC,QAAM,EAAE,iBAAiB,mBAAmB,mBAAA,IAC1CC,gFAAAA,mBAAA;AAEF,MAAI,kBAAkB,WAAW,GAAG;AAClC,WAAOC,2BAAAA,IAAAC,WAAAA,UAAA,EAAE;AAAA,EACX;AAEA,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,iBAAiB;AAAA,MAE7B,UAAAE,2BAAAA,KAACC,0BAAAA,UAAA,EAAS,YAAY,qBACpB,UAAA;AAAA,QAAAH,2BAAAA,IAACG,0BAAAA,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,mBAAmB,OAAM;AAAA,UAChDA,2BAAAA,IAACI,YAAAA,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,QAEAJ,2BAAAA;AAAAA,UAACG,0BAAAA,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,YAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,YAEJ,UAAAH,2BAAAA;AAAAA,cAACK,2BAAAA;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,QAAM;AAAA,gBACN,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,cAAY,qBAAqB;AAAA,gBAEjC,UAAAL,2BAAAA,IAAC,MAAA,EAAG,WAAU,6DACX,UAAA,kBAAkB,QAAA,EAAU,IAAI,CAAC,YAChCA,+BAAC,MAAA,EAAG,WAAU,eACZ,UAAAA,2BAAAA;AAAAA,kBAACM,yBAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAS,MAAM,mBAAmB,OAAO;AAAA,oBACzC,OAAO,GAAG,QAAQ,KAAK,OAAO;AAAA,oBAC9B,UAAU,oBAAoB;AAAA,oBAC9B,SAASC,yBAAAA,cAAc;AAAA,oBACvB,OAAOC,yBAAAA,YAAY;AAAA,oBACnB,aAAW;AAAA,oBACX,WAAWC,yBAAAA,gBAAgB;AAAA,oBAC3B,MAAMC,yBAAAA,WAAW;AAAA,oBAEjB,UAAAV,2BAAAA,IAAC,OAAA,EAAI,WAAU,0FACZ,UAAA,QAAA,CACH;AAAA,kBAAA;AAAA,gBAAA,EACF,GAd+B,OAejC,CACD,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VersionSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;CAC7C,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkEpD,CAAC"}
+{"version":3,"file":"VersionSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;CAC7C,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiEpD,CAAC"}

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.mjs

@@ -1,17 +1,14 @@
 "use client";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { MoveVertical } from "lucide-react";
-import { useDictionary } from "react-intlayer";
+import { useIntlayer } from "react-intlayer";
 import { Button, ButtonSize, ButtonTextAlign, ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
 import { Container } from "../../Container/index.mjs";
 import { DropDown } from "../../DropDown/index.mjs";
 import { useVersionSwitcher } from "./VersionSwitcherContext.mjs";
-import versionSwitcherContent from "./versionSwitcherDropDown.content.mjs";
 const DROPDOWN_IDENTIFIER = "version-switcher";
 const VersionSwitcher = ({ panelProps }) => {
-  const { switchTo, versionSwitcherLabel, versionListLabel } = useDictionary(
-    versionSwitcherContent
-  );
+  const { switchTo, versionSwitcherLabel, versionListLabel } = useIntlayer("version-switcher");
   const { selectedVersion, availableVersions, setSelectedVersion } = useVersionSwitcher();
   if (availableVersions.length === 0) {
     return /* @__PURE__ */ jsx(Fragment, {});

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VersionSwitcher.mjs","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoveVertical } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { Container } from '../../Container';\nimport { DropDown, type PanelProps } from '../../DropDown';\nimport { useVersionSwitcher } from './VersionSwitcherContext';\nimport versionSwitcherContent from './versionSwitcherDropDown.content';\n\nexport type VersionSwitcherProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'version-switcher';\n\nexport const VersionSwitcher: FC<VersionSwitcherProps> = ({ panelProps }) => {\n  const { switchTo, versionSwitcherLabel, versionListLabel } = useDictionary(\n    versionSwitcherContent\n  );\n  const { selectedVersion, availableVersions, setSelectedVersion } =\n    useVersionSwitcher();\n\n  if (availableVersions.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"border-text text-text rounded-xl border transition-colors\"\n      aria-label={versionListLabel.value}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{selectedVersion ?? 'LTS'}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={versionSwitcherLabel.value}\n          >\n            <ol className=\"divide-text/20 divide-y divide-dashed overflow-y-auto p-1\">\n              {availableVersions.reverse().map((version) => (\n                <li className=\"px-1.5 py-1\" key={version}>\n                  <Button\n                    onClick={() => setSelectedVersion(version)}\n                    label={`${switchTo} v${version}`}\n                    isActive={selectedVersion === version}\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    isFullWidth\n                    textAlign={ButtonTextAlign.LEFT}\n                    size={ButtonSize.SM}\n                  >\n                    <div className=\"text-neutral flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-sm\">\n                      {version}\n                    </div>\n                  </Button>\n                </li>\n              ))}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqBA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC,EAAE,iBAAiB;AAC3E,QAAM,EAAE,UAAU,sBAAsB,iBAAA,IAAqB;AAAA,IAC3D;AAAA,EAAA;AAEF,QAAM,EAAE,iBAAiB,mBAAmB,mBAAA,IAC1C,mBAAA;AAEF,MAAI,kBAAkB,WAAW,GAAG;AAClC,WAAO,oBAAA,UAAA,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,iBAAiB;AAAA,MAE7B,UAAA,qBAAC,UAAA,EAAS,YAAY,qBACpB,UAAA;AAAA,QAAA,oBAAC,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAAA,qBAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,mBAAmB,OAAM;AAAA,UAChD,oBAAC,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,QAEA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,YAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,QAAM;AAAA,gBACN,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,cAAY,qBAAqB;AAAA,gBAEjC,UAAA,oBAAC,MAAA,EAAG,WAAU,6DACX,UAAA,kBAAkB,QAAA,EAAU,IAAI,CAAC,YAChC,oBAAC,MAAA,EAAG,WAAU,eACZ,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAS,MAAM,mBAAmB,OAAO;AAAA,oBACzC,OAAO,GAAG,QAAQ,KAAK,OAAO;AAAA,oBAC9B,UAAU,oBAAoB;AAAA,oBAC9B,SAAS,cAAc;AAAA,oBACvB,OAAO,YAAY;AAAA,oBACnB,aAAW;AAAA,oBACX,WAAW,gBAAgB;AAAA,oBAC3B,MAAM,WAAW;AAAA,oBAEjB,UAAA,oBAAC,OAAA,EAAI,WAAU,0FACZ,UAAA,QAAA,CACH;AAAA,kBAAA;AAAA,gBAAA,EACF,GAd+B,OAejC,CACD,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"VersionSwitcher.mjs","sources":["../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoveVertical } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { Container } from '../../Container';\nimport { DropDown, type PanelProps } from '../../DropDown';\nimport { useVersionSwitcher } from './VersionSwitcherContext';\n\nexport type VersionSwitcherProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'version-switcher';\n\nexport const VersionSwitcher: FC<VersionSwitcherProps> = ({ panelProps }) => {\n  const { switchTo, versionSwitcherLabel, versionListLabel } =\n    useIntlayer('version-switcher');\n  const { selectedVersion, availableVersions, setSelectedVersion } =\n    useVersionSwitcher();\n\n  if (availableVersions.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"border-text text-text rounded-xl border transition-colors\"\n      aria-label={versionListLabel.value}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{selectedVersion ?? 'LTS'}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"left-auto right-0\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={versionSwitcherLabel.value}\n          >\n            <ol className=\"divide-text/20 divide-y divide-dashed overflow-y-auto p-1\">\n              {availableVersions.reverse().map((version) => (\n                <li className=\"px-1.5 py-1\" key={version}>\n                  <Button\n                    onClick={() => setSelectedVersion(version)}\n                    label={`${switchTo} v${version}`}\n                    isActive={selectedVersion === version}\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    isFullWidth\n                    textAlign={ButtonTextAlign.LEFT}\n                    size={ButtonSize.SM}\n                  >\n                    <div className=\"text-neutral flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-sm\">\n                      {version}\n                    </div>\n                  </Button>\n                </li>\n              ))}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,sBAAsB;AAErB,MAAM,kBAA4C,CAAC,EAAE,iBAAiB;AAC3E,QAAM,EAAE,UAAU,sBAAsB,iBAAA,IACtC,YAAY,kBAAkB;AAChC,QAAM,EAAE,iBAAiB,mBAAmB,mBAAA,IAC1C,mBAAA;AAEF,MAAI,kBAAkB,WAAW,GAAG;AAClC,WAAO,oBAAA,UAAA,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,iBAAiB;AAAA,MAE7B,UAAA,qBAAC,UAAA,EAAS,YAAY,qBACpB,UAAA;AAAA,QAAA,oBAAC,SAAS,SAAT,EAAiB,YAAY,qBAC5B,UAAA,qBAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,QAAQ,UAAA,mBAAmB,OAAM;AAAA,UAChD,oBAAC,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,QAEA;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,YAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,QAAM;AAAA,gBACN,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,cAAY,qBAAqB;AAAA,gBAEjC,UAAA,oBAAC,MAAA,EAAG,WAAU,6DACX,UAAA,kBAAkB,QAAA,EAAU,IAAI,CAAC,YAChC,oBAAC,MAAA,EAAG,WAAU,eACZ,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAS,MAAM,mBAAmB,OAAO;AAAA,oBACzC,OAAO,GAAG,QAAQ,KAAK,OAAO;AAAA,oBAC9B,UAAU,oBAAoB;AAAA,oBAC9B,SAAS,cAAc;AAAA,oBACvB,OAAO,YAAY;AAAA,oBACnB,aAAW;AAAA,oBACX,WAAW,gBAAgB;AAAA,oBAC3B,MAAM,WAAW;AAAA,oBAEjB,UAAA,oBAAC,OAAA,EAAI,WAAU,0FACZ,UAAA,QAAA,CACH;AAAA,kBAAA;AAAA,gBAAA,EACF,GAd+B,OAejC,CACD,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/ExpandCollapse/ExpandCollapse.cjs

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
+const reactIntlayer = require("react-intlayer");
+const utils_cn = require("../../utils/cn.cjs");
+const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
+const DEFAULT_MIN_HEIGHT = 700;
+const ExpandCollapse = ({
+  isRollable = true,
+  minHeight = DEFAULT_MIN_HEIGHT,
+  children,
+  className
+}) => {
+  const [codeContainerHeight, setCodeContainerHeight] = ReactExports.useState(0);
+  const [isCollapsed, setIsCollapsed] = ReactExports.useState(true);
+  const codeContainerRef = ReactExports.useRef(null);
+  const { expandCollapseContent } = reactIntlayer.useIntlayer("expand-collapse");
+  const isTooBig = codeContainerHeight > minHeight;
+  ReactExports.useEffect(() => {
+    if (codeContainerRef.current) {
+      setCodeContainerHeight(codeContainerRef.current.clientHeight);
+    }
+  }, []);
+  if (!isRollable) {
+    return children;
+  }
+  if (!isTooBig) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid w-full", className), ref: codeContainerRef, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    components_MaxHeightSmoother_index.MaxHeightSmoother,
+    {
+      isHidden: isCollapsed,
+      minHeight,
+      className: "w-full overflow-x-scroll overflow-y-hidden",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid w-full", className), ref: codeContainerRef, children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: utils_cn.cn(
+              "absolute bottom-0 right-0 flex justify-center cursor-pointer w-full px-3 py-0.5 hover:py-1 transition-all duration-300 text-md text-neutral-700 dark:text-neutral-400 items-center shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent",
+              !isCollapsed && "w-auto"
+            ),
+            onClick: () => setIsCollapsed((prev) => !prev),
+            children: expandCollapseContent(isCollapsed)
+          }
+        )
+      ]
+    }
+  );
+};
+exports.ExpandCollapse = ExpandCollapse;
+//# sourceMappingURL=ExpandCollapse.cjs.map

package/dist/components/ExpandCollapse/ExpandCollapse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandCollapse.cjs","sources":["../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["'use client';\n\nimport { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type ExpandCollapseCompProps = {\n  isRollable?: boolean;\n  minHeight?: number;\n  children: ReactNode;\n  className?: string;\n};\n\nconst DEFAULT_MIN_HEIGHT = 700;\n\nexport const ExpandCollapse: FC<ExpandCollapseCompProps> = ({\n  isRollable = true,\n  minHeight = DEFAULT_MIN_HEIGHT,\n  children,\n  className,\n}) => {\n  const [codeContainerHeight, setCodeContainerHeight] = useState(0);\n  const [isCollapsed, setIsCollapsed] = useState(true);\n  const codeContainerRef = useRef<HTMLDivElement>(null);\n  const { expandCollapseContent } = useIntlayer('expand-collapse');\n\n  const isTooBig = codeContainerHeight > minHeight;\n\n  useEffect(() => {\n    if (codeContainerRef.current) {\n      setCodeContainerHeight(codeContainerRef.current.clientHeight);\n    }\n  }, []);\n\n  if (!isRollable) {\n    return children;\n  }\n\n  if (!isTooBig) {\n    return (\n      <div className={cn('grid w-full', className)} ref={codeContainerRef}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <MaxHeightSmoother\n      isHidden={isCollapsed}\n      minHeight={minHeight}\n      className=\"w-full overflow-x-scroll overflow-y-hidden\"\n    >\n      <div className={cn('grid w-full', className)} ref={codeContainerRef}>\n        {children}\n      </div>\n      <button\n        className={cn(\n          'absolute bottom-0 right-0 flex justify-center cursor-pointer w-full px-3 py-0.5 hover:py-1 transition-all duration-300 text-md text-neutral-700 dark:text-neutral-400 items-center shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent',\n          !isCollapsed && 'w-auto'\n        )}\n        onClick={() => setIsCollapsed((prev) => !prev)}\n      >\n        {expandCollapseContent(isCollapsed)}\n      </button>\n    </MaxHeightSmoother>\n  );\n};\n"],"names":["useState","useRef","useIntlayer","useEffect","jsx","cn","jsxs","MaxHeightSmoother"],"mappings":";;;;;;;;AAcA,MAAM,qBAAqB;AAEpB,MAAM,iBAA8C,CAAC;AAAA,EAC1D,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,qBAAqB,sBAAsB,IAAIA,aAAAA,SAAS,CAAC;AAChE,QAAM,CAAC,aAAa,cAAc,IAAIA,aAAAA,SAAS,IAAI;AACnD,QAAM,mBAAmBC,aAAAA,OAAuB,IAAI;AACpD,QAAM,EAAE,sBAAA,IAA0BC,cAAAA,YAAY,iBAAiB;AAE/D,QAAM,WAAW,sBAAsB;AAEvCC,eAAAA,UAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,6BAAuB,iBAAiB,QAAQ,YAAY;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,UAAU;AACb,WACEC,+BAAC,SAAI,WAAWC,SAAAA,GAAG,eAAe,SAAS,GAAG,KAAK,kBAChD,SAAA,CACH;AAAA,EAEJ;AAEA,SACEC,2BAAAA;AAAAA,IAACC,mCAAAA;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAH,2BAAAA,IAAC,OAAA,EAAI,WAAWC,YAAG,eAAe,SAAS,GAAG,KAAK,kBAChD,UACH;AAAA,QACAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,SAAAA;AAAAA,cACT;AAAA,cACA,CAAC,eAAe;AAAA,YAAA;AAAA,YAElB,SAAS,MAAM,eAAe,CAAC,SAAS,CAAC,IAAI;AAAA,YAE5C,gCAAsB,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/ExpandCollapse/ExpandCollapse.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export type ExpandCollapseCompProps = {
+    isRollable?: boolean;
+    minHeight?: number;
+    children: ReactNode;
+    className?: string;
+};
+export declare const ExpandCollapse: FC<ExpandCollapseCompProps>;
+//# sourceMappingURL=ExpandCollapse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKnE,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,uBAAuB,CAmDtD,CAAC"}

package/dist/components/ExpandCollapse/ExpandCollapse.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { useIntlayer } from "react-intlayer";
+import { cn } from "../../utils/cn.mjs";
+import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
+const DEFAULT_MIN_HEIGHT = 700;
+const ExpandCollapse = ({
+  isRollable = true,
+  minHeight = DEFAULT_MIN_HEIGHT,
+  children,
+  className
+}) => {
+  const [codeContainerHeight, setCodeContainerHeight] = useState(0);
+  const [isCollapsed, setIsCollapsed] = useState(true);
+  const codeContainerRef = useRef(null);
+  const { expandCollapseContent } = useIntlayer("expand-collapse");
+  const isTooBig = codeContainerHeight > minHeight;
+  useEffect(() => {
+    if (codeContainerRef.current) {
+      setCodeContainerHeight(codeContainerRef.current.clientHeight);
+    }
+  }, []);
+  if (!isRollable) {
+    return children;
+  }
+  if (!isTooBig) {
+    return /* @__PURE__ */ jsx("div", { className: cn("grid w-full", className), ref: codeContainerRef, children });
+  }
+  return /* @__PURE__ */ jsxs(
+    MaxHeightSmoother,
+    {
+      isHidden: isCollapsed,
+      minHeight,
+      className: "w-full overflow-x-scroll overflow-y-hidden",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn("grid w-full", className), ref: codeContainerRef, children }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "absolute bottom-0 right-0 flex justify-center cursor-pointer w-full px-3 py-0.5 hover:py-1 transition-all duration-300 text-md text-neutral-700 dark:text-neutral-400 items-center shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent",
+              !isCollapsed && "w-auto"
+            ),
+            onClick: () => setIsCollapsed((prev) => !prev),
+            children: expandCollapseContent(isCollapsed)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ExpandCollapse
+};
+//# sourceMappingURL=ExpandCollapse.mjs.map

package/dist/components/ExpandCollapse/ExpandCollapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandCollapse.mjs","sources":["../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["'use client';\n\nimport { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type ExpandCollapseCompProps = {\n  isRollable?: boolean;\n  minHeight?: number;\n  children: ReactNode;\n  className?: string;\n};\n\nconst DEFAULT_MIN_HEIGHT = 700;\n\nexport const ExpandCollapse: FC<ExpandCollapseCompProps> = ({\n  isRollable = true,\n  minHeight = DEFAULT_MIN_HEIGHT,\n  children,\n  className,\n}) => {\n  const [codeContainerHeight, setCodeContainerHeight] = useState(0);\n  const [isCollapsed, setIsCollapsed] = useState(true);\n  const codeContainerRef = useRef<HTMLDivElement>(null);\n  const { expandCollapseContent } = useIntlayer('expand-collapse');\n\n  const isTooBig = codeContainerHeight > minHeight;\n\n  useEffect(() => {\n    if (codeContainerRef.current) {\n      setCodeContainerHeight(codeContainerRef.current.clientHeight);\n    }\n  }, []);\n\n  if (!isRollable) {\n    return children;\n  }\n\n  if (!isTooBig) {\n    return (\n      <div className={cn('grid w-full', className)} ref={codeContainerRef}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <MaxHeightSmoother\n      isHidden={isCollapsed}\n      minHeight={minHeight}\n      className=\"w-full overflow-x-scroll overflow-y-hidden\"\n    >\n      <div className={cn('grid w-full', className)} ref={codeContainerRef}>\n        {children}\n      </div>\n      <button\n        className={cn(\n          'absolute bottom-0 right-0 flex justify-center cursor-pointer w-full px-3 py-0.5 hover:py-1 transition-all duration-300 text-md text-neutral-700 dark:text-neutral-400 items-center shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent',\n          !isCollapsed && 'w-auto'\n        )}\n        onClick={() => setIsCollapsed((prev) => !prev)}\n      >\n        {expandCollapseContent(isCollapsed)}\n      </button>\n    </MaxHeightSmoother>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcA,MAAM,qBAAqB;AAEpB,MAAM,iBAA8C,CAAC;AAAA,EAC1D,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,CAAC;AAChE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AACnD,QAAM,mBAAmB,OAAuB,IAAI;AACpD,QAAM,EAAE,sBAAA,IAA0B,YAAY,iBAAiB;AAE/D,QAAM,WAAW,sBAAsB;AAEvC,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,6BAAuB,iBAAiB,QAAQ,YAAY;AAAA,IAC9D;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,UAAU;AACb,WACE,oBAAC,SAAI,WAAW,GAAG,eAAe,SAAS,GAAG,KAAK,kBAChD,SAAA,CACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAW,GAAG,eAAe,SAAS,GAAG,KAAK,kBAChD,UACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,CAAC,eAAe;AAAA,YAAA;AAAA,YAElB,SAAS,MAAM,eAAe,CAAC,SAAS,CAAC,IAAI;AAAA,YAE5C,gCAAsB,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/ExpandCollapse/expandCollapse.content.cjs

@@ -0,0 +1,41 @@
+"use strict";
+const intlayer = require("intlayer");
+const expandCollapseContent = {
+  key: "expand-collapse",
+  content: {
+    expandCollapseContent: intlayer.cond({
+      true: intlayer.t({
+        en: "Show all",
+        fr: "Afficher tout",
+        es: "Mostrar todo",
+        "en-GB": "Show all",
+        de: "Mehr anzeigen",
+        ja: "すべて表示",
+        ko: "모두 보기",
+        zh: "显示全部",
+        it: "Mostra tutto",
+        pt: "Mostrar tudo",
+        hi: "सभी दिखाएँ",
+        ar: "عرض الكل",
+        ru: "Показать все"
+      }),
+      false: intlayer.t({
+        en: "Show less",
+        fr: "Afficher moins",
+        es: "Mostrar menos",
+        "en-GB": "Show less",
+        de: "Weniger anzeigen",
+        ja: "表示を減らす",
+        ko: "간략히 보기",
+        zh: "显示较少",
+        it: "Mostra meno",
+        pt: "Mostrar menos",
+        hi: "कम दिखाएँ",
+        ar: "عرض أقل",
+        ru: "Показать меньше"
+      })
+    })
+  }
+};
+module.exports = expandCollapseContent;
+//# sourceMappingURL=expandCollapse.content.cjs.map

package/dist/components/ExpandCollapse/expandCollapse.content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandCollapse.content.cjs","sources":["../../../src/components/ExpandCollapse/expandCollapse.content.ts"],"sourcesContent":["import { cond, t, type Dictionary } from 'intlayer';\n\nconst expandCollapseContent = {\n  key: 'expand-collapse',\n  content: {\n    expandCollapseContent: cond({\n      true: t({\n        en: 'Show all',\n        fr: 'Afficher tout',\n        es: 'Mostrar todo',\n        'en-GB': 'Show all',\n        de: 'Mehr anzeigen',\n        ja: 'すべて表示',\n        ko: '모두 보기',\n        zh: '显示全部',\n        it: 'Mostra tutto',\n        pt: 'Mostrar tudo',\n        hi: 'सभी दिखाएँ',\n        ar: 'عرض الكل',\n        ru: 'Показать все',\n      }),\n      false: t({\n        en: 'Show less',\n        fr: 'Afficher moins',\n        es: 'Mostrar menos',\n        'en-GB': 'Show less',\n        de: 'Weniger anzeigen',\n        ja: '表示を減らす',\n        ko: '간략히 보기',\n        zh: '显示较少',\n        it: 'Mostra meno',\n        pt: 'Mostrar menos',\n        hi: 'कम दिखाएँ',\n        ar: 'عرض أقل',\n        ru: 'Показать меньше',\n      }),\n    }),\n  },\n} satisfies Dictionary;\n\nexport default expandCollapseContent;\n"],"names":["cond","t"],"mappings":";;AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,uBAAuBA,SAAAA,KAAK;AAAA,MAC1B,MAAMC,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,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,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,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,MAAA,CACL;AAAA,IAAA,CACF;AAAA,EAAA;AAEL;;"}

package/dist/components/ExpandCollapse/expandCollapse.content.d.ts

@@ -0,0 +1,40 @@
+declare const expandCollapseContent: {
+    key: string;
+    content: {
+        expandCollapseContent: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Condition, import('@intlayer/core').ConditionContentStates<import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            fr: string;
+            es: string;
+            'en-GB': string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+        }, {
+            nodeType: import("@intlayer/core").NodeType.Translation | "translation";
+        } & {
+            translation: {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            };
+        }>>, {}>;
+    };
+};
+export default expandCollapseContent;
+//# sourceMappingURL=expandCollapse.content.d.ts.map

package/dist/components/ExpandCollapse/expandCollapse.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandCollapse.content.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandCollapse/expandCollapse.content.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCL,CAAC;AAEvB,eAAe,qBAAqB,CAAC"}

package/dist/components/ExpandCollapse/expandCollapse.content.mjs

@@ -0,0 +1,42 @@
+import { cond, t } from "intlayer";
+const expandCollapseContent = {
+  key: "expand-collapse",
+  content: {
+    expandCollapseContent: cond({
+      true: t({
+        en: "Show all",
+        fr: "Afficher tout",
+        es: "Mostrar todo",
+        "en-GB": "Show all",
+        de: "Mehr anzeigen",
+        ja: "すべて表示",
+        ko: "모두 보기",
+        zh: "显示全部",
+        it: "Mostra tutto",
+        pt: "Mostrar tudo",
+        hi: "सभी दिखाएँ",
+        ar: "عرض الكل",
+        ru: "Показать все"
+      }),
+      false: t({
+        en: "Show less",
+        fr: "Afficher moins",
+        es: "Mostrar menos",
+        "en-GB": "Show less",
+        de: "Weniger anzeigen",
+        ja: "表示を減らす",
+        ko: "간략히 보기",
+        zh: "显示较少",
+        it: "Mostra meno",
+        pt: "Mostrar menos",
+        hi: "कम दिखाएँ",
+        ar: "عرض أقل",
+        ru: "Показать меньше"
+      })
+    })
+  }
+};
+export {
+  expandCollapseContent as default
+};
+//# sourceMappingURL=expandCollapse.content.mjs.map

package/dist/components/ExpandCollapse/expandCollapse.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandCollapse.content.mjs","sources":["../../../src/components/ExpandCollapse/expandCollapse.content.ts"],"sourcesContent":["import { cond, t, type Dictionary } from 'intlayer';\n\nconst expandCollapseContent = {\n  key: 'expand-collapse',\n  content: {\n    expandCollapseContent: cond({\n      true: t({\n        en: 'Show all',\n        fr: 'Afficher tout',\n        es: 'Mostrar todo',\n        'en-GB': 'Show all',\n        de: 'Mehr anzeigen',\n        ja: 'すべて表示',\n        ko: '모두 보기',\n        zh: '显示全部',\n        it: 'Mostra tutto',\n        pt: 'Mostrar tudo',\n        hi: 'सभी दिखाएँ',\n        ar: 'عرض الكل',\n        ru: 'Показать все',\n      }),\n      false: t({\n        en: 'Show less',\n        fr: 'Afficher moins',\n        es: 'Mostrar menos',\n        'en-GB': 'Show less',\n        de: 'Weniger anzeigen',\n        ja: '表示を減らす',\n        ko: '간략히 보기',\n        zh: '显示较少',\n        it: 'Mostra meno',\n        pt: 'Mostrar menos',\n        hi: 'कम दिखाएँ',\n        ar: 'عرض أقل',\n        ru: 'Показать меньше',\n      }),\n    }),\n  },\n} satisfies Dictionary;\n\nexport default expandCollapseContent;\n"],"names":[],"mappings":";AAEA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,SAAS;AAAA,IACP,uBAAuB,KAAK;AAAA,MAC1B,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,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,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,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,MAAA,CACL;AAAA,IAAA,CACF;AAAA,EAAA;AAEL;"}

package/dist/components/ExpandCollapse/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_ExpandCollapse_ExpandCollapse = require("./ExpandCollapse.cjs");
+exports.ExpandCollapse = components_ExpandCollapse_ExpandCollapse.ExpandCollapse;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,2 @@
+export * from './ExpandCollapse';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandCollapse/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/ExpandCollapse/index.mjs

@@ -0,0 +1,5 @@
+import { ExpandCollapse } from "./ExpandCollapse.mjs";
+export {
+  ExpandCollapse
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/IDE/Code.cjs

@@ -3,12 +3,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Container_index = require("../Container/index.cjs");
+const components_ExpandCollapse_ExpandCollapse = require("../ExpandCollapse/ExpandCollapse.cjs");
 const components_IDE_CodeBlockClient = require("./CodeBlockClient.cjs");
 const components_IDE_CodeConditionalRenderer = require("./CodeConditionalRenderer.cjs");
 const components_IDE_CodeFormatSelector = require("./CodeFormatSelector.cjs");
 const components_IDE_ContentDeclarationFormatSelector = require("./ContentDeclarationFormatSelector.cjs");
 const components_IDE_CopyCode = require("./CopyCode.cjs");
 const components_IDE_PackageManagerSelector = require("./PackageManagerSelector.cjs");
+const MIN_HEIGHT = 700;
 const Code = ({
   children,
   language,
@@ -20,6 +22,7 @@ const Code = ({
   packageManager,
   codeFormat,
   contentDeclarationFormat,
+  isRollable = true,
   ...props
 }) => {
   const code = children.endsWith("\n") ? children.slice(0, -1) : children;
@@ -61,7 +64,15 @@ const Code = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeBlockClient.CodeBlock, { lang: language, isDarkMode, children: code }) })
+            /* @__PURE__ */ jsxRuntime.jsx(components_ExpandCollapse_ExpandCollapse.ExpandCollapse, { minHeight: MIN_HEIGHT, isRollable, children: /* @__PURE__ */ jsxRuntime.jsx(
+              components_IDE_CodeBlockClient.CodeBlock,
+              {
+                lang: language,
+                isDarkMode,
+                className: "p-2 scroll-w-auto",
+                children: code
+              }
+            ) })
           ]
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  CodeFormat,\n  ContentDeclarationFormat,\n  PackageManager,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyCode } from './CopyCode';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Code: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showHeader = true,\n  showLineNumbers = true,\n  className,\n  fileName,\n  packageManager,\n  codeFormat,\n  contentDeclarationFormat,\n  ...props\n}) => {\n  const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n  const hadSelectInHeader =\n    packageManager || codeFormat || contentDeclarationFormat;\n\n  return (\n    <CodeConditionalRender\n      packageManager={packageManager}\n      codeFormat={codeFormat}\n      contentDeclarationFormat={contentDeclarationFormat}\n    >\n      <Container\n        className={cn(\n          'relative text-sm leading-6',\n          showLineNumbers && 'with-line-number ml-0',\n          className\n        )}\n        transparency=\"lg\"\n        {...props}\n      >\n        {showHeader && (\n          <>\n            <div className=\"bg-card/50 text-neutral grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n              <span className=\"truncate\">{fileName ?? language}</span>\n              <div className=\"flex items-center gap-2\">\n                {packageManager && <PackageManagerSelector />}\n                {codeFormat && <CodeFormatSelector />}\n                {contentDeclarationFormat && (\n                  <ContentDeclarationFormatSelector />\n                )}\n              </div>\n            </div>\n            <div className=\"sticky top-48\">\n              <div\n                className={cn(\n                  'absolute bottom-0 right-2 flex h-7 items-center',\n                  hadSelectInHeader && 'h-11'\n                )}\n              >\n                <CopyCode code={code} />\n              </div>\n            </div>\n          </>\n        )}\n        <div className=\"grid size-full grid-cols-[0px] overflow-auto p-3\">\n          <CodeBlock lang={language} isDarkMode={isDarkMode}>\n            {code}\n          </CodeBlock>\n        </div>\n      </Container>\n    </CodeConditionalRender>\n  );\n};\n"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyCode","CodeBlock"],"mappings":";;;;;;;;;;;AAiCO,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAE/D,QAAM,oBACJ,kBAAkB,cAAc;AAElC,SACEA,2BAAAA;AAAAA,IAACC,uCAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAAA;AAAAA,QAACC,2BAAAA;AAAAA,QAAA;AAAA,UACC,WAAWC,SAAAA;AAAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UAAA;AAAA,UAEF,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cACCF,2BAAAA,KAAAG,qBAAA,EACE,UAAA;AAAA,cAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAAA,wBAAA,EAAuB;AAAA,kBAC1C,6CAAeC,kCAAAA,oBAAA,EAAmB;AAAA,kBAClC,2DACEC,gDAAAA,kCAAA,CAAA,CAAiC;AAAA,gBAAA,EAAA,CAEtC;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAA,EAAI,WAAU,iBACb,UAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAAA;AAAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBAAA;AAAA,kBAGvB,UAAAJ,2BAAAA,IAACS,oCAAS,KAAA,CAAY;AAAA,gBAAA;AAAA,cAAA,EACxB,CACF;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA,IAAC,OAAA,EAAI,WAAU,oDACb,UAAAA,2BAAAA,IAACU,+BAAAA,aAAU,MAAM,UAAU,YACxB,UAAA,KAAA,CACH,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"Code.cjs","sources":["../../../src/components/IDE/Code.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { ExpandCollapse } from '../ExpandCollapse';\nimport { CodeBlock } from './CodeBlockClient';\nimport { CodeConditionalRender } from './CodeConditionalRenderer';\nimport type {\n  CodeFormat,\n  ContentDeclarationFormat,\n  PackageManager,\n} from './CodeContext';\nimport { CodeFormatSelector } from './CodeFormatSelector';\nimport { ContentDeclarationFormatSelector } from './ContentDeclarationFormatSelector';\nimport { CopyCode } from './CopyCode';\nimport { PackageManagerSelector } from './PackageManagerSelector';\n\nexport type CodeCompAttributes = {\n  fileName?: string;\n  packageManager?: PackageManager;\n  codeFormat?: CodeFormat;\n  contentDeclarationFormat?: ContentDeclarationFormat;\n};\n\ntype CodeCompProps = {\n  children: string;\n  fileName?: string;\n  language: BundledLanguage;\n  isDarkMode?: boolean;\n  showHeader?: boolean;\n  showLineNumbers?: boolean;\n  isRollable?: boolean;\n} & CodeCompAttributes &\n  HTMLAttributes<HTMLDivElement>;\n\nconst MIN_HEIGHT = 700;\n\nexport const Code: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showHeader = true,\n  showLineNumbers = true,\n  className,\n  fileName,\n  packageManager,\n  codeFormat,\n  contentDeclarationFormat,\n  isRollable = true,\n  ...props\n}) => {\n  const code = children.endsWith('\\n') ? children.slice(0, -1) : children;\n\n  const hadSelectInHeader =\n    packageManager || codeFormat || contentDeclarationFormat;\n\n  return (\n    <CodeConditionalRender\n      packageManager={packageManager}\n      codeFormat={codeFormat}\n      contentDeclarationFormat={contentDeclarationFormat}\n    >\n      <Container\n        className={cn(\n          'relative text-sm leading-6',\n          showLineNumbers && 'with-line-number ml-0',\n          className\n        )}\n        transparency=\"lg\"\n        {...props}\n      >\n        {showHeader && (\n          <>\n            <div className=\"bg-card/50 text-neutral grid w-full grid-cols-[1fr_auto] items-center justify-between rounded-t-xl py-1.5 pl-4 pr-12 text-xs\">\n              <span className=\"truncate\">{fileName ?? language}</span>\n              <div className=\"flex items-center gap-2\">\n                {packageManager && <PackageManagerSelector />}\n                {codeFormat && <CodeFormatSelector />}\n                {contentDeclarationFormat && (\n                  <ContentDeclarationFormatSelector />\n                )}\n              </div>\n            </div>\n            <div className=\"sticky top-48\">\n              <div\n                className={cn(\n                  'absolute bottom-0 right-2 flex h-7 items-center',\n                  hadSelectInHeader && 'h-11'\n                )}\n              >\n                <CopyCode code={code} />\n              </div>\n            </div>\n          </>\n        )}\n        <ExpandCollapse minHeight={MIN_HEIGHT} isRollable={isRollable}>\n          <CodeBlock\n            lang={language}\n            isDarkMode={isDarkMode}\n            className=\"p-2 scroll-w-auto\"\n          >\n            {code}\n          </CodeBlock>\n        </ExpandCollapse>\n      </Container>\n    </CodeConditionalRender>\n  );\n};\n"],"names":["jsx","CodeConditionalRender","jsxs","Container","cn","Fragment","PackageManagerSelector","CodeFormatSelector","ContentDeclarationFormatSelector","CopyCode","ExpandCollapse","CodeBlock"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,aAAa;AAEZ,MAAM,OAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,SAAS,SAAS,IAAI,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI;AAE/D,QAAM,oBACJ,kBAAkB,cAAc;AAElC,SACEA,2BAAAA;AAAAA,IAACC,uCAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAAA;AAAAA,QAACC,2BAAAA;AAAAA,QAAA;AAAA,UACC,WAAWC,SAAAA;AAAAA,YACT;AAAA,YACA,mBAAmB;AAAA,YACnB;AAAA,UAAA;AAAA,UAEF,cAAa;AAAA,UACZ,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA,cACCF,2BAAAA,KAAAG,qBAAA,EACE,UAAA;AAAA,cAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,gIACb,UAAA;AAAA,gBAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,YAAY,UAAS;AAAA,gBACjDE,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,kBAAA,iDAAmBI,sCAAAA,wBAAA,EAAuB;AAAA,kBAC1C,6CAAeC,kCAAAA,oBAAA,EAAmB;AAAA,kBAClC,2DACEC,gDAAAA,kCAAA,CAAA,CAAiC;AAAA,gBAAA,EAAA,CAEtC;AAAA,cAAA,GACF;AAAA,cACAR,2BAAAA,IAAC,OAAA,EAAI,WAAU,iBACb,UAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWI,SAAAA;AAAAA,oBACT;AAAA,oBACA,qBAAqB;AAAA,kBAAA;AAAA,kBAGvB,UAAAJ,2BAAAA,IAACS,oCAAS,KAAA,CAAY;AAAA,gBAAA;AAAA,cAAA,EACxB,CACF;AAAA,YAAA,GACF;AAAA,YAEFT,2BAAAA,IAACU,yCAAAA,gBAAA,EAAe,WAAW,YAAY,YACrC,UAAAV,2BAAAA;AAAAA,cAACW,+BAAAA;AAAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN;AAAA,gBACA,WAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

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

@@ -14,6 +14,7 @@ type CodeCompProps = {
     isDarkMode?: boolean;
     showHeader?: boolean;
     showLineNumbers?: boolean;
+    isRollable?: boolean;
 } & CodeCompAttributes & HTMLAttributes<HTMLDivElement>;
 export declare const Code: FC<CodeCompProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAK7C,OAAO,KAAK,EACV,UAAU,EACV,wBAAwB,EACxB,cAAc,EACf,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;CACrD,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,kBAAkB,GACpB,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAiElC,CAAC"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EACV,UAAU,EACV,wBAAwB,EACxB,cAAc,EACf,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;CACrD,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,kBAAkB,GACpB,cAAc,CAAC,cAAc,CAAC,CAAC;AAIjC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,CAsElC,CAAC"}

package/dist/components/IDE/Code.mjs

@@ -1,12 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.mjs";
 import { Container } from "../Container/index.mjs";
+import { ExpandCollapse } from "../ExpandCollapse/ExpandCollapse.mjs";
 import { CodeBlock } from "./CodeBlockClient.mjs";
 import { CodeConditionalRender } from "./CodeConditionalRenderer.mjs";
 import { CodeFormatSelector } from "./CodeFormatSelector.mjs";
 import { ContentDeclarationFormatSelector } from "./ContentDeclarationFormatSelector.mjs";
 import { CopyCode } from "./CopyCode.mjs";
 import { PackageManagerSelector } from "./PackageManagerSelector.mjs";
+const MIN_HEIGHT = 700;
 const Code = ({
   children,
   language,
@@ -18,6 +20,7 @@ const Code = ({
   packageManager,
   codeFormat,
   contentDeclarationFormat,
+  isRollable = true,
   ...props
 }) => {
   const code = children.endsWith("\n") ? children.slice(0, -1) : children;
@@ -59,7 +62,15 @@ const Code = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "grid size-full grid-cols-[0px] overflow-auto p-3", children: /* @__PURE__ */ jsx(CodeBlock, { lang: language, isDarkMode, children: code }) })
+            /* @__PURE__ */ jsx(ExpandCollapse, { minHeight: MIN_HEIGHT, isRollable, children: /* @__PURE__ */ jsx(
+              CodeBlock,
+              {
+                lang: language,
+                isDarkMode,
+                className: "p-2 scroll-w-auto",
+                children: code
+              }
+            ) })
           ]
         }
       )