npm - @intlayer/design-system - Versions diffs - 5.8.1 → 6.0.0-canary.1 - Mend

@intlayer/design-system 5.8.1 → 6.0.0-canary.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (340) hide show

package/dist/components/DictionaryFieldEditor/nodeTypeSelector.content.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export declare const nodeTypeSelectorContent: {
     key: string;
+    autoFill: string;
     content: {
         triggerPlaceHolder: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
             en: string;
@@ -15,6 +16,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -32,6 +34,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         multilingual: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -48,6 +51,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -65,6 +69,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         text: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -81,6 +86,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -98,6 +104,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         number: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -114,6 +121,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -131,6 +139,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         boolean: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -147,6 +156,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -164,6 +174,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         node: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -180,6 +191,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -197,6 +209,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         array: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -213,6 +226,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -230,6 +244,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         enumeration: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -246,6 +261,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -263,6 +279,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         nest: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -279,7 +296,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
-            nl: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -297,7 +314,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
-                nl: string;
+                tr: string;
             };
         }>;
         insertion: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -314,6 +331,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -331,6 +349,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         condition: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -347,6 +366,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -364,6 +384,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         file: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -380,6 +401,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -397,6 +419,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         markdown: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -413,6 +436,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -430,6 +454,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
         reactNode: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
@@ -446,6 +471,7 @@ export declare const nodeTypeSelectorContent: {
             hi: string;
             ar: string;
             ru: string;
+            tr: string;
         }, {
             nodeType: import("@intlayer/core").NodeType.Translation | "translation";
         } & {
@@ -463,6 +489,7 @@ export declare const nodeTypeSelectorContent: {
                 hi: string;
                 ar: string;
                 ru: string;
+                tr: string;
             };
         }>;
     };

package/dist/components/DictionaryFieldEditor/nodeTypeSelector.content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nodeTypeSelector.content.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuNd,CAAC;AAEvB,eAAe,uBAAuB,CAAC"}
1	+ {"version":3,"file":"nodeTypeSelector.content.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqOd,CAAC;AAEvB,eAAe,uBAAuB,CAAC"}

package/dist/components/DictionaryFieldEditor/nodeTypeSelector.content.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import { t } from "intlayer";
 const nodeTypeSelectorContent = {
   key: "node-type-selector",
+  autoFill: "./{{key}}.content.json",
   content: {
     triggerPlaceHolder: t({
       en: "Node type",
@@ -15,7 +16,8 @@ const nodeTypeSelectorContent = {
       pt: "Tipo de nó",
       hi: "नोड प्रकार",
       ar: "نوع العقدة",
-      ru: "Тип узла"
+      ru: "Тип узла",
+      tr: "Düğüm türü"
     }),
     multilingual: t({
       en: "Multilingual content",
@@ -30,7 +32,8 @@ const nodeTypeSelectorContent = {
       pt: "Conteúdo multilíngue",
       hi: "बहुभाषी सामग्री",
       ar: "محتوى متعدد اللغات",
-      ru: "Многоязычный контент"
+      ru: "Многоязычный контент",
+      tr: "Çok dilli içerik"
     }),
     text: t({
       en: "Text",
@@ -45,7 +48,8 @@ const nodeTypeSelectorContent = {
       pt: "Texto",
       hi: "पाठ",
       ar: "نص",
-      ru: "Текст"
+      ru: "Текст",
+      tr: "Metin"
     }),
     number: t({
       en: "Number",
@@ -60,7 +64,8 @@ const nodeTypeSelectorContent = {
       pt: "Número",
       hi: "संख्या",
       ar: "رقم",
-      ru: "Число"
+      ru: "Число",
+      tr: "Sayı"
     }),
     boolean: t({
       en: "Boolean",
@@ -75,7 +80,8 @@ const nodeTypeSelectorContent = {
       pt: "Booleano",
       hi: "बूलियन",
       ar: "منطقي",
-      ru: "Булево"
+      ru: "Булево",
+      tr: "Boolean"
     }),
     node: t({
       en: "Object",
@@ -90,7 +96,8 @@ const nodeTypeSelectorContent = {
       pt: "Objeto",
       hi: "ऑब्जेक्ट",
       ar: "كائن",
-      ru: "Объект"
+      ru: "Объект",
+      tr: "Nesne"
     }),
     array: t({
       en: "Array",
@@ -105,7 +112,8 @@ const nodeTypeSelectorContent = {
       pt: "Array",
       hi: "ऐरे",
       ar: "مصفوفة",
-      ru: "Массив"
+      ru: "Массив",
+      tr: "Dizi"
     }),
     enumeration: t({
       en: "Enumeration",
@@ -120,7 +128,8 @@ const nodeTypeSelectorContent = {
       pt: "Enumeração",
       hi: "गणना",
       ar: "تعداد",
-      ru: "Перечисление"
+      ru: "Перечисление",
+      tr: "Numaralandırma"
     }),
     nest: t({
       en: "Nesting",
@@ -136,7 +145,7 @@ const nodeTypeSelectorContent = {
       hi: "नेस्टेंस",
       ar: "مستوى",
       ru: "Вложенность",
-      nl: "Nest"
+      tr: "İç içe geçme"
     }),
     insertion: t({
       en: "Insertion",
@@ -151,7 +160,8 @@ const nodeTypeSelectorContent = {
       pt: "Inserção",
       hi: "सम्मिलन",
       ar: "إدراج",
-      ru: "Вставка"
+      ru: "Вставка",
+      tr: "Ekleme"
     }),
     condition: t({
       en: "Condition",
@@ -166,7 +176,8 @@ const nodeTypeSelectorContent = {
       pt: "Condição",
       hi: "शर्त्ता",
       ar: "شرط",
-      ru: "Условие"
+      ru: "Условие",
+      tr: "Koşul"
     }),
     file: t({
       en: "File",
@@ -181,7 +192,8 @@ const nodeTypeSelectorContent = {
       pt: "Arquivo",
       hi: "फ़ाइल",
       ar: "ملف",
-      ru: "Файл"
+      ru: "Файл",
+      tr: "Dosya"
     }),
     markdown: t({
       en: "Markdown",
@@ -196,7 +208,8 @@ const nodeTypeSelectorContent = {
       pt: "Markdown",
       hi: "मार्कडाउन",
       ar: "مارك داون",
-      ru: "Markdown"
+      ru: "Markdown",
+      tr: "Markdown"
     }),
     reactNode: t({
       en: "React Node",
@@ -211,7 +224,8 @@ const nodeTypeSelectorContent = {
       pt: "Nó React",
       hi: "रेड नोड",
       ar: "عقدة رياكت",
-      ru: "Реакт узел"
+      ru: "Реакт узел",
+      tr: "React Node"
     })
   }
 };

package/dist/components/DictionaryFieldEditor/nodeTypeSelector.content.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nodeTypeSelector.content.mjs","sources":["../../../src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const nodeTypeSelectorContent = {\n key: 'node-type-selector',\n content: {\n triggerPlaceHolder: t({\n en: 'Node type',\n 'en-GB': 'Node type',\n fr: 'Type du Nœud',\n es: 'Tipo del nodo',\n de: 'Knotentyp',\n ja: 'ノードタイプ',\n ko: '노드 유형',\n zh: '节点类型',\n it: 'Tipo di nodo',\n pt: 'Tipo de nó',\n hi: 'नोड प्रकार',\n ar: 'نوع العقدة',\n ru: 'Тип узла',\n }),\n multilingual: t({\n en: 'Multilingual content',\n 'en-GB': 'Multilingual content',\n fr: 'Contenu Multilingue',\n es: 'Contenido multilingüe',\n de: 'Mehrsprachiger Inhalt',\n ja: '複数言語コンテンツ',\n ko: '다중 언어 콘텐츠',\n zh: '多语言内容',\n it: 'Contenuto multilingue',\n pt: 'Conteúdo multilíngue',\n hi: 'बहुभाषी सामग्री',\n ar: 'محتوى متعدد اللغات',\n ru: 'Многоязычный контент',\n }),\n text: t({\n en: 'Text',\n 'en-GB': 'Text',\n fr: 'Texte',\n es: 'Texto',\n de: 'Text',\n ja: 'テキスト',\n ko: '텍스트',\n zh: '文本',\n it: 'Testo',\n pt: 'Texto',\n hi: 'पाठ',\n ar: 'نص',\n ru: 'Текст',\n }),\n number: t({\n en: 'Number',\n 'en-GB': 'Number',\n fr: 'Nombre',\n es: 'Número',\n de: 'Zahl',\n ja: '数字',\n ko: '숫자',\n zh: '数字',\n it: 'Numero',\n pt: 'Número',\n hi: 'संख्या',\n ar: 'رقم',\n ru: 'Число',\n }),\n boolean: t({\n en: 'Boolean',\n 'en-GB': 'Boolean',\n fr: 'Booléen',\n es: 'Booleano',\n de: 'Bool',\n ja: 'ブール',\n ko: '불리언',\n zh: '布尔',\n it: 'Booleano',\n pt: 'Booleano',\n hi: 'बूलियन',\n ar: 'منطقي',\n ru: 'Булево',\n }),\n node: t({\n en: 'Object',\n 'en-GB': 'Object',\n fr: 'Objet',\n es: 'Objeto',\n de: 'Objekt',\n ja: 'オブジェクト',\n ko: '객체',\n zh: '对象',\n it: 'Oggetto',\n pt: 'Objeto',\n hi: 'ऑब्जेक्ट',\n ar: 'كائن',\n ru: 'Объект',\n }),\n array: t({\n en: 'Array',\n 'en-GB': 'Array',\n fr: 'Tableau',\n es: 'Arreglo',\n de: 'Array',\n ja: '配列',\n ko: '배열',\n zh: '数组',\n it: 'Array',\n pt: 'Array',\n hi: 'ऐरे',\n ar: 'مصفوفة',\n ru: 'Массив',\n }),\n enumeration: t({\n en: 'Enumeration',\n 'en-GB': 'Enumeration',\n fr: 'Énumération',\n es: 'Enumeración',\n de: 'Enumeration',\n ja: '列挙',\n ko: '열거',\n zh: '枚举',\n it: 'Enumerazione',\n pt: 'Enumeração',\n hi: 'गणना',\n ar: 'تعداد',\n ru: 'Перечисление',\n }),\n nest: t({\n en: 'Nesting',\n 'en-GB': 'Nesting',\n fr: 'Imbriquation',\n es: 'Anidación',\n de: 'Vererbung',\n ja: 'ネスト',\n ko: '중첩',\n zh: '嵌套',\n it: 'Nidificazione',\n pt: 'Nido',\n hi: 'नेस्टेंस',\n ar: 'مستوى',\n ru: 'Вложенность',\n nl: '~~Nest~~',\n }),\n insertion: t({\n en: 'Insertion',\n 'en-GB': 'Insertion',\n fr: 'Insertion',\n es: 'Inserción',\n de: 'Einfügung',\n ja: '挿入',\n ko: '삽입',\n zh: '插入',\n it: 'Inserimento',\n pt: 'Inserção',\n hi: 'सम्मिलन',\n ar: 'إدراج',\n ru: 'Вставка',\n }),\n condition: t({\n en: 'Condition',\n 'en-GB': 'Condition',\n fr: 'Condition',\n es: 'Condición',\n de: 'Bedingung',\n ja: '条件',\n ko: '조건',\n zh: '条件',\n it: 'Condizione',\n pt: 'Condição',\n hi: 'शर्त्ता',\n ar: 'شرط',\n ru: 'Условие',\n }),\n file: t({\n en: 'File',\n 'en-GB': 'File',\n fr: 'Fichier',\n es: 'Archivo',\n de: 'Datei',\n ja: 'ファイル',\n ko: '파일',\n zh: '文件',\n it: 'File',\n pt: 'Arquivo',\n hi: 'फ़ाइल',\n ar: 'ملف',\n ru: 'Файл',\n }),\n markdown: t({\n en: 'Markdown',\n 'en-GB': 'Markdown',\n fr: 'Markdown',\n es: 'Markdown',\n de: 'Markdown',\n ja: 'マークダウン',\n ko: '마크다운',\n zh: 'Markdown',\n it: 'Markdown',\n pt: 'Markdown',\n hi: 'मार्कडाउन',\n ar: 'مارك داون',\n ru: 'Markdown',\n }),\n reactNode: t({\n en: 'React Node',\n 'en-GB': 'React Node',\n fr: 'Node React',\n es: 'Nodo React',\n de: 'React-Knoten',\n ja: 'リアル・ノード',\n ko: '리액 노드',\n zh: 'React 节点',\n it: 'Nodo React',\n pt: 'Nó React',\n hi: 'रेड नोड',\n ar: 'عقدة رياكت',\n ru: 'Реакт узел',\n }),\n },\n} satisfies Dictionary;\n\nexport default nodeTypeSelectorContent;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"nodeTypeSelector.content.mjs","sources":["../../../src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const nodeTypeSelectorContent = {\n key: 'node-type-selector',\n autoFill: './{{key}}.content.json',\n content: {\n triggerPlaceHolder: t({\n en: 'Node type',\n 'en-GB': 'Node type',\n fr: 'Type du Nœud',\n es: 'Tipo del nodo',\n de: 'Knotentyp',\n ja: 'ノードタイプ',\n ko: '노드 유형',\n zh: '节点类型',\n it: 'Tipo di nodo',\n pt: 'Tipo de nó',\n hi: 'नोड प्रकार',\n ar: 'نوع العقدة',\n ru: 'Тип узла',\n tr: 'Düğüm türü',\n }),\n multilingual: t({\n en: 'Multilingual content',\n 'en-GB': 'Multilingual content',\n fr: 'Contenu Multilingue',\n es: 'Contenido multilingüe',\n de: 'Mehrsprachiger Inhalt',\n ja: '複数言語コンテンツ',\n ko: '다중 언어 콘텐츠',\n zh: '多语言内容',\n it: 'Contenuto multilingue',\n pt: 'Conteúdo multilíngue',\n hi: 'बहुभाषी सामग्री',\n ar: 'محتوى متعدد اللغات',\n ru: 'Многоязычный контент',\n tr: 'Çok dilli içerik',\n }),\n text: t({\n en: 'Text',\n 'en-GB': 'Text',\n fr: 'Texte',\n es: 'Texto',\n de: 'Text',\n ja: 'テキスト',\n ko: '텍스트',\n zh: '文本',\n it: 'Testo',\n pt: 'Texto',\n hi: 'पाठ',\n ar: 'نص',\n ru: 'Текст',\n tr: 'Metin',\n }),\n number: t({\n en: 'Number',\n 'en-GB': 'Number',\n fr: 'Nombre',\n es: 'Número',\n de: 'Zahl',\n ja: '数字',\n ko: '숫자',\n zh: '数字',\n it: 'Numero',\n pt: 'Número',\n hi: 'संख्या',\n ar: 'رقم',\n ru: 'Число',\n tr: 'Sayı',\n }),\n boolean: t({\n en: 'Boolean',\n 'en-GB': 'Boolean',\n fr: 'Booléen',\n es: 'Booleano',\n de: 'Bool',\n ja: 'ブール',\n ko: '불리언',\n zh: '布尔',\n it: 'Booleano',\n pt: 'Booleano',\n hi: 'बूलियन',\n ar: 'منطقي',\n ru: 'Булево',\n tr: 'Boolean',\n }),\n node: t({\n en: 'Object',\n 'en-GB': 'Object',\n fr: 'Objet',\n es: 'Objeto',\n de: 'Objekt',\n ja: 'オブジェクト',\n ko: '객체',\n zh: '对象',\n it: 'Oggetto',\n pt: 'Objeto',\n hi: 'ऑब्जेक्ट',\n ar: 'كائن',\n ru: 'Объект',\n tr: 'Nesne',\n }),\n array: t({\n en: 'Array',\n 'en-GB': 'Array',\n fr: 'Tableau',\n es: 'Arreglo',\n de: 'Array',\n ja: '配列',\n ko: '배열',\n zh: '数组',\n it: 'Array',\n pt: 'Array',\n hi: 'ऐरे',\n ar: 'مصفوفة',\n ru: 'Массив',\n tr: 'Dizi',\n }),\n enumeration: t({\n en: 'Enumeration',\n 'en-GB': 'Enumeration',\n fr: 'Énumération',\n es: 'Enumeración',\n de: 'Enumeration',\n ja: '列挙',\n ko: '열거',\n zh: '枚举',\n it: 'Enumerazione',\n pt: 'Enumeração',\n hi: 'गणना',\n ar: 'تعداد',\n ru: 'Перечисление',\n tr: 'Numaralandırma',\n }),\n nest: t({\n en: 'Nesting',\n 'en-GB': 'Nesting',\n fr: 'Imbriquation',\n es: 'Anidación',\n de: 'Vererbung',\n ja: 'ネスト',\n ko: '중첩',\n zh: '嵌套',\n it: 'Nidificazione',\n pt: 'Nido',\n hi: 'नेस्टेंस',\n ar: 'مستوى',\n ru: 'Вложенность',\n tr: 'İç içe geçme',\n }),\n insertion: t({\n en: 'Insertion',\n 'en-GB': 'Insertion',\n fr: 'Insertion',\n es: 'Inserción',\n de: 'Einfügung',\n ja: '挿入',\n ko: '삽입',\n zh: '插入',\n it: 'Inserimento',\n pt: 'Inserção',\n hi: 'सम्मिलन',\n ar: 'إدراج',\n ru: 'Вставка',\n tr: 'Ekleme',\n }),\n condition: t({\n en: 'Condition',\n 'en-GB': 'Condition',\n fr: 'Condition',\n es: 'Condición',\n de: 'Bedingung',\n ja: '条件',\n ko: '조건',\n zh: '条件',\n it: 'Condizione',\n pt: 'Condição',\n hi: 'शर्त्ता',\n ar: 'شرط',\n ru: 'Условие',\n tr: 'Koşul',\n }),\n file: t({\n en: 'File',\n 'en-GB': 'File',\n fr: 'Fichier',\n es: 'Archivo',\n de: 'Datei',\n ja: 'ファイル',\n ko: '파일',\n zh: '文件',\n it: 'File',\n pt: 'Arquivo',\n hi: 'फ़ाइल',\n ar: 'ملف',\n ru: 'Файл',\n tr: 'Dosya',\n }),\n markdown: t({\n en: 'Markdown',\n 'en-GB': 'Markdown',\n fr: 'Markdown',\n es: 'Markdown',\n de: 'Markdown',\n ja: 'マークダウン',\n ko: '마크다운',\n zh: 'Markdown',\n it: 'Markdown',\n pt: 'Markdown',\n hi: 'मार्कडाउन',\n ar: 'مارك داون',\n ru: 'Markdown',\n tr: 'Markdown',\n }),\n reactNode: t({\n en: 'React Node',\n 'en-GB': 'React Node',\n fr: 'Node React',\n es: 'Nodo React',\n de: 'React-Knoten',\n ja: 'リアル・ノード',\n ko: '리액 노드',\n zh: 'React 节点',\n it: 'Nodo React',\n pt: 'Nó React',\n hi: 'रेड नोड',\n ar: 'عقدة رياكت',\n ru: 'Реакт узел',\n tr: 'React Node',\n }),\n },\n} satisfies Dictionary;\n\nexport default nodeTypeSelectorContent;\n"],"names":[],"mappings":"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"}

package/dist/components/DropDown/index.cjs CHANGED Viewed

@@ -34,7 +34,6 @@ const Trigger = ({
     onClick: (e) => {
       e.currentTarget.focus();
     },
-    onBlur: (e) => e.currentTarget.blur(),
     variant: "none",
     ...props,
     children
@@ -73,7 +72,8 @@ const Panel = ({
         isHidden,
         className: utils_cn.cn(
           "overflow-x-visible",
-          isHidden !== false ? "invisible" : "visible",
+          isHidden === false && "invisible",
+          isHidden === true && "visible",
           isOverable && "group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]",
           isFocusable && "group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]"
         ),

package/dist/components/DropDown/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n Trigger: FC<TriggerProps>;\n Panel: FC<PanelProps>;\n};\n\n/*\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n * <DropDown.Trigger>\n * Open dropdown\n * </DropDown.Trigger>\n \n <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * </DropDown>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nexport const DropDown: DropDownType = ({\n children,\n className,\n identifier,\n ...props\n}) => (\n <div\n className={cn(`group/dropdown relative flex`, className)}\n aria-label={`DropDown ${identifier}`}\n id={`unrollable-panel-button-${identifier}`}\n aria-haspopup\n {...props}\n >\n {children}\n </div>\n);\n\nexport type TriggerProps = Partial<ButtonProps> & {\n identifier: string;\n};\n\n/\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n * <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nconst Trigger: FC<TriggerProps> = ({\n children,\n identifier,\n className,\n label,\n ...props\n}) => (\n <Button\n className={cn('w-full cursor-pointer', className)}\n label={label ?? `Open panel ${identifier}`}\n onClick={(e) => {\n // Ensure focus behavior is consistent across all mobile browsers\n (e.currentTarget as HTMLButtonElement).focus();\n }}\n onBlur={(e) => (e.currentTarget ~~as HTMLButtonElement)~~.blur()}\n variant=\"none\"\n {...props}\n >\n {children}\n </Button>\n);\n\nexport enum DropDownAlign {\n START = 'start',\n END = 'end',\n}\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n isFocusable?: boolean;\n isHidden?: boolean;\n isOverable?: boolean;\n identifier: string;\n align?: DropDownAlign \| `${DropDownAlign}`;\n};\n\n/\n Component that opens a dropdown menu when the trigger is clicked.\n \n Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n children,\n isHidden = undefined,\n isOverable = false,\n isFocusable = false,\n align = DropDownAlign.START,\n identifier,\n className,\n ...props\n}) => (\n <div\n className={cn(\n 'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n align === DropDownAlign.START && 'left-0',\n align === DropDownAlign.END && 'right-0',\n className\n )}\n aria-hidden={isHidden}\n role=\"region\"\n aria-labelledby={`unrollable-panel-button-${identifier}`}\n id={`unrollable-panel-${identifier}`}\n >\n <MaxHeightSmoother\n isHidden={isHidden}\n className={cn(\n 'overflow-x-visible',\n isHidden ~~!==~~ false ? 'invisible' : 'visible',\n isOverable &&\n 'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n isFocusable &&\n 'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n )}\n {...props}\n >\n {children}\n </MaxHeightSmoother>\n </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["jsx","cn","Button","DropDownAlign","MaxHeightSmoother"],"mappings":";;;;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACED,2BAAAA;AAAAA,EAACE,yBAAAA;AAAAA,EAAA;AAAA,IACC,WAAWD,SAAAA,GAAG,yBAAyB,SAAS;AAAA,IAChD,OAAO,SAAS,cAAc,UAAU;AAAA,IACxC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,~~IACA~~,~~QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAA;AAAA,IACtD,~~SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAGK,IAAK,kCAAAE,mBAAL;AACLA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,KAAA,IAAM;AAFI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAuBZ,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEH,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA,UAAU,WAAuB;AAAA,MACjC,UAAU,SAAqB;AAAA,MAC/B;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAAD,2BAAAA;AAAAA,MAACI,mCAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWH,SAAAA;AAAAA,UACT;AAAA,UACA,aAAa,QAAQ~~,cAAc~~;AAAA,~~UACnC~~,cACE;AAAA,UACF,eACE;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n Trigger: FC<TriggerProps>;\n Panel: FC<PanelProps>;\n};\n\n/*\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n * <DropDown.Trigger>\n * Open dropdown\n * </DropDown.Trigger>\n \n <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * </DropDown>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nexport const DropDown: DropDownType = ({\n children,\n className,\n identifier,\n ...props\n}) => (\n <div\n className={cn(`group/dropdown relative flex`, className)}\n aria-label={`DropDown ${identifier}`}\n id={`unrollable-panel-button-${identifier}`}\n aria-haspopup\n {...props}\n >\n {children}\n </div>\n);\n\nexport type TriggerProps = Partial<ButtonProps> & {\n identifier: string;\n};\n\n/\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n * <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nconst Trigger: FC<TriggerProps> = ({\n children,\n identifier,\n className,\n label,\n ...props\n}) => (\n <Button\n className={cn('w-full cursor-pointer', className)}\n label={label ?? `Open panel ${identifier}`}\n onClick={(e) => {\n // Ensure focus behavior is consistent across all mobile browsers\n (e.currentTarget as HTMLButtonElement).focus();\n }}\n // onBlur={(e) => {\n // // Default behavior: ensure the trigger is unfocused when leaving the dropdown\n // e.currentTarget.blur();\n // }}\n variant=\"none\"\n {...props}\n >\n {children}\n </Button>\n);\n\nexport enum DropDownAlign {\n START = 'start',\n END = 'end',\n}\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n isFocusable?: boolean;\n isHidden?: boolean;\n isOverable?: boolean;\n identifier: string;\n align?: DropDownAlign \| `${DropDownAlign}`;\n};\n\n/\n Component that opens a dropdown menu when the trigger is clicked.\n \n Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n children,\n isHidden = undefined,\n isOverable = false,\n isFocusable = false,\n align = DropDownAlign.START,\n identifier,\n className,\n ...props\n}) => (\n <div\n className={cn(\n 'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n align === DropDownAlign.START && 'left-0',\n align === DropDownAlign.END && 'right-0',\n className\n )}\n aria-hidden={isHidden}\n role=\"region\"\n aria-labelledby={`unrollable-panel-button-${identifier}`}\n id={`unrollable-panel-${identifier}`}\n >\n <MaxHeightSmoother\n isHidden={isHidden}\n className={cn(\n 'overflow-x-visible',\n isHidden === false && 'invisible',\n isHidden === true && 'visible',\n isOverable &&\n 'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n isFocusable &&\n 'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n )}\n {...props}\n >\n {children}\n </MaxHeightSmoother>\n </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["jsx","cn","Button","DropDownAlign","MaxHeightSmoother"],"mappings":";;;;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACED,2BAAAA;AAAAA,EAACE,yBAAAA;AAAAA,EAAA;AAAA,IACC,WAAWD,SAAAA,GAAG,yBAAyB,SAAS;AAAA,IAChD,OAAO,SAAS,cAAc,UAAU;AAAA,IACxC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IAKA,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAGK,IAAK,kCAAAE,mBAAL;AACLA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,KAAA,IAAM;AAFI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAuBZ,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEH,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA,UAAU,WAAuB;AAAA,MACjC,UAAU,SAAqB;AAAA,MAC/B;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAAD,2BAAAA;AAAAA,MAACI,mCAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWH,SAAAA;AAAAA,UACT;AAAA,UACA,aAAa,SAAS;AAAA,UACtB,aAAa,QAAQ;AAAA,UACrB,cACE;AAAA,UACF,eACE;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;;;"}

package/dist/components/DropDown/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC1B,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAChD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;~~AAoCF~~,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,GAAG,GAAG,aAAa,EAAE,CAAC;CAC5C,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropDown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC1B,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,EAAE,YAetB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAChD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAuCF,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,GAAG,GAAG,aAAa,EAAE,CAAC;CAC5C,CAAC"}

package/dist/components/DropDown/index.mjs CHANGED Viewed

@@ -32,7 +32,6 @@ const Trigger = ({
     onClick: (e) => {
       e.currentTarget.focus();
     },
-    onBlur: (e) => e.currentTarget.blur(),
     variant: "none",
     ...props,
     children
@@ -71,7 +70,8 @@ const Panel = ({
         isHidden,
         className: cn(
           "overflow-x-visible",
-          isHidden !== false ? "invisible" : "visible",
+          isHidden === false && "invisible",
+          isHidden === true && "visible",
           isOverable && "group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]",
           isFocusable && "group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]"
         ),

package/dist/components/DropDown/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n Trigger: FC<TriggerProps>;\n Panel: FC<PanelProps>;\n};\n\n/*\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n * <DropDown.Trigger>\n * Open dropdown\n * </DropDown.Trigger>\n \n <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * </DropDown>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nexport const DropDown: DropDownType = ({\n children,\n className,\n identifier,\n ...props\n}) => (\n <div\n className={cn(`group/dropdown relative flex`, className)}\n aria-label={`DropDown ${identifier}`}\n id={`unrollable-panel-button-${identifier}`}\n aria-haspopup\n {...props}\n >\n {children}\n </div>\n);\n\nexport type TriggerProps = Partial<ButtonProps> & {\n identifier: string;\n};\n\n/\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n * <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nconst Trigger: FC<TriggerProps> = ({\n children,\n identifier,\n className,\n label,\n ...props\n}) => (\n <Button\n className={cn('w-full cursor-pointer', className)}\n label={label ?? `Open panel ${identifier}`}\n onClick={(e) => {\n // Ensure focus behavior is consistent across all mobile browsers\n (e.currentTarget as HTMLButtonElement).focus();\n }}\n onBlur={(e) => (e.currentTarget ~~as HTMLButtonElement)~~.blur()}\n variant=\"none\"\n {...props}\n >\n {children}\n </Button>\n);\n\nexport enum DropDownAlign {\n START = 'start',\n END = 'end',\n}\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n isFocusable?: boolean;\n isHidden?: boolean;\n isOverable?: boolean;\n identifier: string;\n align?: DropDownAlign \| `${DropDownAlign}`;\n};\n\n/\n Component that opens a dropdown menu when the trigger is clicked.\n \n Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n children,\n isHidden = undefined,\n isOverable = false,\n isFocusable = false,\n align = DropDownAlign.START,\n identifier,\n className,\n ...props\n}) => (\n <div\n className={cn(\n 'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n align === DropDownAlign.START && 'left-0',\n align === DropDownAlign.END && 'right-0',\n className\n )}\n aria-hidden={isHidden}\n role=\"region\"\n aria-labelledby={`unrollable-panel-button-${identifier}`}\n id={`unrollable-panel-${identifier}`}\n >\n <MaxHeightSmoother\n isHidden={isHidden}\n className={cn(\n 'overflow-x-visible',\n isHidden ~~!==~~ false ? 'invisible' : 'visible',\n isOverable &&\n 'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n isFocusable &&\n 'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n )}\n {...props}\n >\n {children}\n </MaxHeightSmoother>\n </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["DropDownAlign"],"mappings":";;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,OAAO,SAAS,cAAc,UAAU;AAAA,IACxC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,~~IACA~~,~~QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAA;AAAA,IACtD,~~SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAGK,IAAK,kCAAAA,mBAAL;AACLA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,KAAA,IAAM;AAFI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAuBZ,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,UAAU,WAAuB;AAAA,MACjC,UAAU,SAAqB;AAAA,MAC/B;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,aAAa,QAAQ~~,cAAc~~;AAAA,~~UACnC~~,cACE;AAAA,UACF,eACE;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport type DropDownProps = HTMLAttributes<HTMLDivElement> & {\n identifier: string;\n};\n\nexport type DropDownType = FC<DropDownProps> & {\n Trigger: FC<TriggerProps>;\n Panel: FC<PanelProps>;\n};\n\n/*\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown identifier=\"dropdown\">\n * <DropDown.Trigger>\n * Open dropdown\n * </DropDown.Trigger>\n \n <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * </DropDown>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nexport const DropDown: DropDownType = ({\n children,\n className,\n identifier,\n ...props\n}) => (\n <div\n className={cn(`group/dropdown relative flex`, className)}\n aria-label={`DropDown ${identifier}`}\n id={`unrollable-panel-button-${identifier}`}\n aria-haspopup\n {...props}\n >\n {children}\n </div>\n);\n\nexport type TriggerProps = Partial<ButtonProps> & {\n identifier: string;\n};\n\n/\n Trigger allowing to open a dropdown menu.\n \n Example:\n * ```jsx\n * <DropDown.Trigger identifier=\"dropdown\">\n * <div>Open dropdown</div>\n * </DropDown.Trigger>\n * ```\n \n > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.\n /\nconst Trigger: FC<TriggerProps> = ({\n children,\n identifier,\n className,\n label,\n ...props\n}) => (\n <Button\n className={cn('w-full cursor-pointer', className)}\n label={label ?? `Open panel ${identifier}`}\n onClick={(e) => {\n // Ensure focus behavior is consistent across all mobile browsers\n (e.currentTarget as HTMLButtonElement).focus();\n }}\n // onBlur={(e) => {\n // // Default behavior: ensure the trigger is unfocused when leaving the dropdown\n // e.currentTarget.blur();\n // }}\n variant=\"none\"\n {...props}\n >\n {children}\n </Button>\n);\n\nexport enum DropDownAlign {\n START = 'start',\n END = 'end',\n}\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n isFocusable?: boolean;\n isHidden?: boolean;\n isOverable?: boolean;\n identifier: string;\n align?: DropDownAlign \| `${DropDownAlign}`;\n};\n\n/\n Component that opens a dropdown menu when the trigger is clicked.\n \n Example:\n * ```jsx\n * <DropDown.Panel identifier=\"dropdown\">\n * <div>Content</div>\n * </DropDown.Panel>\n * ```\n */\nconst Panel: FC<PanelProps> = ({\n children,\n isHidden = undefined,\n isOverable = false,\n isFocusable = false,\n align = DropDownAlign.START,\n identifier,\n className,\n ...props\n}) => (\n <div\n className={cn(\n 'absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full',\n align === DropDownAlign.START && 'left-0',\n align === DropDownAlign.END && 'right-0',\n className\n )}\n aria-hidden={isHidden}\n role=\"region\"\n aria-labelledby={`unrollable-panel-button-${identifier}`}\n id={`unrollable-panel-${identifier}`}\n >\n <MaxHeightSmoother\n isHidden={isHidden}\n className={cn(\n 'overflow-x-visible',\n isHidden === false && 'invisible',\n isHidden === true && 'visible',\n isOverable &&\n 'group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]',\n isFocusable &&\n 'group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]'\n )}\n {...props}\n >\n {children}\n </MaxHeightSmoother>\n </div>\n);\n\nDropDown.Trigger = Trigger;\nDropDown.Panel = Panel;\n"],"names":["DropDownAlign"],"mappings":";;;;AAgCO,MAAM,WAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,gCAAgC,SAAS;AAAA,IACvD,cAAY,YAAY,UAAU;AAAA,IAClC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAmBF,MAAM,UAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,OAAO,SAAS,cAAc,UAAU;AAAA,IACxC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IAKA,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAGK,IAAK,kCAAAA,mBAAL;AACLA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,KAAA,IAAM;AAFI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAuBZ,MAAM,QAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,UAAU,WAAuB;AAAA,MACjC,UAAU,SAAqB;AAAA,MAC/B;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,aAAa,SAAS;AAAA,UACtB,aAAa,QAAQ;AAAA,UACrB,cACE;AAAA,UACF,eACE;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;AAGF,SAAS,UAAU;AACnB,SAAS,QAAQ;"}

package/dist/components/EditableField/EditableFieldTextArea.cjs CHANGED Viewed

@@ -10,13 +10,10 @@ require("../Input/Input.cjs");
 require("lucide-react");
 require("../Input/Checkbox.cjs");
 require("@intlayer/editor-react");
+require("@tanstack/react-query");
+require("@intlayer/api");
 require("@intlayer/config/built");
 require("../../better-auth.CMQ3rA-I-C2nBKRMa.cjs");
-require("../Toaster/Toast.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("@intlayer/api");
-require("deepmerge");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/EditableField/EditableFieldTextArea.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n onSave?: (value: string) => void;\n onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n onSave,\n onCancel,\n ref,\n ...props\n}) => {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n // Expose the text area ref to parent components\n useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n const handleSave = () => {\n // Your save logic here\n onSave?.(textAreaRef.current?.value ?? '');\n };\n\n const handleCancel = () => {\n if (textAreaRef.current) {\n textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n }\n onCancel?.();\n };\n\n const memoValue =\n (props.value as string) ??\n textAreaRef.current?.value ??\n (props.defaultValue as string) ??\n '';\n\n return (\n <EditableFieldLayout\n value={memoValue}\n onCancel={handleCancel}\n onSave={handleSave}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <AutoSizedTextArea\n className=\"leading-6\"\n ref={textAreaRef}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n {...props}\n />\n </EditableFieldLayout>\n );\n};\n"],"names":["useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAcA,aAAAA,OAA4B,IAAI;AAGpDC,eAAAA,oBAAoB,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEvB,aAAS,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACA,eAAA;AAAA,EACF;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAEF,SACEC,2BAAAA;AAAAA,IAACC,6CAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAA;AACF,UAAE,gBAAA;AAAA,MACJ;AAAA,MAEA,UAAAD,2BAAAA;AAAAA,QAACE,qCAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAA;AACF,cAAE,gBAAA;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;;"}
1	+ {"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n onSave?: (value: string) => void;\n onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n onSave,\n onCancel,\n ref,\n ...props\n}) => {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n // Expose the text area ref to parent components\n useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n const handleSave = () => {\n // Your save logic here\n onSave?.(textAreaRef.current?.value ?? '');\n };\n\n const handleCancel = () => {\n if (textAreaRef.current) {\n textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n }\n onCancel?.();\n };\n\n const memoValue =\n (props.value as string) ??\n textAreaRef.current?.value ??\n (props.defaultValue as string) ??\n '';\n\n return (\n <EditableFieldLayout\n value={memoValue}\n onCancel={handleCancel}\n onSave={handleSave}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <AutoSizedTextArea\n className=\"leading-6\"\n ref={textAreaRef}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n {...props}\n />\n </EditableFieldLayout>\n );\n};\n"],"names":["useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAcA,aAAAA,OAA4B,IAAI;AAGpDC,eAAAA,oBAAoB,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEvB,aAAS,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACA,eAAA;AAAA,EACF;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAEF,SACEC,2BAAAA;AAAAA,IAACC,6CAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAA;AACF,UAAE,gBAAA;AAAA,MACJ;AAAA,MAEA,UAAAD,2BAAAA;AAAAA,QAACE,qCAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAA;AACF,cAAE,gBAAA;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;;"}

package/dist/components/EditableField/EditableFieldTextArea.mjs CHANGED Viewed

@@ -8,13 +8,10 @@ import "../Input/Input.mjs";
 import "lucide-react";
 import "../Input/Checkbox.mjs";
 import "@intlayer/editor-react";
+import "@tanstack/react-query";
+import "@intlayer/api";
 import "@intlayer/config/built";
 import "../../better-auth.CMQ3rA-I-7umXOENE.js";
-import "../Toaster/Toast.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "@intlayer/api";
-import "deepmerge";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
 const EditableFieldTextArea = ({
   onSave,

package/dist/components/EditableField/EditableFieldTextArea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n onSave?: (value: string) => void;\n onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n onSave,\n onCancel,\n ref,\n ...props\n}) => {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n // Expose the text area ref to parent components\n useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n const handleSave = () => {\n // Your save logic here\n onSave?.(textAreaRef.current?.value ?? '');\n };\n\n const handleCancel = () => {\n if (textAreaRef.current) {\n textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n }\n onCancel?.();\n };\n\n const memoValue =\n (props.value as string) ??\n textAreaRef.current?.value ??\n (props.defaultValue as string) ??\n '';\n\n return (\n <EditableFieldLayout\n value={memoValue}\n onCancel={handleCancel}\n onSave={handleSave}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <AutoSizedTextArea\n className=\"leading-6\"\n ref={textAreaRef}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n {...props}\n />\n </EditableFieldLayout>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,OAA4B,IAAI;AAGpD,sBAAoB,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEvB,aAAS,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACA,eAAA;AAAA,EACF;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAEF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAA;AACF,UAAE,gBAAA;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAA;AACF,cAAE,gBAAA;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"EditableFieldTextArea.mjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useImperativeHandle, type FC, type Ref } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n onSave?: (value: string) => void;\n onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea: FC<EditableFieldTextAreaProps> = ({\n onSave,\n onCancel,\n ref,\n ...props\n}) => {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n // Expose the text area ref to parent components\n useImperativeHandle(ref as Ref<HTMLElement>, () => textAreaRef.current!);\n\n const handleSave = () => {\n // Your save logic here\n onSave?.(textAreaRef.current?.value ?? '');\n };\n\n const handleCancel = () => {\n if (textAreaRef.current) {\n textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n }\n onCancel?.();\n };\n\n const memoValue =\n (props.value as string) ??\n textAreaRef.current?.value ??\n (props.defaultValue as string) ??\n '';\n\n return (\n <EditableFieldLayout\n value={memoValue}\n onCancel={handleCancel}\n onSave={handleSave}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <AutoSizedTextArea\n className=\"leading-6\"\n ref={textAreaRef}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n {...props}\n />\n </EditableFieldLayout>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAWO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,OAA4B,IAAI;AAGpD,sBAAoB,KAAyB,MAAM,YAAY,OAAQ;AAEvE,QAAM,aAAa,MAAM;AAEvB,aAAS,YAAY,SAAS,SAAS,EAAE;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACA,eAAA;AAAA,EACF;AAEA,QAAM,YACH,MAAM,SACP,YAAY,SAAS,SACpB,MAAM,gBACP;AAEF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,eAAA;AACF,UAAE,gBAAA;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,SAAS,CAAC,MAAM;AACd,cAAE,eAAA;AACF,cAAE,gBAAA;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

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

	@@ -1 +1 @@
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;;"}
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 ExpandCollapseProps = {\n isRollable?: boolean;\n minHeight?: number;\n children: ReactNode;\n className?: string;\n};\n\nconst DEFAULT_MIN_HEIGHT = 700;\n\nexport const ExpandCollapse: FC<ExpandCollapseProps> = ({\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,iBAA0C,CAAC;AAAA,EACtD,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 CHANGED Viewed

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

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

	@@ -1 +1 @@
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"}
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,mBAAmB,GAAG;IAChC,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,mBAAmB,CAmDlD,CAAC"}