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

package/dist/esm/components/DictionaryFieldEditor/index.mjs

@@ -0,0 +1,6 @@
+import { DictionaryCreationForm } from "./DictionaryCreationForm/DictionaryCreationForm.mjs";
+import { DictionaryFieldEditor } from "./DictionaryFieldEditor.mjs";
+import { VersionSwitcherProvider, useVersionSwitcher } from "./VersionSwitcherDropDown/VersionSwitcherContext.mjs";
+import { VersionSwitcher } from "./VersionSwitcherDropDown/VersionSwitcher.mjs";
+
+export { DictionaryCreationForm, DictionaryFieldEditor, VersionSwitcher, VersionSwitcherProvider, useVersionSwitcher };

package/dist/esm/components/DictionaryFieldEditor/nodeTypeSelector.content.mjs

@@ -0,0 +1,305 @@
+import { t } from "intlayer";
+
+//#region src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts
+const nodeTypeSelectorContent = {
+	key: "node-type-selector",
+	content: {
+		triggerPlaceHolder: t({
+			en: "Node type",
+			"en-GB": "Node type",
+			fr: "Type du Nœud",
+			es: "Tipo del nodo",
+			de: "Knotentyp",
+			ja: "ノードタイプ",
+			ko: "노드 유형",
+			zh: "节点类型",
+			it: "Tipo di nodo",
+			pt: "Tipo de nó",
+			hi: "नोड प्रकार",
+			ar: "نوع العقدة",
+			ru: "Тип узла",
+			tr: "Düğüm türü",
+			pl: "Typ węzła",
+			id: "Tipe Node",
+			vi: "Kiểu node"
+		}),
+		multilingual: t({
+			en: "Multilingual content",
+			"en-GB": "Multilingual content",
+			fr: "Contenu Multilingue",
+			es: "Contenido multilingüe",
+			de: "Mehrsprachiger Inhalt",
+			ja: "複数言語コンテンツ",
+			ko: "다중 언어 콘텐츠",
+			zh: "多语言内容",
+			it: "Contenuto multilingue",
+			pt: "Conteúdo multilíngue",
+			hi: "बहुभाषी सामग्री",
+			ar: "محتوى متعدد اللغات",
+			ru: "Многоязычный контент",
+			tr: "Çok dilli içerik",
+			pl: "Treść wielojęzyczna",
+			id: "Konten multibahasa",
+			vi: "Nội dung đa ngôn ngữ"
+		}),
+		text: t({
+			en: "Text",
+			"en-GB": "Text",
+			fr: "Texte",
+			es: "Texto",
+			de: "Text",
+			ja: "テキスト",
+			ko: "텍스트",
+			zh: "文本",
+			it: "Testo",
+			pt: "Texto",
+			hi: "पाठ",
+			ar: "نص",
+			ru: "Текст",
+			tr: "Metin",
+			pl: "Tekst",
+			id: "Teks",
+			vi: "Văn bản"
+		}),
+		number: t({
+			en: "Number",
+			"en-GB": "Number",
+			fr: "Nombre",
+			es: "Número",
+			de: "Zahl",
+			ja: "数字",
+			ko: "숫자",
+			zh: "数字",
+			it: "Numero",
+			pt: "Número",
+			hi: "संख्या",
+			ar: "رقم",
+			ru: "Число",
+			tr: "Sayı",
+			pl: "Liczba",
+			id: "Angka",
+			vi: "Số"
+		}),
+		boolean: t({
+			en: "Boolean",
+			"en-GB": "Boolean",
+			fr: "Booléen",
+			es: "Booleano",
+			de: "Bool",
+			ja: "ブール",
+			ko: "불리언",
+			zh: "布尔",
+			it: "Booleano",
+			pt: "Booleano",
+			hi: "बूलियन",
+			ar: "منطقي",
+			ru: "Булево",
+			tr: "Boolean",
+			pl: "Wartość logiczna",
+			id: "Boolean",
+			vi: "Boolean"
+		}),
+		node: t({
+			en: "Object",
+			"en-GB": "Object",
+			fr: "Objet",
+			es: "Objeto",
+			de: "Objekt",
+			ja: "オブジェクト",
+			ko: "객체",
+			zh: "对象",
+			it: "Oggetto",
+			pt: "Objeto",
+			hi: "ऑब्जेक्ट",
+			ar: "كائن",
+			ru: "Объект",
+			tr: "Nesne",
+			pl: "Obiekt",
+			id: "Object",
+			vi: "Đối tượng"
+		}),
+		array: t({
+			en: "Array",
+			"en-GB": "Array",
+			fr: "Tableau",
+			es: "Arreglo",
+			de: "Array",
+			ja: "配列",
+			ko: "배열",
+			zh: "数组",
+			it: "Array",
+			pt: "Array",
+			hi: "ऐरे",
+			ar: "مصفوفة",
+			ru: "Массив",
+			tr: "Dizi",
+			pl: "Tablica",
+			id: "Array",
+			vi: "Mảng"
+		}),
+		enumeration: t({
+			en: "Enumeration",
+			"en-GB": "Enumeration",
+			fr: "Énumération",
+			es: "Enumeración",
+			de: "Enumeration",
+			ja: "列挙",
+			ko: "열거",
+			zh: "枚举",
+			it: "Enumerazione",
+			pt: "Enumeração",
+			hi: "गणना",
+			ar: "تعداد",
+			ru: "Перечисление",
+			tr: "Numaralandırma",
+			pl: "Wyliczenie",
+			id: "Enumeration",
+			vi: "Kiểu liệt kê"
+		}),
+		gender: t({
+			en: "Gender",
+			"en-GB": "Gender",
+			fr: "Genre",
+			es: "Género",
+			de: "Geschlecht",
+			ja: "性別",
+			ko: "성별",
+			zh: "性别",
+			it: "Genere",
+			pt: "Gênero",
+			hi: "लिंग",
+			ar: "جنس",
+			ru: "Пол",
+			tr: "Cins",
+			pl: "Płeć",
+			id: "Gender",
+			vi: "Giới tính"
+		}),
+		nest: t({
+			en: "Nesting",
+			"en-GB": "Nesting",
+			fr: "Imbriquation",
+			es: "Anidación",
+			de: "Vererbung",
+			ja: "ネスト",
+			ko: "중첩",
+			zh: "嵌套",
+			it: "Nidificazione",
+			pt: "Nido",
+			hi: "नेस्टेंस",
+			ar: "مستوى",
+			ru: "Вложенность",
+			tr: "İç içe geçme",
+			pl: "Zagnieżdżanie",
+			id: "Nesting",
+			vi: "Lồng nhau"
+		}),
+		insertion: t({
+			en: "Insertion",
+			"en-GB": "Insertion",
+			fr: "Insertion",
+			es: "Inserción",
+			de: "Einfügung",
+			ja: "挿入",
+			ko: "삽입",
+			zh: "插入",
+			it: "Inserimento",
+			pt: "Inserção",
+			hi: "सम्मिलन",
+			ar: "إدراج",
+			ru: "Вставка",
+			tr: "Ekleme",
+			pl: "Wstawianie",
+			id: "Insertion",
+			vi: "Chèn"
+		}),
+		condition: t({
+			en: "Condition",
+			"en-GB": "Condition",
+			fr: "Condition",
+			es: "Condición",
+			de: "Bedingung",
+			ja: "条件",
+			ko: "조건",
+			zh: "条件",
+			it: "Condizione",
+			pt: "Condição",
+			hi: "शर्त्ता",
+			ar: "شرط",
+			ru: "Условие",
+			tr: "Koşul",
+			pl: "Warunek",
+			id: "Condition",
+			vi: "Điều kiện"
+		}),
+		file: t({
+			en: "File",
+			"en-GB": "File",
+			fr: "Fichier",
+			es: "Archivo",
+			de: "Datei",
+			ja: "ファイル",
+			ko: "파일",
+			zh: "文件",
+			it: "File",
+			pt: "Arquivo",
+			hi: "फ़ाइल",
+			ar: "ملف",
+			ru: "Файл",
+			tr: "Dosya",
+			pl: "Plik",
+			id: "File",
+			vi: "Tệp"
+		}),
+		markdown: t({
+			en: "Markdown",
+			"en-GB": "Markdown",
+			fr: "Markdown",
+			es: "Markdown",
+			de: "Markdown",
+			ja: "マークダウン",
+			ko: "마크다운",
+			zh: "Markdown",
+			it: "Markdown",
+			pt: "Markdown",
+			hi: "मार्कडाउन",
+			ar: "مارك داون",
+			ru: "Markdown",
+			tr: "Markdown",
+			pl: "Markdown",
+			id: "Markdown",
+			vi: "Markdown"
+		}),
+		reactNode: t({
+			en: "React Node",
+			"en-GB": "React Node",
+			fr: "Node React",
+			es: "Nodo React",
+			de: "React-Knoten",
+			ja: "リアル・ノード",
+			ko: "리액 노드",
+			zh: "React 节点",
+			it: "Nodo React",
+			pt: "Nó React",
+			hi: "रेड नोड",
+			ar: "عقدة رياكت",
+			ru: "Реакт узел",
+			tr: "React Node",
+			pl: "Węzeł React",
+			id: "React Node",
+			vi: "React Node"
+		})
+	},
+	title: "Node type selector",
+	description: "Defines the available node types that can be selected for content modeling, including text, number, boolean, object structures, arrays, and other specialized types like enumeration, gender, condition, and markdown.",
+	tags: [
+		"content modeling",
+		"field type",
+		"editor"
+	]
+};
+var nodeTypeSelector_content_default = nodeTypeSelectorContent;
+
+//#endregion
+export { nodeTypeSelector_content_default as default, nodeTypeSelectorContent };
+//# sourceMappingURL=nodeTypeSelector.content.mjs.map

package/dist/esm/components/DictionaryFieldEditor/nodeTypeSelector.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeTypeSelector.content.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/nodeTypeSelector.content.ts"],"sourcesContent":["import { type Dictionary, t } 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      tr: 'Düğüm türü',\n      pl: 'Typ węzła',\n      id: 'Tipe Node',\n      vi: 'Kiểu node',\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      pl: 'Treść wielojęzyczna',\n      id: 'Konten multibahasa',\n      vi: 'Nội dung đa ngôn ngữ',\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      pl: 'Tekst',\n      id: 'Teks',\n      vi: 'Văn bản',\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      pl: 'Liczba',\n      id: 'Angka',\n      vi: 'Số',\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      pl: 'Wartość logiczna',\n      id: 'Boolean',\n      vi: '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      pl: 'Obiekt',\n      id: 'Object',\n      vi: 'Đối tượng',\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      pl: 'Tablica',\n      id: 'Array',\n      vi: 'Mảng',\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      pl: 'Wyliczenie',\n      id: 'Enumeration',\n      vi: 'Kiểu liệt kê',\n    }),\n    gender: t({\n      en: 'Gender',\n      'en-GB': 'Gender',\n      fr: 'Genre',\n      es: 'Género',\n      de: 'Geschlecht',\n      ja: '性別',\n      ko: '성별',\n      zh: '性别',\n      it: 'Genere',\n      pt: 'Gênero',\n      hi: 'लिंग',\n      ar: 'جنس',\n      ru: 'Пол',\n      tr: 'Cins',\n      pl: 'Płeć',\n      id: 'Gender',\n      vi: 'Giới tính',\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      pl: 'Zagnieżdżanie',\n      id: 'Nesting',\n      vi: 'Lồng nhau',\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      pl: 'Wstawianie',\n      id: 'Insertion',\n      vi: 'Chèn',\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      pl: 'Warunek',\n      id: 'Condition',\n      vi: 'Điều kiện',\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      pl: 'Plik',\n      id: 'File',\n      vi: 'Tệp',\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      pl: 'Markdown',\n      id: 'Markdown',\n      vi: '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      pl: 'Węzeł React',\n      id: 'React Node',\n      vi: 'React Node',\n    }),\n  },\n  title: 'Node type selector',\n  description:\n    'Defines the available node types that can be selected for content modeling, including text, number, boolean, object structures, arrays, and other specialized types like enumeration, gender, condition, and markdown.',\n  tags: ['content modeling', 'field type', 'editor'],\n} satisfies Dictionary;\n\nexport default nodeTypeSelectorContent;\n"],"mappings":"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"}

package/dist/esm/components/DropDown/index.mjs

@@ -0,0 +1,159 @@
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
+import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/DropDown/index.tsx
+/**
+* DropDown Component
+*
+* A compound component that provides dropdown/popover functionality with flexible trigger mechanisms.
+* Supports hover, focus, and controlled visibility states with proper accessibility features.
+*
+* @example
+* ```tsx
+* // Basic hover dropdown
+* <DropDown identifier="menu">
+*   <DropDown.Trigger identifier="menu">
+*     Open Menu
+*   </DropDown.Trigger>
+*   <DropDown.Panel identifier="menu" isOverable>
+*     <div>Menu content</div>
+*   </DropDown.Panel>
+* </DropDown>
+*
+* // Focus-based dropdown for accessibility
+* <DropDown identifier="accessible-menu">
+*   <DropDown.Trigger identifier="accessible-menu">
+*     Keyboard Accessible Menu
+*   </DropDown.Trigger>
+*   <DropDown.Panel identifier="accessible-menu" isFocusable>
+*     <div>Accessible content</div>
+*   </DropDown.Panel>
+* </DropDown>
+*
+* // Controlled dropdown
+* <DropDown identifier="controlled">
+*   <DropDown.Trigger identifier="controlled">
+*     Controlled Menu
+*   </DropDown.Trigger>
+*   <DropDown.Panel identifier="controlled" isHidden={!isOpen}>
+*     <div>Controlled content</div>
+*   </DropDown.Panel>
+* </DropDown>
+* ```
+*
+* @component
+* @accessibility
+* - Uses proper ARIA attributes (aria-haspopup, aria-labelledby, etc.)
+* - Supports keyboard navigation with focus management
+* - Screen reader compatible with proper role and labeling
+* - Maintains focus trap within dropdown when needed
+*/
+const DropDown = ({ children, className, identifier,...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(`group/dropdown relative flex`, className),
+	"aria-label": `DropDown ${identifier}`,
+	id: `dropdown-container-${identifier}`,
+	...props,
+	children
+});
+/**
+* DropDown.Trigger Component
+*
+* The clickable/focusable element that controls the dropdown panel visibility.
+* Built on top of the Button component with enhanced dropdown-specific behaviors.
+*
+* @example
+* ```tsx
+* <DropDown.Trigger identifier="menu">
+*   <div>Click to open</div>
+* </DropDown.Trigger>
+* ```
+*
+* @component
+* @accessibility
+* - Automatically generates appropriate ARIA attributes
+* - Maintains proper focus management across browsers
+* - Works with keyboard navigation (Tab, Enter, Space)
+* - Announces dropdown state to screen readers
+*
+* @note Don't nest Button components inside the Trigger - it's already a button
+*/
+const Trigger = ({ children, identifier, className, label,...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn("w-full cursor-pointer", className),
+	label: label ?? `Open panel ${identifier}`,
+	"aria-haspopup": "true",
+	"aria-controls": `dropdown-panel-${identifier}`,
+	id: `dropdown-trigger-${identifier}`,
+	onClick: (e) => {
+		e.currentTarget.focus();
+	},
+	variant: "none",
+	...props,
+	children
+});
+/**
+* Alignment options for the dropdown panel relative to the trigger
+*/
+let DropDownAlign = /* @__PURE__ */ function(DropDownAlign$1) {
+	/** Align panel to the start (left in LTR, right in RTL) of the trigger */
+	DropDownAlign$1["START"] = "start";
+	/** Align panel to the end (right in LTR, left in RTL) of the trigger */
+	DropDownAlign$1["END"] = "end";
+	return DropDownAlign$1;
+}({});
+/**
+* DropDown.Panel Component
+*
+* The content area that appears when the dropdown is triggered.
+* Supports multiple trigger methods (hover, focus, controlled) with smooth animations.
+*
+* @example
+* ```tsx
+* // Hover-triggered panel
+* <DropDown.Panel identifier="menu" isOverable>
+*   <div>Content appears on hover</div>
+* </DropDown.Panel>
+*
+* // Focus-triggered panel (accessible)
+* <DropDown.Panel identifier="menu" isFocusable>
+*   <div>Content appears on focus</div>
+* </DropDown.Panel>
+*
+* // Controlled panel
+* <DropDown.Panel identifier="menu" isHidden={!isOpen}>
+*   <div>Content visibility controlled externally</div>
+* </DropDown.Panel>
+*
+* // Right-aligned panel
+* <DropDown.Panel identifier="menu" align={DropDownAlign.END} isOverable>
+*   <div>Right-aligned content</div>
+* </DropDown.Panel>
+* ```
+*
+* @component
+* @accessibility
+* - Proper ARIA attributes (role, aria-labelledby, aria-hidden)
+* - Smooth height transitions with MaxHeightSmoother
+* - Keyboard navigation support when isFocusable is enabled
+* - Screen reader announcements for state changes
+*/
+const Panel = ({ children, isHidden = void 0, isOverable = false, isFocusable = false, align = DropDownAlign.START, identifier, className,...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full", align === DropDownAlign.START && "left-0", align === DropDownAlign.END && "right-0", className),
+	"aria-hidden": isHidden,
+	role: "region",
+	"aria-labelledby": `dropdown-trigger-${identifier}`,
+	id: `dropdown-panel-${identifier}`,
+	children: /* @__PURE__ */ jsx(MaxHeightSmoother, {
+		isHidden,
+		className: cn("overflow-x-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]"),
+		...props,
+		children
+	})
+});
+DropDown.Trigger = Trigger;
+DropDown.Panel = Panel;
+
+//#endregion
+export { DropDown, DropDownAlign };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/DropDown/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["DropDown: DropDownType","Trigger: FC<TriggerProps>","Panel: FC<PanelProps>"],"sources":["../../../../src/components/DropDown/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\n/**\n * Props for the DropDown component\n */\nexport interface DropDownProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Unique identifier that links the trigger and panel for accessibility.\n   * This is used to generate proper ARIA attributes.\n   * @example \"user-menu\"\n   * @example \"language-selector\"\n   */\n  identifier: string;\n}\n\nexport type DropDownType = FC<DropDownProps> & {\n  Trigger: FC<TriggerProps>;\n  Panel: FC<PanelProps>;\n};\n\n/**\n * DropDown Component\n *\n * A compound component that provides dropdown/popover functionality with flexible trigger mechanisms.\n * Supports hover, focus, and controlled visibility states with proper accessibility features.\n *\n * @example\n * ```tsx\n * // Basic hover dropdown\n * <DropDown identifier=\"menu\">\n *   <DropDown.Trigger identifier=\"menu\">\n *     Open Menu\n *   </DropDown.Trigger>\n *   <DropDown.Panel identifier=\"menu\" isOverable>\n *     <div>Menu content</div>\n *   </DropDown.Panel>\n * </DropDown>\n *\n * // Focus-based dropdown for accessibility\n * <DropDown identifier=\"accessible-menu\">\n *   <DropDown.Trigger identifier=\"accessible-menu\">\n *     Keyboard Accessible Menu\n *   </DropDown.Trigger>\n *   <DropDown.Panel identifier=\"accessible-menu\" isFocusable>\n *     <div>Accessible content</div>\n *   </DropDown.Panel>\n * </DropDown>\n *\n * // Controlled dropdown\n * <DropDown identifier=\"controlled\">\n *   <DropDown.Trigger identifier=\"controlled\">\n *     Controlled Menu\n *   </DropDown.Trigger>\n *   <DropDown.Panel identifier=\"controlled\" isHidden={!isOpen}>\n *     <div>Controlled content</div>\n *   </DropDown.Panel>\n * </DropDown>\n * ```\n *\n * @component\n * @accessibility\n * - Uses proper ARIA attributes (aria-haspopup, aria-labelledby, etc.)\n * - Supports keyboard navigation with focus management\n * - Screen reader compatible with proper role and labeling\n * - Maintains focus trap within dropdown when needed\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={`dropdown-container-${identifier}`}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Props for the DropDown.Trigger component\n */\nexport interface TriggerProps extends Partial<ButtonProps> {\n  /**\n   * Unique identifier that matches the parent DropDown identifier\n   * @example \"user-menu\"\n   */\n  identifier: string;\n}\n\n/**\n * DropDown.Trigger Component\n *\n * The clickable/focusable element that controls the dropdown panel visibility.\n * Built on top of the Button component with enhanced dropdown-specific behaviors.\n *\n * @example\n * ```tsx\n * <DropDown.Trigger identifier=\"menu\">\n *   <div>Click to open</div>\n * </DropDown.Trigger>\n * ```\n *\n * @component\n * @accessibility\n * - Automatically generates appropriate ARIA attributes\n * - Maintains proper focus management across browsers\n * - Works with keyboard navigation (Tab, Enter, Space)\n * - Announces dropdown state to screen readers\n *\n * @note Don't nest Button components inside the Trigger - it's already a button\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    aria-haspopup=\"true\"\n    aria-controls={`dropdown-panel-${identifier}`}\n    id={`dropdown-trigger-${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\n/**\n * Alignment options for the dropdown panel relative to the trigger\n */\nexport enum DropDownAlign {\n  /** Align panel to the start (left in LTR, right in RTL) of the trigger */\n  START = 'start',\n  /** Align panel to the end (right in LTR, left in RTL) of the trigger */\n  END = 'end',\n}\n\n/**\n * Props for the DropDown.Panel component\n */\nexport interface PanelProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Whether the panel should be visible when the trigger is focused.\n   * Enables keyboard accessibility for the dropdown.\n   * @default false\n   */\n  isFocusable?: boolean;\n\n  /**\n   * Controls panel visibility explicitly.\n   * - `true`: Panel is hidden\n   * - `false`: Panel is visible\n   * - `undefined`: Panel visibility controlled by hover/focus states\n   * @default undefined\n   */\n  isHidden?: boolean;\n\n  /**\n   * Whether the panel should be visible when hovering over the trigger.\n   * Provides quick access via mouse interaction.\n   * @default false\n   */\n  isOverable?: boolean;\n\n  /**\n   * Unique identifier that matches the parent DropDown identifier\n   * @example \"user-menu\"\n   */\n  identifier: string;\n\n  /**\n   * Horizontal alignment of the panel relative to the trigger\n   * @default DropDownAlign.START\n   */\n  align?: DropDownAlign | `${DropDownAlign}`;\n}\n\n/**\n * DropDown.Panel Component\n *\n * The content area that appears when the dropdown is triggered.\n * Supports multiple trigger methods (hover, focus, controlled) with smooth animations.\n *\n * @example\n * ```tsx\n * // Hover-triggered panel\n * <DropDown.Panel identifier=\"menu\" isOverable>\n *   <div>Content appears on hover</div>\n * </DropDown.Panel>\n *\n * // Focus-triggered panel (accessible)\n * <DropDown.Panel identifier=\"menu\" isFocusable>\n *   <div>Content appears on focus</div>\n * </DropDown.Panel>\n *\n * // Controlled panel\n * <DropDown.Panel identifier=\"menu\" isHidden={!isOpen}>\n *   <div>Content visibility controlled externally</div>\n * </DropDown.Panel>\n *\n * // Right-aligned panel\n * <DropDown.Panel identifier=\"menu\" align={DropDownAlign.END} isOverable>\n *   <div>Right-aligned content</div>\n * </DropDown.Panel>\n * ```\n *\n * @component\n * @accessibility\n * - Proper ARIA attributes (role, aria-labelledby, aria-hidden)\n * - Smooth height transitions with MaxHeightSmoother\n * - Keyboard navigation support when isFocusable is enabled\n * - Screen reader announcements for state changes\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={`dropdown-trigger-${identifier}`}\n    id={`dropdown-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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAaA,YAA0B,EACrC,UACA,WACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,gCAAgC,UAAU;CACxD,cAAY,YAAY;CACxB,IAAI,sBAAsB;CAC1B,GAAI;CAEH;EACG;;;;;;;;;;;;;;;;;;;;;;;AAoCR,MAAMC,WAA6B,EACjC,UACA,YACA,WACA,MACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,yBAAyB,UAAU;CACjD,OAAO,SAAS,cAAc;CAC9B,iBAAc;CACd,iBAAe,kBAAkB;CACjC,IAAI,oBAAoB;CACxB,UAAU,MAAM;AAEd,EAAC,EAAE,cAAoC,OAAO;;CAMhD,SAAQ;CACR,GAAI;CAEH;EACM;;;;AAMX,IAAY,0DAAL;;AAEL;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EF,MAAMC,SAAyB,EAC7B,UACA,WAAW,QACX,aAAa,OACb,cAAc,OACd,QAAQ,cAAc,OACtB,YACA,UACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,wDACA,UAAU,cAAc,SAAS,UACjC,UAAU,cAAc,OAAO,WAC/B,UACD;CACD,eAAa;CACb,MAAK;CACL,mBAAiB,oBAAoB;CACrC,IAAI,kBAAkB;WAEtB,oBAAC;EACW;EACV,WAAW,GACT,sBACA,aAAa,SAAS,aACtB,aAAa,QAAQ,WACrB,cACE,qEACF,eACE,kFACH;EACD,GAAI;EAEH;GACiB;EAChB;AAGR,SAAS,UAAU;AACnB,SAAS,QAAQ"}

package/dist/esm/components/EditableField/EditableFieldInput.mjs

@@ -0,0 +1,70 @@
+'use client';
+
+
+import { Input } from "../Input/Input.mjs";
+import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
+import { useImperativeHandle, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/EditableField/EditableFieldInput.tsx
+/**
+* EditableFieldInput Component
+*
+* An inline editable input field that displays as read-only text until clicked.
+* When activated, it shows an input field with save and cancel buttons.
+*
+* @example
+* ```tsx
+* <EditableFieldInput
+*   defaultValue="Edit me"
+*   placeholder="Click to edit..."
+*   onSave={(value) => console.log('Saved:', value)}
+*   onCancel={() => console.log('Cancelled')}
+* />
+* ```
+*
+* ## Features
+* - **Inline Editing**: Click to edit, displays as text when not editing
+* - **Save/Cancel Actions**: Built-in save and cancel buttons with callbacks
+* - **Keyboard Support**: Accessible keyboard navigation
+* - **Input Variants**: Supports all Input component variants and sizes
+* - **Auto-save on Click Away**: Saves automatically when clicking outside
+* - **Ref Forwarding**: Exposes the underlying input element reference
+*
+* ## Accessibility
+* - Uses semantic HTML with proper ARIA attributes
+* - Keyboard accessible with tab navigation
+* - Screen reader friendly with descriptive labels
+* - Focus management for edit mode transitions
+*
+* @param props - EditableFieldInputProps extending InputProps
+* @returns React functional component
+*/
+const EditableFieldInput = ({ onSave, onCancel, ref,...props }) => {
+	const inputRef = useRef(null);
+	const handleSave = () => {
+		onSave?.(inputRef.current?.value ?? "");
+	};
+	const handleCancel = () => {
+		if (inputRef.current) inputRef.current.value = inputRef.current.defaultValue ?? "";
+		onCancel?.();
+	};
+	useImperativeHandle(ref, () => inputRef.current);
+	return /* @__PURE__ */ jsx(EditableFieldLayout, {
+		value: useMemo(() => props.value ?? inputRef.current?.value ?? props.defaultValue, [
+			props.value,
+			props.defaultValue,
+			inputRef.current?.value
+		]),
+		onCancel: handleCancel,
+		onSave: handleSave,
+		children: /* @__PURE__ */ jsx(Input, {
+			ref: inputRef,
+			...props
+		})
+	});
+};
+
+//#endregion
+export { EditableFieldInput };
+//# sourceMappingURL=EditableFieldInput.mjs.map

package/dist/esm/components/EditableField/EditableFieldInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableFieldInput.mjs","names":["EditableFieldInput: FC<EditableFieldInputProps>"],"sources":["../../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type Ref, useImperativeHandle, useMemo, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\n/**\n * Props for the EditableFieldInput component, extending standard Input props\n */\ntype EditableFieldInputProps = InputProps & {\n  /** Callback function called when the user saves the edited value */\n  onSave?: (value: string) => void;\n  /** Callback function called when the user cancels the edit operation */\n  onCancel?: () => void;\n};\n\n/**\n * EditableFieldInput Component\n *\n * An inline editable input field that displays as read-only text until clicked.\n * When activated, it shows an input field with save and cancel buttons.\n *\n * @example\n * ```tsx\n * <EditableFieldInput\n *   defaultValue=\"Edit me\"\n *   placeholder=\"Click to edit...\"\n *   onSave={(value) => console.log('Saved:', value)}\n *   onCancel={() => console.log('Cancelled')}\n * />\n * ```\n *\n * ## Features\n * - **Inline Editing**: Click to edit, displays as text when not editing\n * - **Save/Cancel Actions**: Built-in save and cancel buttons with callbacks\n * - **Keyboard Support**: Accessible keyboard navigation\n * - **Input Variants**: Supports all Input component variants and sizes\n * - **Auto-save on Click Away**: Saves automatically when clicking outside\n * - **Ref Forwarding**: Exposes the underlying input element reference\n *\n * ## Accessibility\n * - Uses semantic HTML with proper ARIA attributes\n * - Keyboard accessible with tab navigation\n * - Screen reader friendly with descriptive labels\n * - Focus management for edit mode transitions\n *\n * @param props - EditableFieldInputProps extending InputProps\n * @returns React functional component\n */\nexport const EditableFieldInput: FC<EditableFieldInputProps> = ({\n  onSave,\n  onCancel,\n  ref,\n  ...props\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(inputRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the input ref to parent components\n  useImperativeHandle(ref as Ref<HTMLElement>, () => inputRef.current!);\n\n  const value = useMemo(\n    () =>\n      (props.value as string) ??\n      inputRef.current?.value ??\n      (props.defaultValue as string),\n\n    [props.value, props.defaultValue, inputRef.current?.value]\n  );\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAaA,sBAAmD,EAC9D,QACA,UACA,IACA,GAAG,YACC;CACJ,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,mBAAmB;AAEvB,WAAS,SAAS,SAAS,SAAS,GAAG;;CAGzC,MAAM,qBAAqB;AACzB,MAAI,SAAS,QACX,UAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAE5D,cAAY;;AAId,qBAAoB,WAA+B,SAAS,QAAS;AAWrE,QACE,oBAAC;EACC,OAXU,cAET,MAAM,SACP,SAAS,SAAS,SACjB,MAAM,cAET;GAAC,MAAM;GAAO,MAAM;GAAc,SAAS,SAAS;GAAM,CAC3D;EAKG,UAAU;EACV,QAAQ;YAER,oBAAC;GAAM,KAAK;GAAU,GAAI;IAAS;GACf"}