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

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

@@ -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"],"names":[],"mappings":"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"}
+{"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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"}

package/dist/components/DropDown/index.cjs

@@ -2,6 +2,7 @@
 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,
@@ -23,20 +24,27 @@ const Trigger = ({
   children,
   identifier,
   className,
+  label,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
+  components_Button_Button.Button,
   {
     className: utils_cn.cn("w-full cursor-pointer", className),
-    "aria-label": `Open panel ${identifier}`,
+    label: label ?? `Open panel ${identifier}`,
     onClick: (e) => {
       e.currentTarget.focus();
     },
     onBlur: (e) => e.currentTarget.blur(),
+    variant: "none",
     ...props,
     children
   }
 );
+var DropDownAlign = /* @__PURE__ */ ((DropDownAlign2) => {
+  DropDownAlign2["START"] = "start";
+  DropDownAlign2["END"] = "end";
+  return DropDownAlign2;
+})(DropDownAlign || {});
 const Panel = ({
   children,
   isHidden = void 0,
@@ -78,4 +86,5 @@ const Panel = ({
 DropDown.Trigger = Trigger;
 DropDown.Panel = Panel;
 exports.DropDown = DropDown;
+exports.DropDownAlign = DropDownAlign;
 //# sourceMappingURL=index.cjs.map

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

@@ -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 { 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 = HTMLAttributes<HTMLButtonElement> & {\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  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-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    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\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 = '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 === 'start' && 'left-0',\n      align === '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","MaxHeightSmoother"],"mappings":";;;;;AA+BO,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,GAAG;AACL,MACED,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACpC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IACA,QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAA;AAAA,IACrD,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,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,MACED,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA,UAAU,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACb,MAAK;AAAA,IACL,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAElC,UAAAD,2BAAAA;AAAAA,MAACE,mCAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWD,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;;"}
+{"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;;;"}

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

@@ -1,4 +1,5 @@
 import { FC, HTMLAttributes } from 'react';
+import { ButtonProps } from '../Button';
 export type DropDownProps = HTMLAttributes<HTMLDivElement> & {
     identifier: string;
 };
@@ -25,14 +26,18 @@ export type DropDownType = FC<DropDownProps> & {
  * > Note DropDown.Trigger can be replaced by a button. Don't add a button inside the trigger.
  */
 export declare const DropDown: DropDownType;
-export type TriggerProps = HTMLAttributes<HTMLButtonElement> & {
+export type TriggerProps = Partial<ButtonProps> & {
     identifier: string;
 };
+export declare enum DropDownAlign {
+    START = "start",
+    END = "end"
+}
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {
     isFocusable?: boolean;
     isHidden?: boolean;
     isOverable?: boolean;
     identifier: string;
-    align?: 'start' | 'end';
+    align?: DropDownAlign | `${DropDownAlign}`;
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -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;AAIhD,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,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC7D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAkCF,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,OAAO,GAAG,KAAK,CAAC;CACzB,CAAC"}
+{"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"}

package/dist/components/DropDown/index.mjs

@@ -1,5 +1,6 @@
 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,
@@ -21,20 +22,27 @@ const Trigger = ({
   children,
   identifier,
   className,
+  label,
   ...props
 }) => /* @__PURE__ */ jsx(
-  "button",
+  Button,
   {
     className: cn("w-full cursor-pointer", className),
-    "aria-label": `Open panel ${identifier}`,
+    label: label ?? `Open panel ${identifier}`,
     onClick: (e) => {
       e.currentTarget.focus();
     },
     onBlur: (e) => e.currentTarget.blur(),
+    variant: "none",
     ...props,
     children
   }
 );
+var DropDownAlign = /* @__PURE__ */ ((DropDownAlign2) => {
+  DropDownAlign2["START"] = "start";
+  DropDownAlign2["END"] = "end";
+  return DropDownAlign2;
+})(DropDownAlign || {});
 const Panel = ({
   children,
   isHidden = void 0,
@@ -76,6 +84,7 @@ const Panel = ({
 DropDown.Trigger = Trigger;
 DropDown.Panel = Panel;
 export {
-  DropDown
+  DropDown,
+  DropDownAlign
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -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 { 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 = HTMLAttributes<HTMLButtonElement> & {\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  ...props\n}) => (\n  <button\n    className={cn('w-full cursor-pointer', className)}\n    aria-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    {...props}\n  >\n    {children}\n  </button>\n);\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  align?: 'start' | 'end';\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 = '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 === 'start' && 'left-0',\n      align === '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":[],"mappings":";;;AA+BO,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,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAChD,cAAY,cAAc,UAAU;AAAA,IACpC,SAAS,CAAC,MAAM;AAEb,QAAE,cAAoC,MAAA;AAAA,IACzC;AAAA,IACA,QAAQ,CAAC,MAAO,EAAE,cAAoC,KAAA;AAAA,IACrD,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAqBF,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,WAAW;AAAA,MACrB,UAAU,SAAS;AAAA,MACnB;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;"}
+{"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;"}

package/dist/components/EditableField/EditableFieldLayout.cjs

@@ -72,9 +72,9 @@ const EditableFieldLayout = ({
                 components_Button_Button.Button,
                 {
                   label: "Save",
-                  variant: "hoverable",
-                  size: "icon-sm",
-                  color: "text",
+                  variant: components_Button_Button.ButtonVariant.HOVERABLE,
+                  size: components_Button_Button.ButtonSize.ICON_SM,
+                  color: components_Button_Button.ButtonColor.TEXT,
                   Icon: lucideReact.Check,
                   onClick: handleSave,
                   disabled: isDisabled,
@@ -85,10 +85,10 @@ const EditableFieldLayout = ({
                 components_Button_Button.Button,
                 {
                   label: "Cancel",
-                  color: "text",
-                  variant: "hoverable",
+                  color: components_Button_Button.ButtonColor.TEXT,
+                  variant: components_Button_Button.ButtonVariant.HOVERABLE,
                   className: "!text-current",
-                  size: "icon-sm",
+                  size: components_Button_Button.ButtonSize.ICON_SM,
                   Icon: lucideReact.X,
                   onClick: handleCancel,
                   disabled: isDisabled
@@ -109,9 +109,9 @@ const EditableFieldLayout = ({
                 {
                   label: "Edit",
                   Icon: lucideReact.Pencil,
-                  color: "text",
-                  variant: "hoverable",
-                  size: "icon-sm",
+                  color: components_Button_Button.ButtonColor.TEXT,
+                  variant: components_Button_Button.ButtonVariant.HOVERABLE,
+                  size: components_Button_Button.ButtonSize.ICON_SM,
                   className: "invisible !text-current group-hover/editable-field:visible",
                   disabled: isDisabled,
                   onClick: (e) => {

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

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldLayout.cjs","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n\n'use client';\n\nimport { Pencil, Check, X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type FC,\n  type ReactNode,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype EditableFieldLayoutProps = {\n  value?: string | null | undefined;\n  onCancel: () => void;\n  onSave: () => void;\n  children: ReactNode;\n  isDisabled?: boolean;\n} & HTMLAttributes<HTMLSpanElement>;\n\nexport const EditableFieldLayout: FC<EditableFieldLayoutProps> = ({\n  value = '',\n  onCancel,\n  onSave,\n  onClick,\n  children,\n  isDisabled,\n  ...props\n}) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const editableFieldRef = useRef<HTMLSpanElement>(null);\n\n  const handleSave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onSave();\n  };\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onCancel();\n  };\n\n  const result = !value || value === '' ? '-' : value;\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent) => {\n      // Check if there's any text selected\n      const selection = window.getSelection();\n      if (selection && selection.toString().trim() !== '') {\n        // If there is a selection, do not trigger the save and exit early.\n        return;\n      }\n\n      // Proceed if the click is truly outside the component.\n      if (\n        editableFieldRef.current &&\n        !editableFieldRef.current.contains(e.target as Node)\n      ) {\n        setIsEditing(false);\n        onSave();\n      }\n    },\n    [onSave]\n  );\n\n  useEffect(() => {\n    if (isEditing) {\n      document.addEventListener('click', handleClickOutside);\n    } else {\n      document.removeEventListener('click', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('click', handleClickOutside);\n  }, [handleClickOutside, isEditing]);\n\n  return (\n    <span\n      className=\"group/editable-field flex gap-2\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => {\n        setIsEditing(true);\n        onClick?.(e);\n      }}\n      ref={editableFieldRef}\n      {...props}\n    >\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'display' : 'hidden')}\n        key={String(isEditing)}\n      >\n        {children}\n        <Button\n          label=\"Save\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          color=\"text\"\n          Icon={Check}\n          onClick={handleSave}\n          disabled={isDisabled}\n          className=\"!text-current\"\n        />\n        <Button\n          label=\"Cancel\"\n          color=\"text\"\n          variant=\"hoverable\"\n          className=\"!text-current\"\n          size=\"icon-sm\"\n          Icon={X}\n          onClick={handleCancel}\n          disabled={isDisabled}\n        />\n      </div>\n\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'hidden' : 'display')}\n      >\n        <span className=\"ml-2 flex w-full whitespace-pre-wrap p-1 text-sm leading-6\">\n          {result}\n        </span>\n        <Button\n          label=\"Edit\"\n          Icon={Pencil}\n          color=\"text\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          className=\"invisible !text-current group-hover/editable-field:visible\"\n          disabled={isDisabled}\n          onClick={(e) => {\n            e.stopPropagation();\n            setIsEditing(true);\n          }}\n        />\n      </div>\n    </span>\n  );\n};\n"],"names":["useState","useRef","useCallback","useEffect","jsxs","cn","jsx","Button","Check","X","Pencil"],"mappings":"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"}
+{"version":3,"file":"EditableFieldLayout.cjs","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Pencil, X } from 'lucide-react';\nimport {\n  type FC,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\n\ntype EditableFieldLayoutProps = {\n  value?: string | null | undefined;\n  onCancel: () => void;\n  onSave: () => void;\n  children: ReactNode;\n  isDisabled?: boolean;\n} & HTMLAttributes<HTMLSpanElement>;\n\nexport const EditableFieldLayout: FC<EditableFieldLayoutProps> = ({\n  value = '',\n  onCancel,\n  onSave,\n  onClick,\n  children,\n  isDisabled,\n  ...props\n}) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const editableFieldRef = useRef<HTMLSpanElement>(null);\n\n  const handleSave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onSave();\n  };\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onCancel();\n  };\n\n  const result = !value || value === '' ? '-' : value;\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent) => {\n      // Check if there's any text selected\n      const selection = window.getSelection();\n      if (selection && selection.toString().trim() !== '') {\n        // If there is a selection, do not trigger the save and exit early.\n        return;\n      }\n\n      // Proceed if the click is truly outside the component.\n      if (\n        editableFieldRef.current &&\n        !editableFieldRef.current.contains(e.target as Node)\n      ) {\n        setIsEditing(false);\n        onSave();\n      }\n    },\n    [onSave]\n  );\n\n  useEffect(() => {\n    if (isEditing) {\n      document.addEventListener('click', handleClickOutside);\n    } else {\n      document.removeEventListener('click', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('click', handleClickOutside);\n  }, [handleClickOutside, isEditing]);\n\n  return (\n    <span\n      className=\"group/editable-field flex gap-2\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => {\n        setIsEditing(true);\n        onClick?.(e);\n      }}\n      ref={editableFieldRef}\n      {...props}\n    >\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'display' : 'hidden')}\n        key={String(isEditing)}\n      >\n        {children}\n        <Button\n          label=\"Save\"\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          color={ButtonColor.TEXT}\n          Icon={Check}\n          onClick={handleSave}\n          disabled={isDisabled}\n          className=\"!text-current\"\n        />\n        <Button\n          label=\"Cancel\"\n          color={ButtonColor.TEXT}\n          variant={ButtonVariant.HOVERABLE}\n          className=\"!text-current\"\n          size={ButtonSize.ICON_SM}\n          Icon={X}\n          onClick={handleCancel}\n          disabled={isDisabled}\n        />\n      </div>\n\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'hidden' : 'display')}\n      >\n        <span className=\"ml-2 flex w-full whitespace-pre-wrap p-1 text-sm leading-6\">\n          {result}\n        </span>\n        <Button\n          label=\"Edit\"\n          Icon={Pencil}\n          color={ButtonColor.TEXT}\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          className=\"invisible !text-current group-hover/editable-field:visible\"\n          disabled={isDisabled}\n          onClick={(e) => {\n            e.stopPropagation();\n            setIsEditing(true);\n          }}\n        />\n      </div>\n    </span>\n  );\n};\n"],"names":["useState","useRef","useCallback","useEffect","jsxs","cn","jsx","Button","ButtonVariant","ButtonSize","ButtonColor","Check","X","Pencil"],"mappings":"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"}

package/dist/components/EditableField/EditableFieldLayout.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, FC, ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 type EditableFieldLayoutProps = {
     value?: string | null | undefined;
     onCancel: () => void;

package/dist/components/EditableField/EditableFieldLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,EAAE,EACP,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAsH5D,CAAC"}
+{"version":3,"file":"EditableFieldLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAsH5D,CAAC"}

package/dist/components/EditableField/EditableFieldLayout.mjs

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Check, X, Pencil } from "lucide-react";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { cn } from "../../utils/cn.mjs";
-import { Button } from "../Button/Button.mjs";
+import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 const EditableFieldLayout = ({
   value = "",
   onCancel,
@@ -70,9 +70,9 @@ const EditableFieldLayout = ({
                 Button,
                 {
                   label: "Save",
-                  variant: "hoverable",
-                  size: "icon-sm",
-                  color: "text",
+                  variant: ButtonVariant.HOVERABLE,
+                  size: ButtonSize.ICON_SM,
+                  color: ButtonColor.TEXT,
                   Icon: Check,
                   onClick: handleSave,
                   disabled: isDisabled,
@@ -83,10 +83,10 @@ const EditableFieldLayout = ({
                 Button,
                 {
                   label: "Cancel",
-                  color: "text",
-                  variant: "hoverable",
+                  color: ButtonColor.TEXT,
+                  variant: ButtonVariant.HOVERABLE,
                   className: "!text-current",
-                  size: "icon-sm",
+                  size: ButtonSize.ICON_SM,
                   Icon: X,
                   onClick: handleCancel,
                   disabled: isDisabled
@@ -107,9 +107,9 @@ const EditableFieldLayout = ({
                 {
                   label: "Edit",
                   Icon: Pencil,
-                  color: "text",
-                  variant: "hoverable",
-                  size: "icon-sm",
+                  color: ButtonColor.TEXT,
+                  variant: ButtonVariant.HOVERABLE,
+                  size: ButtonSize.ICON_SM,
                   className: "invisible !text-current group-hover/editable-field:visible",
                   disabled: isDisabled,
                   onClick: (e) => {

package/dist/components/EditableField/EditableFieldLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldLayout.mjs","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n\n'use client';\n\nimport { Pencil, Check, X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type FC,\n  type ReactNode,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype EditableFieldLayoutProps = {\n  value?: string | null | undefined;\n  onCancel: () => void;\n  onSave: () => void;\n  children: ReactNode;\n  isDisabled?: boolean;\n} & HTMLAttributes<HTMLSpanElement>;\n\nexport const EditableFieldLayout: FC<EditableFieldLayoutProps> = ({\n  value = '',\n  onCancel,\n  onSave,\n  onClick,\n  children,\n  isDisabled,\n  ...props\n}) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const editableFieldRef = useRef<HTMLSpanElement>(null);\n\n  const handleSave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onSave();\n  };\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onCancel();\n  };\n\n  const result = !value || value === '' ? '-' : value;\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent) => {\n      // Check if there's any text selected\n      const selection = window.getSelection();\n      if (selection && selection.toString().trim() !== '') {\n        // If there is a selection, do not trigger the save and exit early.\n        return;\n      }\n\n      // Proceed if the click is truly outside the component.\n      if (\n        editableFieldRef.current &&\n        !editableFieldRef.current.contains(e.target as Node)\n      ) {\n        setIsEditing(false);\n        onSave();\n      }\n    },\n    [onSave]\n  );\n\n  useEffect(() => {\n    if (isEditing) {\n      document.addEventListener('click', handleClickOutside);\n    } else {\n      document.removeEventListener('click', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('click', handleClickOutside);\n  }, [handleClickOutside, isEditing]);\n\n  return (\n    <span\n      className=\"group/editable-field flex gap-2\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => {\n        setIsEditing(true);\n        onClick?.(e);\n      }}\n      ref={editableFieldRef}\n      {...props}\n    >\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'display' : 'hidden')}\n        key={String(isEditing)}\n      >\n        {children}\n        <Button\n          label=\"Save\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          color=\"text\"\n          Icon={Check}\n          onClick={handleSave}\n          disabled={isDisabled}\n          className=\"!text-current\"\n        />\n        <Button\n          label=\"Cancel\"\n          color=\"text\"\n          variant=\"hoverable\"\n          className=\"!text-current\"\n          size=\"icon-sm\"\n          Icon={X}\n          onClick={handleCancel}\n          disabled={isDisabled}\n        />\n      </div>\n\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'hidden' : 'display')}\n      >\n        <span className=\"ml-2 flex w-full whitespace-pre-wrap p-1 text-sm leading-6\">\n          {result}\n        </span>\n        <Button\n          label=\"Edit\"\n          Icon={Pencil}\n          color=\"text\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          className=\"invisible !text-current group-hover/editable-field:visible\"\n          disabled={isDisabled}\n          onClick={(e) => {\n            e.stopPropagation();\n            setIsEditing(true);\n          }}\n        />\n      </div>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,sBAAoD,CAAC;AAAA,EAChE,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,mBAAmB,OAAwB,IAAI;AAErD,QAAM,aAAa,CAAC,MAA2C;AAC7D,MAAE,gBAAA;AACF,iBAAa,KAAK;AAClB,WAAA;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,MAA2C;AAC/D,MAAE,gBAAA;AACF,iBAAa,KAAK;AAClB,aAAA;AAAA,EACF;AAEA,QAAM,SAAS,CAAC,SAAS,UAAU,KAAK,MAAM;AAE9C,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAAkB;AAEjB,YAAM,YAAY,OAAO,aAAA;AACzB,UAAI,aAAa,UAAU,SAAA,EAAW,KAAA,MAAW,IAAI;AAEnD;AAAA,MACF;AAGA,UACE,iBAAiB,WACjB,CAAC,iBAAiB,QAAQ,SAAS,EAAE,MAAc,GACnD;AACA,qBAAa,KAAK;AAClB,eAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAGT,YAAU,MAAM;AACd,QAAI,WAAW;AACb,eAAS,iBAAiB,SAAS,kBAAkB;AAAA,IACvD,OAAO;AACL,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D;AAEA,WAAO,MAAM,SAAS,oBAAoB,SAAS,kBAAkB;AAAA,EACvE,GAAG,CAAC,oBAAoB,SAAS,CAAC;AAElC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,CAAC,MAAM;AACd,qBAAa,IAAI;AACjB,kBAAU,CAAC;AAAA,MACb;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,qBAAqB,YAAY,YAAY,QAAQ;AAAA,YAGlE,UAAA;AAAA,cAAA;AAAA,cACD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,MAAM;AAAA,kBACN,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEZ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,MAAM;AAAA,kBACN,SAAS;AAAA,kBACT,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,UAtBK,OAAO,SAAS;AAAA,QAAA;AAAA,QAyBvB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,qBAAqB,YAAY,WAAW,SAAS;AAAA,YAEnE,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,8DACb,UAAA,QACH;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,MAAM;AAAA,kBACN,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,UAAU;AAAA,kBACV,SAAS,CAAC,MAAM;AACd,sBAAE,gBAAA;AACF,iCAAa,IAAI;AAAA,kBACnB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"EditableFieldLayout.mjs","sources":["../../../src/components/EditableField/EditableFieldLayout.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Pencil, X } from 'lucide-react';\nimport {\n  type FC,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\n\ntype EditableFieldLayoutProps = {\n  value?: string | null | undefined;\n  onCancel: () => void;\n  onSave: () => void;\n  children: ReactNode;\n  isDisabled?: boolean;\n} & HTMLAttributes<HTMLSpanElement>;\n\nexport const EditableFieldLayout: FC<EditableFieldLayoutProps> = ({\n  value = '',\n  onCancel,\n  onSave,\n  onClick,\n  children,\n  isDisabled,\n  ...props\n}) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const editableFieldRef = useRef<HTMLSpanElement>(null);\n\n  const handleSave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onSave();\n  };\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation();\n    setIsEditing(false);\n    onCancel();\n  };\n\n  const result = !value || value === '' ? '-' : value;\n\n  const handleClickOutside = useCallback(\n    (e: MouseEvent) => {\n      // Check if there's any text selected\n      const selection = window.getSelection();\n      if (selection && selection.toString().trim() !== '') {\n        // If there is a selection, do not trigger the save and exit early.\n        return;\n      }\n\n      // Proceed if the click is truly outside the component.\n      if (\n        editableFieldRef.current &&\n        !editableFieldRef.current.contains(e.target as Node)\n      ) {\n        setIsEditing(false);\n        onSave();\n      }\n    },\n    [onSave]\n  );\n\n  useEffect(() => {\n    if (isEditing) {\n      document.addEventListener('click', handleClickOutside);\n    } else {\n      document.removeEventListener('click', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('click', handleClickOutside);\n  }, [handleClickOutside, isEditing]);\n\n  return (\n    <span\n      className=\"group/editable-field flex gap-2\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => {\n        setIsEditing(true);\n        onClick?.(e);\n      }}\n      ref={editableFieldRef}\n      {...props}\n    >\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'display' : 'hidden')}\n        key={String(isEditing)}\n      >\n        {children}\n        <Button\n          label=\"Save\"\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          color={ButtonColor.TEXT}\n          Icon={Check}\n          onClick={handleSave}\n          disabled={isDisabled}\n          className=\"!text-current\"\n        />\n        <Button\n          label=\"Cancel\"\n          color={ButtonColor.TEXT}\n          variant={ButtonVariant.HOVERABLE}\n          className=\"!text-current\"\n          size={ButtonSize.ICON_SM}\n          Icon={X}\n          onClick={handleCancel}\n          disabled={isDisabled}\n        />\n      </div>\n\n      <div\n        className={cn('flex flex-1 gap-2', isEditing ? 'hidden' : 'display')}\n      >\n        <span className=\"ml-2 flex w-full whitespace-pre-wrap p-1 text-sm leading-6\">\n          {result}\n        </span>\n        <Button\n          label=\"Edit\"\n          Icon={Pencil}\n          color={ButtonColor.TEXT}\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          className=\"invisible !text-current group-hover/editable-field:visible\"\n          disabled={isDisabled}\n          onClick={(e) => {\n            e.stopPropagation();\n            setIsEditing(true);\n          }}\n        />\n      </div>\n    </span>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EditableField/EditableFieldTextArea.cjs

@@ -11,7 +11,7 @@ require("lucide-react");
 require("../Input/Checkbox.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/config/built");
-require("../../better-auth.8zoxzg-F-BEBqzpjz.cjs");
+require("../../better-auth.CMQ3rA-I-C2nBKRMa.cjs");
 require("../Toaster/Toast.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");

package/dist/components/EditableField/EditableFieldTextArea.mjs

@@ -9,7 +9,7 @@ import "lucide-react";
 import "../Input/Checkbox.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/config/built";
-import "../../better-auth.8zoxzg-F-D8e0X4ys.js";
+import "../../better-auth.CMQ3rA-I-7umXOENE.js";
 import "../Toaster/Toast.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";

package/dist/components/ExpandCollapse/ExpandCollapse.cjs

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

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

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

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

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

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

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

package/dist/components/ExpandCollapse/ExpandCollapse.mjs

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

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

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

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

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