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

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

@@ -1,236 +0,0 @@
-import { t } from "intlayer";
-const nodeTypeSelectorContent = {
-  key: "node-type-selector",
-  autoFill: "./{{key}}.content.json",
-  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ü"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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ı"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    }),
-    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"
-    })
-  }
-};
-export {
-  nodeTypeSelectorContent as default,
-  nodeTypeSelectorContent
-};
-//# sourceMappingURL=nodeTypeSelector.content.mjs.map

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

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

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Button_Button = require("../Button/Button.cjs");
-const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
-const DropDown = ({
-  children,
-  className,
-  identifier,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: utils_cn.cn(`group/dropdown relative flex`, className),
-    "aria-label": `DropDown ${identifier}`,
-    id: `dropdown-container-${identifier}`,
-    ...props,
-    children
-  }
-);
-const Trigger = ({
-  children,
-  identifier,
-  className,
-  label,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  components_Button_Button.Button,
-  {
-    className: utils_cn.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
-  }
-);
-var DropDownAlign = /* @__PURE__ */ ((DropDownAlign2) => {
-  DropDownAlign2["START"] = "start";
-  DropDownAlign2["END"] = "end";
-  return DropDownAlign2;
-})(DropDownAlign || {});
-const Panel = ({
-  children,
-  isHidden = void 0,
-  isOverable = false,
-  isFocusable = false,
-  align = "start",
-  identifier,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: utils_cn.cn(
-      "absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full",
-      align === "start" && "left-0",
-      align === "end" && "right-0",
-      className
-    ),
-    "aria-hidden": isHidden,
-    role: "region",
-    "aria-labelledby": `dropdown-trigger-${identifier}`,
-    id: `dropdown-panel-${identifier}`,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      components_MaxHeightSmoother_index.MaxHeightSmoother,
-      {
-        isHidden,
-        className: utils_cn.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;
-exports.DropDown = DropDown;
-exports.DropDownAlign = DropDownAlign;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"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\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"],"names":["jsx","cn","Button","DropDownAlign","MaxHeightSmoother"],"mappings":";;;;;;AAqEO,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,sBAAsB,UAAU;AAAA,IACnC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAoCF,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,iBAAc;AAAA,IACd,iBAAe,kBAAkB,UAAU;AAAA,IAC3C,IAAI,oBAAoB,UAAU;AAAA,IAClC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IAKA,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAMK,IAAK,kCAAAE,mBAAL;AAELA,iBAAA,OAAA,IAAQ;AAERA,iBAAA,KAAA,IAAM;AAJI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAmFZ,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,oBAAoB,UAAU;AAAA,IAC/C,IAAI,kBAAkB,UAAU;AAAA,IAEhC,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

@@ -1,120 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-import { ButtonProps } from '../Button';
-/**
- * Props for the DropDown component
- */
-export interface DropDownProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Unique identifier that links the trigger and panel for accessibility.
-     * This is used to generate proper ARIA attributes.
-     * @example "user-menu"
-     * @example "language-selector"
-     */
-    identifier: string;
-}
-export type DropDownType = FC<DropDownProps> & {
-    Trigger: FC<TriggerProps>;
-    Panel: FC<PanelProps>;
-};
-/**
- * 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
- */
-export declare const DropDown: DropDownType;
-/**
- * Props for the DropDown.Trigger component
- */
-export interface TriggerProps extends Partial<ButtonProps> {
-    /**
-     * Unique identifier that matches the parent DropDown identifier
-     * @example "user-menu"
-     */
-    identifier: string;
-}
-/**
- * Alignment options for the dropdown panel relative to the trigger
- */
-export declare enum DropDownAlign {
-    /** Align panel to the start (left in LTR, right in RTL) of the trigger */
-    START = "start",
-    /** Align panel to the end (right in LTR, left in RTL) of the trigger */
-    END = "end"
-}
-/**
- * Props for the DropDown.Panel component
- */
-export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Whether the panel should be visible when the trigger is focused.
-     * Enables keyboard accessibility for the dropdown.
-     * @default false
-     */
-    isFocusable?: boolean;
-    /**
-     * Controls panel visibility explicitly.
-     * - `true`: Panel is hidden
-     * - `false`: Panel is visible
-     * - `undefined`: Panel visibility controlled by hover/focus states
-     * @default undefined
-     */
-    isHidden?: boolean;
-    /**
-     * Whether the panel should be visible when hovering over the trigger.
-     * Provides quick access via mouse interaction.
-     * @default false
-     */
-    isOverable?: boolean;
-    /**
-     * Unique identifier that matches the parent DropDown identifier
-     * @example "user-menu"
-     */
-    identifier: string;
-    /**
-     * Horizontal alignment of the panel relative to the trigger
-     * @default DropDownAlign.START
-     */
-    align?: DropDownAlign | `${DropDownAlign}`;
-}
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,QAAQ,EAAE,YActB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACxD;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAoDD;;GAEG;AACH,oBAAY,aAAa;IACvB,0EAA0E;IAC1E,KAAK,UAAU;IACf,wEAAwE;IACxE,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,GAAG,aAAa,EAAE,CAAC;CAC5C"}

package/dist/components/DropDown/index.mjs

@@ -1,92 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-import { Button } from "../Button/Button.mjs";
-import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
-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
-  }
-);
-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
-  }
-);
-var DropDownAlign = /* @__PURE__ */ ((DropDownAlign2) => {
-  DropDownAlign2["START"] = "start";
-  DropDownAlign2["END"] = "end";
-  return DropDownAlign2;
-})(DropDownAlign || {});
-const Panel = ({
-  children,
-  isHidden = void 0,
-  isOverable = false,
-  isFocusable = false,
-  align = "start",
-  identifier,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "absolute top-[calc(100%+0.5rem)] z-[1000] min-w-full",
-      align === "start" && "left-0",
-      align === "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;
-export {
-  DropDown,
-  DropDownAlign
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"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\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"],"names":["DropDownAlign"],"mappings":";;;;AAqEO,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,sBAAsB,UAAU;AAAA,IACnC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAoCF,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,iBAAc;AAAA,IACd,iBAAe,kBAAkB,UAAU;AAAA,IAC3C,IAAI,oBAAoB,UAAU;AAAA,IAClC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IAKA,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAMK,IAAK,kCAAAA,mBAAL;AAELA,iBAAA,OAAA,IAAQ;AAERA,iBAAA,KAAA,IAAM;AAJI,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAmFZ,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,oBAAoB,UAAU;AAAA,IAC/C,IAAI,kBAAkB,UAAU;AAAA,IAEhC,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/EditableFieldInput.cjs

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const components_Input_Input = require("../Input/Input.cjs");
-require("lucide-react");
-require("../Input/Checkbox.cjs");
-const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
-const EditableFieldInput = ({
-  onSave,
-  onCancel,
-  ref,
-  ...props
-}) => {
-  const inputRef = ReactExports.useRef(null);
-  const handleSave = () => {
-    onSave?.(inputRef.current?.value ?? "");
-  };
-  const handleCancel = () => {
-    if (inputRef.current) {
-      inputRef.current.value = inputRef.current.defaultValue ?? "";
-    }
-    onCancel?.();
-  };
-  ReactExports.useImperativeHandle(ref, () => inputRef.current);
-  const value = ReactExports.useMemo(
-    () => props.value ?? inputRef.current?.value ?? props.defaultValue,
-    [props.value, props.defaultValue, inputRef.current?.value]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_EditableField_EditableFieldLayout.EditableFieldLayout,
-    {
-      value,
-      onCancel: handleCancel,
-      onSave: handleSave,
-      children: /* @__PURE__ */ jsxRuntime.jsx(components_Input_Input.Input, { ref: inputRef, ...props })
-    }
-  );
-};
-exports.EditableFieldInput = EditableFieldInput;
-//# sourceMappingURL=EditableFieldInput.cjs.map

package/dist/components/EditableField/EditableFieldInput.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableFieldInput.cjs","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"],"names":["useRef","useImperativeHandle","useMemo","jsx","EditableFieldLayout","Input"],"mappings":";;;;;;;;;AAiDO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWA,aAAAA,OAAyB,IAAI;AAE9C,QAAM,aAAa,MAAM;AAEvB,aAAS,SAAS,SAAS,SAAS,EAAE;AAAA,EACxC;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AACA,eAAA;AAAA,EACF;AAGAC,eAAAA,oBAAoB,KAAyB,MAAM,SAAS,OAAQ;AAEpE,QAAM,QAAQC,aAAAA;AAAAA,IACZ,MACG,MAAM,SACP,SAAS,SAAS,SACjB,MAAM;AAAA,IAET,CAAC,MAAM,OAAO,MAAM,cAAc,SAAS,SAAS,KAAK;AAAA,EAAA;AAG3D,SACEC,2BAAAA;AAAAA,IAACC,6CAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAAD,2BAAAA,IAACE,uBAAAA,OAAA,EAAM,KAAK,UAAW,GAAG,MAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;;"}