@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/locales/resolve.js

@@ -0,0 +1,89 @@
+"use client";
+import en_US from "./en-US.js";
+import ja_JP from "./ja-JP.js";
+import ko_KR from "./ko-KR.js";
+import zh_CN from "./zh-CN.js";
+import zh_TW from "./zh-TW.js";
+const builtins = {
+    'en-US': en_US,
+    'ja-JP': ja_JP,
+    'ko-KR': ko_KR,
+    'zh-CN': zh_CN,
+    'zh-TW': zh_TW
+};
+const emptyTranslations = {};
+function localeChain(locale) {
+    const values = 'string' == typeof locale ? [
+        locale
+    ] : locale;
+    if (0 === values.length) throw new RangeError('ConfigProvider locale must contain at least one language tag.');
+    return Intl.getCanonicalLocales([
+        ...values
+    ]);
+}
+function mergeTranslations(parent, own) {
+    if (!own || 0 === Object.keys(own).length) return parent;
+    const merged = {
+        ...parent
+    };
+    for (const [tag, resource] of Object.entries(own)){
+        const language = localeChain(tag)[0];
+        const previous = merged[language];
+        const groups = {
+            ...previous
+        };
+        for (const group of Object.keys(en_US)){
+            const content = resource?.[group];
+            if (!content || 'object' != typeof content || Array.isArray(content)) continue;
+            const entries = {
+                ...groups[group]
+            };
+            for (const key of Object.keys(en_US[group])){
+                const value = content[key];
+                const template = en_US[group][key];
+                if ('string' == typeof template && 'string' == typeof value) entries[key] = value;
+                else if (Array.isArray(template) && Array.isArray(value) && value.length === template.length && value.every((entry)=>'string' == typeof entry)) entries[key] = value;
+            }
+            groups[group] = entries;
+        }
+        merged[language] = groups;
+    }
+    return merged;
+}
+function resolveTranslations(chain, translations = emptyTranslations) {
+    const result = {};
+    const messageLocales = {};
+    for (const group of Object.keys(en_US)){
+        const entries = {};
+        for (const key of Object.keys(en_US[group])){
+            let value;
+            let source = 'en-US';
+            for (const language of chain){
+                const custom = translations[language]?.[group];
+                const builtin = builtins[language]?.[group];
+                value = custom?.[key] ?? builtin?.[key];
+                if (void 0 !== value) {
+                    source = language;
+                    break;
+                }
+            }
+            entries[key] = value ?? en_US[group][key];
+            if (source !== chain[0]) messageLocales[`${group}.${key}`] = source;
+        }
+        result[group] = entries;
+    }
+    return {
+        messages: result,
+        messageLocales
+    };
+}
+function getMessage(messages, key) {
+    const [group, name] = key.split('.');
+    return messages[group][name];
+}
+function getEnglishMessage(key) {
+    return getMessage(en_US, key);
+}
+export { getEnglishMessage, getMessage, localeChain, mergeTranslations, resolveTranslations };
+
+//# sourceMappingURL=resolve.js.map

package/dist/esm/browser/modules/locales/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales/resolve.js","sources":["../../../../../src/locales/resolve.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport jaJP from './ja-JP.json';\nimport koKR from './ko-KR.json';\nimport type { LeafTranslations, LocaleMessages, TranslationKey } from './types';\nimport zhCN from './zh-CN.json';\nimport zhTW from './zh-TW.json';\n\nconst builtins: Readonly<Record<string, LocaleMessages>> = {\n  'en-US': enUS,\n  'ja-JP': jaJP,\n  'ko-KR': koKR,\n  'zh-CN': zhCN,\n  'zh-TW': zhTW,\n};\nconst emptyTranslations: LeafTranslations = {};\ntype Group = keyof LocaleMessages;\n\n/** Only explicit tags participate; no implicit language or region matching. */\nexport function localeChain(locale: string | readonly string[]): readonly string[] {\n  const values = typeof locale === 'string' ? [locale] : locale;\n  if (values.length === 0)\n    throw new RangeError('ConfigProvider locale must contain at least one language tag.');\n  return Intl.getCanonicalLocales([...values]);\n}\n\n/** Pure per-scope merge. Arrays are atomic and undefined never erases inherited entries. */\nexport function mergeTranslations(\n  parent: LeafTranslations,\n  own: LeafTranslations | undefined,\n): LeafTranslations {\n  if (!own || Object.keys(own).length === 0) return parent;\n  const merged: Record<string, Record<string, unknown>> = { ...parent };\n  for (const [tag, resource] of Object.entries(own)) {\n    const language = localeChain(tag)[0] as string;\n    const previous = merged[language];\n    const groups: Record<string, unknown> = { ...previous };\n    // Ignore unknown keys at runtime. JSON Schema and the public type catch them in authoring.\n    for (const group of Object.keys(enUS) as Group[]) {\n      const content = resource?.[group];\n      if (!content || typeof content !== 'object' || Array.isArray(content)) continue;\n      const entries: Record<string, unknown> = { ...(groups[group] as object) };\n      for (const key of Object.keys(enUS[group])) {\n        const value = (content as Record<string, unknown>)[key];\n        const template = (enUS[group] as Record<string, unknown>)[key];\n        if (typeof template === 'string' && typeof value === 'string') entries[key] = value;\n        else if (\n          Array.isArray(template) &&\n          Array.isArray(value) &&\n          value.length === template.length &&\n          value.every((entry) => typeof entry === 'string')\n        )\n          entries[key] = value;\n      }\n      groups[group] = entries;\n    }\n    merged[language] = groups;\n  }\n  return merged as LeafTranslations;\n}\n\n/** Resolve each entry once per Provider update, preserving the source language for plurals. */\nexport function resolveTranslations(\n  chain: readonly string[],\n  translations: LeafTranslations = emptyTranslations,\n) {\n  const result: Record<string, Record<string, unknown>> = {};\n  const messageLocales: Partial<Record<TranslationKey, string>> = {};\n  for (const group of Object.keys(enUS) as Group[]) {\n    const entries: Record<string, unknown> = {};\n    for (const key of Object.keys(enUS[group])) {\n      let value: unknown;\n      let source = 'en-US';\n      for (const language of chain) {\n        const custom = translations[language]?.[group] as Record<string, unknown> | undefined;\n        const builtin = builtins[language]?.[group] as Record<string, unknown> | undefined;\n        value = custom?.[key] ?? builtin?.[key];\n        if (value !== undefined) {\n          source = language;\n          break;\n        }\n      }\n      entries[key] = value ?? (enUS[group] as Record<string, unknown>)[key];\n      if (source !== chain[0]) messageLocales[`${group}.${key}` as TranslationKey] = source;\n    }\n    result[group] = entries;\n  }\n  // Every group and entry above comes from the complete English template.\n  return { messages: result as unknown as LocaleMessages, messageLocales };\n}\n\nexport function getMessage(messages: LocaleMessages, key: TranslationKey): string {\n  const [group, name] = key.split('.') as [Group, string];\n  return (messages[group] as Record<string, string>)[name] as string;\n}\nexport function getEnglishMessage(key: TranslationKey) {\n  return getMessage(enUS, key);\n}\n"],"names":["builtins","enUS","jaJP","koKR","zhCN","zhTW","emptyTranslations","localeChain","locale","values","RangeError","Intl","mergeTranslations","parent","own","Object","merged","tag","resource","language","previous","groups","group","content","Array","entries","key","value","template","entry","resolveTranslations","chain","translations","result","messageLocales","source","custom","builtin","undefined","getMessage","messages","name","getEnglishMessage"],"mappings":"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"}

package/dist/esm/browser/modules/locales/types.js

@@ -0,0 +1 @@
+"use client";

package/dist/esm/browser/modules/locales/zh-CN.js

@@ -0,0 +1 @@
+export default {"select":{"placeholder":"请选择","empty":"暂无选项","clear":"清除选择","create":"创建 “{label}”"},"autoComplete":{"empty":"没有匹配建议，可继续输入","suggestions":"{label} 建议"},"datePicker":{"placeholder":"请选择日期","clear":"清除日期","label":"选择日期","selectDate":"选择日期"},"timePicker":{"placeholder":"请选择时间","clear":"清除时间","label":"选择时间","hours":"小时","minutes":"分钟","seconds":"秒","period":"时段","am":"上午","pm":"下午","now":"当前时间","selectTime":"选择时间"},"dateTimePicker":{"placeholder":"请选择日期和时间"},"dateRangePicker":{"placeholder":"请选择日期区间","clear":"清除区间"},"cascader":{"clear":"清除级联选择","level":"第 {level} 级","placeholder":"请选择","empty":"暂无选项"},"calendar":{"previousMonth":"上个月","nextMonth":"下个月","previousYear":"上一年","nextYear":"下一年","previousYears":"上一组年份","nextYears":"下一组年份","weekdays":["一","二","三","四","五","六","日"],"year":"年","month":"月","week":"周","today":"今天","label":"日历"},"common":{"confirm":"确定","cancel":"取消","close":"关闭","start":"开始","end":"结束","remove":"移除","search":"搜索选项","noData":"暂无数据","retry":"重试","preview":"预览","download":"下载","loading":"处理中","searchAction":"搜索"},"form":{"required":"请填写此项","invalid":"请检查此项内容","errorSummary":"请检查以下字段"},"breadcrumb":{"label":"面包屑"},"pagination":{"label":"分页","previousPage":"上一页","nextPage":"下一页","page":"页","pageSize":"每页条数","jumpTo":"跳至","pageBack":"向前跳 5 页","pageForward":"向后跳 5 页","pageLabel":"页 {page}","pageSizeOption":"{count} 条/页","total":"共 {total} 条"},"input":{"showPassword":"显示密码","hidePassword":"隐藏密码","clear":"清除输入"},"inputNumber":{"increase":"增加数值","decrease":"减少数值","invalid":"请输入范围内的有效数字"},"progress":{"label":"进度"},"avatar":{"label":"头像","moreMembers":"更多成员","showMore":"查看其余 {count} 位成员"},"rate":{"label":"评分"},"result":{"success":"操作成功","warning":"请留意","error":"操作失败","info":"提示信息"},"colorPicker":{"label":"选择颜色","clear":"清除颜色","saturation":"饱和度","brightness":"亮度","hue":"色相","alpha":"透明度","value":"颜色值","invalid":"请输入有效的颜色","presets":"预设颜色","gradient":"渐变","colorStop":"色标 {index}","addColorStop":"增加色标","removeColorStop":"删除色标","color":"颜色","position":"位置","colorStopPosition":"色标位置","angle":"角度","gradientAngle":"渐变角度"},"tree":{"label":"树","expand":"展开","reorderInstructions":"按空格开始拖动，上下选择目标，左放在目标前方，右放在目标后方，空格放置，Escape 取消。","moveNode":"移动节点 {label}","expandNode":"展开 {label}","collapseNode":"收起 {label}"},"collapse":{"label":"折叠面板"},"slider":{"label":"滑动输入"},"tabs":{"moreTabs":"更多标签页","addTab":"添加标签页","reorder":"移动标签页 {label}","closeLabel":"关闭标签页 {label}"},"backTop":{"backToTop":"回到顶部"},"button":{"moreActions":"更多操作"},"carousel":{"carousel":"轮播","previousSlide":"上一张","nextSlide":"下一张","goTo":"转到 {index}","slide":"幻灯片","role":"轮播"},"commandPalette":{"commandSearch":"命令搜索","placeholder":"搜索命令…","searchCommands":"搜索命令","commands":"命令","navigate":"选择","run":"执行"},"errorBoundary":{"title":"内容暂时无法显示","description":"请重试，或稍后返回。"},"fileList":{"fileType":"文件","uploading":"上传中","uploadFailed":"上传失败","cancelled":"已取消","uploadComplete":"上传完成","ready":"待上传","uploadProgress":"上传进度 {name}","noFiles":"暂无文件","preview":"预览 {name}","download":"下载 {name}","remove":"移除 {name}"},"floatButton":{"quickActions":"快捷操作"},"image":{"previewImage":"预览图片{alt}","imageUnavailable":"图片加载失败","imagePreview":"图片预览","downloadImage":"下载图片","exitFullscreen":"退出全屏","enterFullscreen":"进入全屏","closePreview":"关闭预览","previousImage":"上一张","nextImage":"下一张","downloadFailedOpenTheOriginalImageToSaveIt":"下载失败，可在新窗口打开原图保存","openOriginal":"打开原图","zoomOut":"缩小","resetZoom":"重置缩放","zoomIn":"放大","showThumbnails":"显示缩略图","scrollThumbnailsBackward":"向前滚动缩略图","imageList":"图片列表","scrollThumbnailsForward":"向后滚动缩略图","image":"图片","position":"第 {index} 张，共 {total} 张","viewImage":"查看第 {index} 张图片{alt}"},"infiniteScroll":{"loadingFailedRetry":"加载失败，重试","allItemsLoaded":"已加载全部内容","loadMore":"加载更多"},"inputOTP":{"verificationCode":"验证码"},"layout":{"expandSidebar":"展开侧栏","collapseSidebar":"收起侧栏"},"loadingBar":{"pageLoadingProgress":"页面加载进度"},"menu":{"navigationMenu":"导航菜单"},"popconfirm":{"actionFailedPleaseRetry":"操作失败，请重试"},"qrCode":{"qrCode":"二维码","refreshCode":"刷新二维码"},"scrollbar":{"verticalScrollbar":"纵向滚动条","horizontalScrollbar":"横向滚动条"},"splitter":{"resizePanel":"调整面板 {index}","togglePanel":"折叠或展开面板"},"table":{"table":"表格","scrollArea":"滚动区域","loadError":"加载失败，请重试"},"dataTable":{"searchTable":"搜索表格","columns":"显示列","resizeColumn":"调整列宽: {label}","selectRows":"选择行","selectAllRowsOnThisPage":"选择本页所有行","selectAllRows":"选择所有行","reorderRow":"移动行: {label}","selectRow":"选择行: {label}","collapseRow":"收起行: {label}","expandRow":"展开行: {label}","reorderRows":"移动行","expandRows":"展开行","sortAscending":"升序排序","sortDescending":"降序排序","clearSorting":"取消排序","reorderColumn":"移动列: {label}"},"timeRangePicker":{"placeholder":"开始时间 ～ 结束时间","label":"选择时间范围","clear":"清除时间范围"},"tour":{"previous":"上一步","finish":"完成","next":"下一步"},"transfer":{"selectAllVisibleItems":"选择本页全部","available":"可选项目","selected":"已选项目","searchAvailableItems":"搜索可选项目","searchSelectedItems":"搜索已选项目","noItems":"暂无项目","moveToSelected":"移至已选","moveToAvailable":"移回可选"},"typography":{"editText":"编辑文本","collapse":"收起","expand":"展开","copyText":"复制文本"},"upload":{"uploadUrlCannotBeEmpty":"上传地址不能为空","uploadFailed":"上传失败","chooseOneFileAtATime":"每次只能选择一个文件","fileTypeIsNotAccepted":"文件格式不支持","fileExceedsTheSizeLimit":"文件超过大小限制","fileCountLimitReached":"文件数量达到上限","fileValidationFailed":"文件未通过校验","chooseFiles":"选择文件","dropHint":"点击或拖拽文件到这里","dropDescription":"支持选择和拖拽上传","cancelUpload":"取消上传 {name}","retryUpload":"重新上传 {name}"},"treeSelect":{"placeholder":"请选择","clear":"清除选择","empty":"暂无选项"},"drag":{"instructions":"按空格开始排序，方向键移动，再按空格确认，Escape 取消。","pickedUp":"开始移动 {label}","moved":"移至 {label}","dropped":"已放置 {label}","cancelled":"已取消排序","outside":"没有可放置的目标"}};

package/dist/esm/browser/modules/locales/zh-TW.js

@@ -0,0 +1 @@
+export default {"select":{"placeholder":"請選擇","empty":"暫無選項","clear":"清除選擇","create":"建立 “{label}”"},"autoComplete":{"empty":"沒有匹配建議，可繼續輸入","suggestions":"{label} 建議"},"datePicker":{"placeholder":"請選擇日期","clear":"清除日期","label":"選擇日期","selectDate":"選擇日期"},"timePicker":{"placeholder":"請選擇時間","clear":"清除時間","label":"選擇時間","hours":"小時","minutes":"分鐘","seconds":"秒","period":"時段","am":"上午","pm":"下午","now":"當前時間","selectTime":"選擇時間"},"dateTimePicker":{"placeholder":"請選擇日期和時間"},"dateRangePicker":{"placeholder":"請選擇日期區間","clear":"清除區間"},"cascader":{"clear":"清除級聯選擇","level":"第 {level} 級","placeholder":"請選擇","empty":"暫無選項"},"calendar":{"previousMonth":"上個月","nextMonth":"下個月","previousYear":"上一年","nextYear":"下一年","previousYears":"上一組年份","nextYears":"下一組年份","weekdays":["一","二","三","四","五","六","日"],"year":"年","month":"月","week":"周","today":"今天","label":"日曆"},"common":{"confirm":"確定","cancel":"取消","close":"關閉","start":"開始","end":"結束","remove":"移除","search":"搜尋選項","noData":"暫無資料","retry":"重試","preview":"預覽","download":"下載","loading":"處理中","searchAction":"搜尋"},"form":{"required":"請填寫此項","invalid":"請檢查此項內容","errorSummary":"請檢查以下欄位"},"breadcrumb":{"label":"麵包屑"},"pagination":{"label":"分頁","previousPage":"上一頁","nextPage":"下一頁","page":"頁","pageSize":"每頁條數","jumpTo":"跳至","pageBack":"向前跳 5 頁","pageForward":"向後跳 5 頁","pageLabel":"頁 {page}","pageSizeOption":"{count} 條/頁","total":"共 {total} 條"},"input":{"showPassword":"顯示密碼","hidePassword":"隱藏密碼","clear":"清除輸入"},"inputNumber":{"increase":"增加數值","decrease":"減少數值","invalid":"請輸入範圍內的有效數字"},"progress":{"label":"進度"},"avatar":{"label":"頭像","moreMembers":"更多成員","showMore":"檢視其餘 {count} 位成員"},"rate":{"label":"評分"},"result":{"success":"操作成功","warning":"請留意","error":"操作失敗","info":"提示資訊"},"colorPicker":{"label":"選擇顏色","clear":"清除顏色","saturation":"飽和度","brightness":"亮度","hue":"色相","alpha":"透明度","value":"顏色值","invalid":"請輸入有效的顏色","presets":"預設顏色","gradient":"漸變","colorStop":"色標 {index}","addColorStop":"增加色標","removeColorStop":"刪除色標","color":"顏色","position":"位置","colorStopPosition":"色標位置","angle":"角度","gradientAngle":"漸變角度"},"tree":{"label":"樹","expand":"展開","reorderInstructions":"按空格開始拖動，上下選擇目標，左放在目標前方，右放在目標後方，空格放置，Escape 取消。","moveNode":"移動節點 {label}","expandNode":"展開 {label}","collapseNode":"收起 {label}"},"collapse":{"label":"摺疊面板"},"slider":{"label":"滑動輸入"},"tabs":{"moreTabs":"更多標籤頁","addTab":"新增標籤頁","reorder":"移動標籤頁 {label}","closeLabel":"關閉標籤頁 {label}"},"backTop":{"backToTop":"回到頂部"},"button":{"moreActions":"更多操作"},"carousel":{"carousel":"輪播","previousSlide":"上一張","nextSlide":"下一張","goTo":"轉到 {index}","slide":"幻燈片","role":"輪播"},"commandPalette":{"commandSearch":"命令搜尋","placeholder":"搜尋命令…","searchCommands":"搜尋命令","commands":"命令","navigate":"選擇","run":"執行"},"errorBoundary":{"title":"內容暫時無法顯示","description":"請重試，或稍後返回。"},"fileList":{"fileType":"檔案","uploading":"上傳中","uploadFailed":"上傳失敗","cancelled":"已取消","uploadComplete":"上傳完成","ready":"待上傳","uploadProgress":"上傳進度 {name}","noFiles":"暫無檔案","preview":"預覽 {name}","download":"下載 {name}","remove":"移除 {name}"},"floatButton":{"quickActions":"快捷操作"},"image":{"previewImage":"預覽圖片{alt}","imageUnavailable":"圖片載入失敗","imagePreview":"圖片預覽","downloadImage":"下載圖片","exitFullscreen":"退出全屏","enterFullscreen":"進入全屏","closePreview":"關閉預覽","previousImage":"上一張","nextImage":"下一張","downloadFailedOpenTheOriginalImageToSaveIt":"下載失敗，可在新視窗開啟原圖儲存","openOriginal":"開啟原圖","zoomOut":"縮小","resetZoom":"重置縮放","zoomIn":"放大","showThumbnails":"顯示縮圖","scrollThumbnailsBackward":"向前滾動縮圖","imageList":"圖片列表","scrollThumbnailsForward":"向後滾動縮圖","image":"圖片","position":"第 {index} 張，共 {total} 張","viewImage":"檢視第 {index} 張圖片{alt}"},"infiniteScroll":{"loadingFailedRetry":"載入失敗，重試","allItemsLoaded":"已載入全部內容","loadMore":"載入更多"},"inputOTP":{"verificationCode":"驗證碼"},"layout":{"expandSidebar":"展開側欄","collapseSidebar":"收起側欄"},"loadingBar":{"pageLoadingProgress":"頁面載入進度"},"menu":{"navigationMenu":"導航選單"},"popconfirm":{"actionFailedPleaseRetry":"操作失敗，請重試"},"qrCode":{"qrCode":"二維碼","refreshCode":"重新整理二維碼"},"scrollbar":{"verticalScrollbar":"縱向捲軸","horizontalScrollbar":"橫向捲軸"},"splitter":{"resizePanel":"調整面板 {index}","togglePanel":"摺疊或展開面板"},"table":{"table":"表格","scrollArea":"滾動區域","loadError":"載入失敗，請重試"},"dataTable":{"searchTable":"搜尋表格","columns":"顯示列","resizeColumn":"調整列寬: {label}","selectRows":"選擇行","selectAllRowsOnThisPage":"選擇本頁所有行","selectAllRows":"選擇所有行","reorderRow":"移動行: {label}","selectRow":"選擇行: {label}","collapseRow":"收起行: {label}","expandRow":"展開行: {label}","reorderRows":"移動行","expandRows":"展開行","sortAscending":"升序排序","sortDescending":"降序排序","clearSorting":"取消排序","reorderColumn":"移動列: {label}"},"timeRangePicker":{"placeholder":"開始時間 ～ 結束時間","label":"選擇時間範圍","clear":"清除時間範圍"},"tour":{"previous":"上一步","finish":"完成","next":"下一步"},"transfer":{"selectAllVisibleItems":"選擇本頁全部","available":"可選專案","selected":"已選專案","searchAvailableItems":"搜尋可選專案","searchSelectedItems":"搜尋已選專案","noItems":"暫無專案","moveToSelected":"移至已選","moveToAvailable":"移回可選"},"typography":{"editText":"編輯文本","collapse":"收起","expand":"展開","copyText":"複製文本"},"upload":{"uploadUrlCannotBeEmpty":"上傳地址不能為空","uploadFailed":"上傳失敗","chooseOneFileAtATime":"每次只能選擇一個檔案","fileTypeIsNotAccepted":"檔案格式不支援","fileExceedsTheSizeLimit":"檔案超過大小限制","fileCountLimitReached":"檔案數量達到上限","fileValidationFailed":"檔案未通過校驗","chooseFiles":"選擇檔案","dropHint":"點選或拖拽檔案到這裡","dropDescription":"支援選擇和拖拽上傳","cancelUpload":"取消上傳 {name}","retryUpload":"重新上傳 {name}"},"treeSelect":{"placeholder":"請選擇","clear":"清除選擇","empty":"暫無選項"},"drag":{"instructions":"按空格開始排序，方向鍵移動，再按空格確認，Escape 取消。","pickedUp":"開始移動 {label}","moved":"移至 {label}","dropped":"已放置 {label}","cancelled":"已取消排序","outside":"沒有可放置的目標"}};

package/dist/esm/browser/modules/masonry/masonry.js

@@ -1,13 +1,16 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/masonry.css';
 import { jsx } from "react/jsx-runtime";
 import { Children, forwardRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
-const masonry_Masonry = /*#__PURE__*/ forwardRef(function({ columns = {
-    xs: 1,
-    sm: 2,
-    lg: 3
-}, gap = 16, className, children, style, ...props }, ref) {
+const masonry_Masonry = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { columns = {
+        xs: 1,
+        sm: 2,
+        lg: 3
+    }, gap = 16, className, children, style, ...props } = useComponentProps('Masonry', rawProps);
     const variables = {
         '--leaf-masonry-gap': 'number' == typeof gap ? `${gap}px` : gap,
         ...style

package/dist/esm/browser/modules/masonry/masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry/masonry.js","sources":["../../../../../src/masonry/masonry.tsx"],"sourcesContent":["import { Children, forwardRef, type HTMLAttributes } from 'react';\nimport type { GridBreakpoint } from '../grid/grid';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\nexport interface MasonryProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string;\n}\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(function Masonry(\n  { columns = { xs: 1, sm: 2, lg: 3 }, gap = 16, className, children, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    '--leaf-masonry-gap': typeof gap === 'number' ? `${gap}px` : gap,\n    ...style,\n  };\n  if (typeof columns === 'number') variables['--leaf-masonry-columns'] = Math.max(1, columns);\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-masonry-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return (\n    <div {...props} ref={ref} className={classes('leaf-masonry', className)} style={variables}>\n      {Children.toArray(children).map((child, index) => (\n        <div\n          className=\"leaf-masonry__item\"\n          key={typeof child === 'object' && child !== null && 'key' in child ? child.key : index}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n});\n"],"names":["Masonry","forwardRef","columns","gap","className","children","style","props","ref","variables","Math","last","point","classes","Children","child","index"],"mappings":";;;;;AAQO,MAAMA,kBAAU,WAAHA,GAAGC,WAAyC,SAC9D,EAAEC,UAAU;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;AAAE,CAAC,EAAEC,MAAM,EAAE,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAAO,EACrFC,GAAG;IAEH,MAAMC,YAA4B;QAChC,sBAAsB,AAAe,YAAf,OAAON,MAAmB,GAAGA,IAAI,EAAE,CAAC,GAAGA;QAC7D,GAAGG,KAAK;IACV;IACA,IAAI,AAAmB,YAAnB,OAAOJ,SAAsBO,SAAS,CAAC,yBAAyB,GAAGC,KAAK,GAAG,CAAC,GAAGR;SAC9E;QACH,IAAIS,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOT,OAAO,CAACU,MAAM,IAAID;YACzBF,SAAS,CAAC,CAAC,uBAAuB,EAAEG,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACC;QACxE;IACF;IACA,OAAO,WAAP,GACE,IAAC;QAAK,GAAGJ,KAAK;QAAE,KAAKC;QAAK,WAAWK,QAAQ,gBAAgBT;QAAY,OAAOK;kBAC7EK,SAAS,OAAO,CAACT,UAAU,GAAG,CAAC,CAACU,OAAOC,QAAAA,WAAAA,GACtC,IAAC;gBACC,WAAU;0BAGTD;eAFI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAO3F"}
+{"version":3,"file":"masonry/masonry.js","sources":["../../../../../src/masonry/masonry.tsx"],"sourcesContent":["import { Children, forwardRef, type HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport type { GridBreakpoint } from '../grid/grid';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\nexport interface MasonryProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string;\n}\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(function Masonry(\n  rawProps: MasonryProps,\n  ref,\n) {\n  const {\n    columns = { xs: 1, sm: 2, lg: 3 },\n    gap = 16,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('Masonry', rawProps);\n  const variables: LeafThemeStyle = {\n    '--leaf-masonry-gap': typeof gap === 'number' ? `${gap}px` : gap,\n    ...style,\n  };\n  if (typeof columns === 'number') variables['--leaf-masonry-columns'] = Math.max(1, columns);\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-masonry-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return (\n    <div {...props} ref={ref} className={classes('leaf-masonry', className)} style={variables}>\n      {Children.toArray(children).map((child, index) => (\n        <div\n          className=\"leaf-masonry__item\"\n          key={typeof child === 'object' && child !== null && 'key' in child ? child.key : index}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n});\n"],"names":["Masonry","forwardRef","rawProps","ref","columns","gap","className","children","style","props","useComponentProps","variables","Math","last","point","classes","Children","child","index"],"mappings":";;;;;;;AASO,MAAMA,kBAAU,WAAHA,GAAGC,WAAyC,SAC9DC,QAAsB,EACtBC,GAAG;IAEH,MAAM,EACJC,UAAU;QAAE,IAAI;QAAG,IAAI;QAAG,IAAI;IAAE,CAAC,EACjCC,MAAM,EAAE,EACRC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACJ,GAAGC,kBAAkB,WAAWR;IACjC,MAAMS,YAA4B;QAChC,sBAAsB,AAAe,YAAf,OAAON,MAAmB,GAAGA,IAAI,EAAE,CAAC,GAAGA;QAC7D,GAAGG,KAAK;IACV;IACA,IAAI,AAAmB,YAAnB,OAAOJ,SAAsBO,SAAS,CAAC,yBAAyB,GAAGC,KAAK,GAAG,CAAC,GAAGR;SAC9E;QACH,IAAIS,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOT,OAAO,CAACU,MAAM,IAAID;YACzBF,SAAS,CAAC,CAAC,uBAAuB,EAAEG,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACC;QACxE;IACF;IACA,OAAO,WAAP,GACE,IAAC;QAAK,GAAGJ,KAAK;QAAE,KAAKN;QAAK,WAAWY,QAAQ,gBAAgBT;QAAY,OAAOK;kBAC7EK,SAAS,OAAO,CAACT,UAAU,GAAG,CAAC,CAACU,OAAOC,QAAAA,WAAAA,GACtC,IAAC;gBACC,WAAU;0BAGTD;eAFI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAO3F"}

package/dist/esm/browser/modules/mentions/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./mentions.js";
+export { Mentions } from "./mentions.js";

package/dist/esm/browser/modules/mentions/mentions.js

@@ -1,17 +1,20 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/mentions.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
 import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
-import { Textarea } from "../textarea/index.js";
+import { TextareaControl } from "../textarea/textarea.js";
 const defaultPrefixes = [
     '@'
 ];
-const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props }, ref) {
+const mentions_Mentions = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props } = useComponentProps('Mentions', rawProps);
     const input = useRef(null), panel = useRef(null), merged = useMergedRef(input, ref), id = useId(), field = useFormField();
     const { messages } = useLeafConfig();
     const [text, setText] = useFieldValue(value, defaultValue, input, props.form);
@@ -55,7 +58,7 @@ const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValu
     useFloatingDismiss(open, ()=>setMatch(null), input, panel);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx(Textarea, {
+            /*#__PURE__*/ jsx(TextareaControl, {
                 ...props,
                 className: classes('leaf-mentions', props.className),
                 ref: merged,
@@ -118,9 +121,10 @@ const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValu
                 render: popupRender,
                 container: getPopupContainer,
                 className: classes('leaf-floating', 'leaf-mentions__panel', popupClassName),
+                "data-selection": "candidate",
                 role: "listbox",
                 id: id,
-                "aria-label": messages.search,
+                "aria-label": messages.common.search,
                 children: list.length ? list.map((option, index)=>/*#__PURE__*/ jsxs("button", {
                         id: `${id}-${index}`,
                         type: "button",
@@ -130,7 +134,7 @@ const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValu
                         tabIndex: -1,
                         className: "leaf-floating__option",
                         onMouseDown: (event)=>event.preventDefault(),
-                        onMouseEnter: ()=>setActive(index),
+                        onMouseEnter: ()=>!option.disabled && setActive(index),
                         onClick: ()=>select(option),
                         children: [
                             /*#__PURE__*/ jsx("span", {
@@ -142,7 +146,7 @@ const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValu
                         ]
                     }, option.value)) : /*#__PURE__*/ jsx("div", {
                     className: "leaf-floating__empty",
-                    children: loading ? messages.loading : notFoundContent ?? messages.empty
+                    children: loading ? messages.common.loading : notFoundContent ?? messages.select.empty
                 })
             })
         ]

package/dist/esm/browser/modules/mentions/mentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"mentions/mentions.js","sources":["../../../../../src/mentions/mentions.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useId, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport { Textarea, type TextareaProps } from '../textarea';\nexport interface MentionOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface MentionsProps\n  extends Omit<TextareaProps, 'value' | 'defaultValue' | 'onChange' | 'onSelect'>,\n    PopupOptions {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSearch?: (query: string, prefix: string) => void;\n  onSelect?: (option: MentionOption, prefix: string) => void;\n  options: readonly MentionOption[];\n  prefixes?: readonly string[];\n  split?: string;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n}\nconst defaultPrefixes = ['@'];\nexport const Mentions = forwardRef<HTMLTextAreaElement, MentionsProps>(function Mentions(\n  {\n    value,\n    defaultValue = '',\n    onChange,\n    onSearch,\n    onSelect,\n    options,\n    prefixes = defaultPrefixes,\n    split = ' ',\n    loading,\n    notFoundContent,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    ...props\n  },\n  ref,\n) {\n  const input = useRef<HTMLTextAreaElement>(null),\n    panel = useRef<HTMLDivElement>(null),\n    merged = useMergedRef(input, ref),\n    id = useId(),\n    field = useFormField();\n  const { messages } = useLeafConfig();\n  const [text, setText] = useFieldValue(value, defaultValue, input, props.form);\n  const [match, setMatch] = useState<{\n      start: number;\n      end: number;\n      prefix: string;\n      query: string;\n    } | null>(null),\n    [active, setActive] = useState(0);\n  const disabled = props.disabled || field?.disabled || props.readOnly;\n  const find = (value: string, cursor: number) => {\n    const before = value.slice(0, cursor);\n    let found: typeof match = null;\n    for (const prefix of prefixes) {\n      const start = before.lastIndexOf(prefix);\n      if (start < 0 || (start > 0 && !/\\s/.test(before[start - 1] ?? ''))) continue;\n      const query = before.slice(start + prefix.length);\n      if (/\\s/.test(query)) continue;\n      if (!found || start > found.start) found = { start, end: cursor, prefix, query };\n    }\n    setMatch(found);\n    setActive(0);\n    if (found) onSearch?.(found.query, found.prefix);\n  };\n  const list = options.filter((option) =>\n    (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(match?.query.toLocaleLowerCase() ?? ''),\n  );\n  const select = (option: MentionOption) => {\n    if (!match || disabled || option.disabled) return;\n    const insertion = match.prefix + option.value + split;\n    const next = text.slice(0, match.start) + insertion + text.slice(match.end);\n    setText(next);\n    onChange?.(next);\n    onSelect?.(option, match.prefix);\n    setMatch(null);\n    requestAnimationFrame(() => {\n      input.current?.focus();\n      input.current?.setSelectionRange(\n        match.start + insertion.length,\n        match.start + insertion.length,\n      );\n    });\n  };\n  const open = !!match && !disabled;\n  useFloatingDismiss(open, () => setMatch(null), input, panel);\n  return (\n    <>\n      <Textarea\n        {...props}\n        className={classes('leaf-mentions', props.className)}\n        ref={merged}\n        value={text}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? id : undefined}\n        aria-activedescendant={open && list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setText(event.target.value);\n          onChange?.(event.target.value);\n          if (!(event.nativeEvent as InputEvent).isComposing)\n            find(event.target.value, event.target.selectionStart);\n        }}\n        onCompositionEnd={(event) => {\n          props.onCompositionEnd?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onClick={(event) => {\n          props.onClick?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onSelect={(event) => {\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onKeyDown={(event) => {\n          props.onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || !open) return;\n          if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const option = list[active];\n          if (event.key === 'Enter' && option) {\n            event.preventDefault();\n            select(option);\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            setMatch(null);\n          }\n        }}\n      />\n      <FloatingPanel\n        open={open}\n        triggerRef={input}\n        panelRef={panel}\n        matchWidth\n        placement={popupPlacement}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        className={classes('leaf-floating', 'leaf-mentions__panel', popupClassName)}\n        role=\"listbox\"\n        id={id}\n        aria-label={messages.search}\n      >\n        {list.length ? (\n          list.map((option, index) => (\n            <button\n              key={option.value}\n              id={`${id}-${index}`}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={active === index}\n              disabled={option.disabled}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseDown={(event) => event.preventDefault()}\n              onMouseEnter={() => setActive(index)}\n              onClick={() => select(option)}\n            >\n              <span className=\"leaf-mentions__prefix\" aria-hidden=\"true\">\n                {match?.prefix}\n              </span>\n              {option.label ?? option.value}\n            </button>\n          ))\n        ) : (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.loading : (notFoundContent ?? messages.empty)}\n          </div>\n        )}\n      </FloatingPanel>\n    </>\n  );\n});\n"],"names":["defaultPrefixes","Mentions","forwardRef","value","defaultValue","onChange","onSearch","onSelect","options","prefixes","split","loading","notFoundContent","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","props","ref","input","useRef","panel","merged","useMergedRef","id","useId","field","useFormField","messages","useLeafConfig","text","setText","useFieldValue","match","setMatch","useState","active","setActive","disabled","find","cursor","before","found","prefix","start","query","list","option","select","insertion","next","requestAnimationFrame","open","useFloatingDismiss","Textarea","classes","undefined","event","i","FloatingPanel","index"],"mappings":"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"}
+{"version":3,"file":"mentions/mentions.js","sources":["../../../../../src/mentions/mentions.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport type { TextareaProps } from '../textarea';\nimport { TextareaControl as Textarea } from '../textarea/textarea';\nexport interface MentionOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface MentionsProps\n  extends Omit<TextareaProps, 'value' | 'defaultValue' | 'onChange' | 'onSelect'>,\n    PopupOptions {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSearch?: (query: string, prefix: string) => void;\n  onSelect?: (option: MentionOption, prefix: string) => void;\n  options: readonly MentionOption[];\n  prefixes?: readonly string[];\n  split?: string;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n}\nconst defaultPrefixes = ['@'];\nexport const Mentions = forwardRef<HTMLTextAreaElement, MentionsProps>(function Mentions(\n  rawProps: MentionsProps,\n  ref,\n) {\n  const {\n    value,\n    defaultValue = '',\n    onChange,\n    onSearch,\n    onSelect,\n    options,\n    prefixes = defaultPrefixes,\n    split = ' ',\n    loading,\n    notFoundContent,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    ...props\n  } = useComponentProps('Mentions', rawProps);\n  const input = useRef<HTMLTextAreaElement>(null),\n    panel = useRef<HTMLDivElement>(null),\n    merged = useMergedRef(input, ref),\n    id = useId(),\n    field = useFormField();\n  const { messages } = useLeafConfig();\n  const [text, setText] = useFieldValue(value, defaultValue, input, props.form);\n  const [match, setMatch] = useState<{\n      start: number;\n      end: number;\n      prefix: string;\n      query: string;\n    } | null>(null),\n    [active, setActive] = useState(0);\n  const disabled = props.disabled || field?.disabled || props.readOnly;\n  const find = (value: string, cursor: number) => {\n    const before = value.slice(0, cursor);\n    let found: typeof match = null;\n    for (const prefix of prefixes) {\n      const start = before.lastIndexOf(prefix);\n      if (start < 0 || (start > 0 && !/\\s/.test(before[start - 1] ?? ''))) continue;\n      const query = before.slice(start + prefix.length);\n      if (/\\s/.test(query)) continue;\n      if (!found || start > found.start) found = { start, end: cursor, prefix, query };\n    }\n    setMatch(found);\n    setActive(0);\n    if (found) onSearch?.(found.query, found.prefix);\n  };\n  const list = options.filter((option) =>\n    (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(match?.query.toLocaleLowerCase() ?? ''),\n  );\n  const select = (option: MentionOption) => {\n    if (!match || disabled || option.disabled) return;\n    const insertion = match.prefix + option.value + split;\n    const next = text.slice(0, match.start) + insertion + text.slice(match.end);\n    setText(next);\n    onChange?.(next);\n    onSelect?.(option, match.prefix);\n    setMatch(null);\n    requestAnimationFrame(() => {\n      input.current?.focus();\n      input.current?.setSelectionRange(\n        match.start + insertion.length,\n        match.start + insertion.length,\n      );\n    });\n  };\n  const open = !!match && !disabled;\n  useFloatingDismiss(open, () => setMatch(null), input, panel);\n  return (\n    <>\n      <Textarea\n        {...props}\n        className={classes('leaf-mentions', props.className)}\n        ref={merged}\n        value={text}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? id : undefined}\n        aria-activedescendant={open && list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setText(event.target.value);\n          onChange?.(event.target.value);\n          if (!(event.nativeEvent as InputEvent).isComposing)\n            find(event.target.value, event.target.selectionStart);\n        }}\n        onCompositionEnd={(event) => {\n          props.onCompositionEnd?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onClick={(event) => {\n          props.onClick?.(event);\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onSelect={(event) => {\n          find(event.currentTarget.value, event.currentTarget.selectionStart);\n        }}\n        onKeyDown={(event) => {\n          props.onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || !open) return;\n          if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const option = list[active];\n          if (event.key === 'Enter' && option) {\n            event.preventDefault();\n            select(option);\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            setMatch(null);\n          }\n        }}\n      />\n      <FloatingPanel\n        open={open}\n        triggerRef={input}\n        panelRef={panel}\n        matchWidth\n        placement={popupPlacement}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        className={classes('leaf-floating', 'leaf-mentions__panel', popupClassName)}\n        data-selection=\"candidate\"\n        role=\"listbox\"\n        id={id}\n        aria-label={messages.common.search}\n      >\n        {list.length ? (\n          list.map((option, index) => (\n            <button\n              key={option.value}\n              id={`${id}-${index}`}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={active === index}\n              disabled={option.disabled}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseDown={(event) => event.preventDefault()}\n              onMouseEnter={() => !option.disabled && setActive(index)}\n              onClick={() => select(option)}\n            >\n              <span className=\"leaf-mentions__prefix\" aria-hidden=\"true\">\n                {match?.prefix}\n              </span>\n              {option.label ?? option.value}\n            </button>\n          ))\n        ) : (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.common.loading : (notFoundContent ?? messages.select.empty)}\n          </div>\n        )}\n      </FloatingPanel>\n    </>\n  );\n});\n"],"names":["defaultPrefixes","Mentions","forwardRef","rawProps","ref","value","defaultValue","onChange","onSearch","onSelect","options","prefixes","split","loading","notFoundContent","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","props","useComponentProps","input","useRef","panel","merged","useMergedRef","id","useId","field","useFormField","messages","useLeafConfig","text","setText","useFieldValue","match","setMatch","useState","active","setActive","disabled","find","cursor","before","found","prefix","start","query","list","option","select","insertion","next","requestAnimationFrame","open","useFloatingDismiss","Textarea","classes","undefined","event","i","FloatingPanel","index"],"mappings":"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"}

package/dist/esm/browser/modules/menu/menu.js

@@ -1,10 +1,12 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/menu.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
-import { Dropdown } from "../dropdown/index.js";
+import { DropdownControl } from "../dropdown/dropdown.js";
 import { classes } from "../shared/classes.js";
 import { inertProps } from "../shared/inert.js";
 import { useControllable } from "../shared/use-controllable.js";
@@ -30,7 +32,8 @@ function MenuSubmenu({ open, id, label, children }) {
         })
     });
 }
-function Menu({ items, mode = 'vertical', selectedKey, defaultSelectedKey = '', onSelect, openKeys, defaultOpenKeys = [], onOpenChange, collapsed = false, itemRender, linkRender, itemClassName, className, ...props }) {
+function Menu(rawProps) {
+    const { items, mode = 'vertical', selectedKey, defaultSelectedKey = '', onSelect, openKeys, defaultOpenKeys = [], onOpenChange, collapsed = false, itemRender, linkRender, itemClassName, className, ...props } = useComponentProps('Menu', rawProps);
     const t = useText();
     const { direction } = useLeafConfig();
     const id = useId();
@@ -138,7 +141,7 @@ function Menu({ items, mode = 'vertical', selectedKey, defaultSelectedKey = '',
             };
             if (hasChildren && ('horizontal' === mode || collapsed)) return /*#__PURE__*/ jsx("div", {
                 className: "leaf-menu__entry",
-                children: /*#__PURE__*/ jsx(Dropdown, {
+                children: /*#__PURE__*/ jsx(DropdownControl, {
                     items: convert(item.children ?? []),
                     open: expanded,
                     disabled: item.disabled,
@@ -183,7 +186,7 @@ function Menu({ items, mode = 'vertical', selectedKey, defaultSelectedKey = '',
         ...props,
         ref: root,
         className: classes('leaf-menu', `leaf-menu--${mode}`, collapsed && 'leaf-menu--collapsed', className),
-        "aria-label": props['aria-label'] ?? t('导航菜单', 'Navigation menu'),
+        "aria-label": props['aria-label'] ?? t('menu.navigationMenu'),
         children: [
             /*#__PURE__*/ jsx("span", {
                 ref: indicator,

package/dist/esm/browser/modules/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu/menu.js","sources":["../../../../../src/menu/menu.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Dropdown, type DropdownItem } from '../dropdown';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface MenuItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  href?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  children?: readonly MenuItem[];\n  type?: 'item' | 'group' | 'divider';\n}\nexport interface MenuProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {\n  items: readonly MenuItem[];\n  mode?: 'vertical' | 'horizontal' | 'inline';\n  selectedKey?: string;\n  defaultSelectedKey?: string;\n  onSelect?: (key: string, item: MenuItem) => void;\n  openKeys?: readonly string[];\n  defaultOpenKeys?: readonly string[];\n  onOpenChange?: (keys: string[]) => void;\n  collapsed?: boolean;\n  itemRender?: (item: MenuItem, content: ReactNode) => ReactNode;\n  linkRender?: (item: MenuItem, link: ReactNode) => ReactNode;\n  itemClassName?: string | ((item: MenuItem) => string);\n}\nfunction MenuSubmenu({\n  open,\n  id,\n  label,\n  children,\n}: {\n  open: boolean;\n  id: string;\n  label?: string;\n  children: () => ReactNode;\n}) {\n  const [visited, setVisited] = useState(open);\n  if (open && !visited) setVisited(true);\n  return (\n    <div\n      id={id}\n      role=\"menu\"\n      className=\"leaf-menu__submenu\"\n      aria-label={label}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      data-open={open || undefined}\n    >\n      <div className=\"leaf-menu__submenu-inner\">\n        <div className=\"leaf-menu__submenu-content\">{visited && children()}</div>\n      </div>\n    </div>\n  );\n}\nexport function Menu({\n  items,\n  mode = 'vertical',\n  selectedKey,\n  defaultSelectedKey = '',\n  onSelect,\n  openKeys,\n  defaultOpenKeys = [],\n  onOpenChange,\n  collapsed = false,\n  itemRender,\n  linkRender,\n  itemClassName,\n  className,\n  ...props\n}: MenuProps) {\n  const t = useText();\n  const { direction } = useLeafConfig();\n  const id = useId();\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const [selected, setSelected] = useControllable(selectedKey, defaultSelectedKey);\n  const [active, setActive] = useState<string | undefined>(undefined);\n  const [opened, setOpened] = useControllable<readonly string[]>(\n    openKeys,\n    defaultOpenKeys,\n    (keys) => onOpenChange?.([...keys]),\n  );\n  useMovingIndicator(\n    root,\n    indicator,\n    '[data-selected=\"true\"]',\n    `${selected}-${collapsed}-${mode}-${direction}-${opened.join(',')}`,\n  );\n  const toggle = (key: string) =>\n    setOpened(opened.includes(key) ? opened.filter((value) => value !== key) : [...opened, key]);\n  const hasSelected = (item: MenuItem): boolean =>\n    item.key === selected || Boolean(item.children?.some(hasSelected));\n  const visibleItems: MenuItem[] = [];\n  const collect = (entries: readonly MenuItem[]) => {\n    for (const item of entries) {\n      if (item.type === 'group') collect(item.children ?? []);\n      else if (item.type !== 'divider') {\n        if (!item.disabled) visibleItems.push(item);\n        if (opened.includes(item.key) && mode !== 'horizontal' && !collapsed)\n          collect(item.children ?? []);\n      }\n    }\n  };\n  collect(items);\n  const focusKey = visibleItems.some((item) => item.key === active)\n    ? active\n    : (visibleItems.find((item) => item.key === selected)?.key ?? visibleItems[0]?.key);\n  const convert = (entries: readonly MenuItem[]): DropdownItem[] =>\n    entries.map((item) => ({\n      ...item,\n      children: item.children ? convert(item.children) : undefined,\n      onClick: () => {\n        if (!item.children?.length) {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      },\n    }));\n  const renderItems = (entries: readonly MenuItem[], depth: number): ReactNode =>\n    entries.map((item) => {\n      if (item.type === 'divider') return <hr className=\"leaf-menu__divider\" key={item.key} />;\n      if (item.type === 'group')\n        return (\n          <fieldset\n            aria-label={typeof item.label === 'string' ? item.label : undefined}\n            key={item.key}\n            className=\"leaf-menu__group\"\n          >\n            <legend className=\"leaf-menu__group-label\">{item.label}</legend>\n            {renderItems(item.children ?? [], depth)}\n          </fieldset>\n        );\n      const expanded = opened.includes(item.key);\n      const hasChildren = Boolean(item.children?.length);\n      const originalContent = (\n        <>\n          {item.icon && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {item.icon}\n            </span>\n          )}\n          {!item.icon && collapsed && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {typeof item.label === 'string' ? item.label.slice(0, 1) : '·'}\n            </span>\n          )}\n          <span className=\"leaf-menu__label\">{item.label}</span>\n          {hasChildren && <ChevronDown className=\"leaf-menu__arrow\" size={14} aria-hidden=\"true\" />}\n        </>\n      );\n      const content = itemRender?.(item, originalContent) ?? originalContent;\n      const common = {\n        role: 'menuitem',\n        'aria-current': selected === item.key ? ('page' as const) : undefined,\n        'aria-disabled': item.disabled || undefined,\n        'aria-expanded': hasChildren ? expanded : undefined,\n        'aria-controls': hasChildren ? `${id}-${item.key}` : undefined,\n        'data-selected': selected === item.key || undefined,\n        'data-active-parent': (hasChildren && hasSelected(item)) || undefined,\n        'data-danger': item.danger || undefined,\n        className: classes(\n          'leaf-menu__item',\n          typeof itemClassName === 'function' ? itemClassName(item) : itemClassName,\n        ),\n        tabIndex: !item.disabled && focusKey === item.key ? 0 : -1,\n        'data-menu-key': item.key,\n        'data-leaf-indicator-item': '',\n        'aria-label': collapsed && typeof item.label === 'string' ? item.label : undefined,\n        onFocus: () => setActive(item.key),\n        title: collapsed && typeof item.label === 'string' ? item.label : undefined,\n        style: { paddingInlineStart: 12 + depth * 16 },\n      };\n      const activate = () => {\n        if (item.disabled) return;\n        if (hasChildren) toggle(item.key);\n        else {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      };\n      if (hasChildren && (mode === 'horizontal' || collapsed))\n        return (\n          <div key={item.key} className=\"leaf-menu__entry\">\n            <Dropdown\n              items={convert(item.children ?? [])}\n              open={expanded}\n              disabled={item.disabled}\n              onOpenChange={(next) => setOpened(next ? [item.key] : [])}\n            >\n              <button {...common} type=\"button\">\n                {content}\n              </button>\n            </Dropdown>\n          </div>\n        );\n      return (\n        <div key={item.key} className=\"leaf-menu__entry\">\n          {item.href && !hasChildren ? (\n            ((link: ReactNode) => linkRender?.(item, link) ?? link)(\n              <a\n                {...common}\n                href={item.disabled ? undefined : item.href}\n                onClick={(event) => {\n                  if (item.disabled) event.preventDefault();\n                  else activate();\n                }}\n              >\n                {content}\n              </a>,\n            )\n          ) : (\n            <button {...common} type=\"button\" disabled={item.disabled} onClick={activate}>\n              {content}\n            </button>\n          )}\n          {hasChildren && (\n            <MenuSubmenu\n              id={`${id}-${item.key}`}\n              open={expanded}\n              label={typeof item.label === 'string' ? item.label : undefined}\n            >\n              {() => renderItems(item.children ?? [], depth + 1)}\n            </MenuSubmenu>\n          )}\n        </div>\n      );\n    });\n  return (\n    <nav\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-menu',\n        `leaf-menu--${mode}`,\n        collapsed && 'leaf-menu--collapsed',\n        className,\n      )}\n      aria-label={props['aria-label'] ?? t('导航菜单', 'Navigation menu')}\n    >\n      <span ref={indicator} className=\"leaf-menu__indicator\" aria-hidden=\"true\" />\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: This container delegates arrow navigation for the menu or menubar role. */}\n      <div\n        role={mode === 'horizontal' ? 'menubar' : 'menu'}\n        onKeyDown={(event) => {\n          if (event.defaultPrevented) return;\n          if (\n            !['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Home', 'End', 'Escape'].includes(\n              event.key,\n            )\n          )\n            return;\n          const target = event.target as HTMLElement;\n          if (event.key === 'Escape') {\n            setOpened([]);\n            root.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n            return;\n          }\n          const choices = [\n            ...(root.current?.querySelectorAll<HTMLElement>(\n              '[role=\"menuitem\"]:not([aria-disabled=\"true\"])',\n            ) ?? []),\n          ].filter((node) => visibleItems.some((item) => item.key === node.dataset.menuKey));\n          const position = choices.indexOf(target.closest('[role=\"menuitem\"]') as HTMLElement);\n          const key = choices[position]?.dataset.menuKey;\n          const item = visibleItems.find((entry) => entry.key === key);\n          const focusItem = (nextKey: string) => {\n            setActive(nextKey);\n            queueMicrotask(() => {\n              const node = [\n                ...(root.current?.querySelectorAll<HTMLElement>('[data-menu-key]') ?? []),\n              ].find((entry) => entry.dataset.menuKey === nextKey);\n              node?.focus();\n            });\n          };\n          if (mode !== 'horizontal' && !collapsed && item) {\n            if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n              event.preventDefault();\n              if (item.children?.length) {\n                if (!opened.includes(item.key)) setOpened([...opened, item.key]);\n                else {\n                  const child = item.children.find(\n                    (entry) => !entry.disabled && entry.type !== 'divider',\n                  );\n                  if (child) focusItem(child.key);\n                }\n              }\n              return;\n            }\n            if (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')) {\n              event.preventDefault();\n              if (opened.includes(item.key)) toggle(item.key);\n              else {\n                const parentOf = (entries: readonly MenuItem[]): MenuItem | undefined => {\n                  for (const entry of entries) {\n                    if (entry.children?.some((child) => child.key === item.key)) return entry;\n                    const parent = parentOf(entry.children ?? []);\n                    if (parent) return parent;\n                  }\n                  return undefined;\n                };\n                const parent = parentOf(items);\n                if (parent && parent.type !== 'group') focusItem(parent.key);\n              }\n              return;\n            }\n          }\n          if (mode === 'horizontal' && event.key === 'ArrowDown' && item?.children?.length) {\n            event.preventDefault();\n            setOpened([item.key]);\n            return;\n          }\n          const next =\n            event.key === 'Home'\n              ? 0\n              : event.key === 'End'\n                ? choices.length - 1\n                : (position +\n                    (event.key === 'ArrowUp' ||\n                    event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                      ? -1\n                      : 1) +\n                    choices.length) %\n                  choices.length;\n          event.preventDefault();\n          const nextKey = choices[next]?.dataset.menuKey;\n          if (nextKey) setActive(nextKey);\n          choices[next]?.focus();\n        }}\n      >\n        {renderItems(items, 0)}\n      </div>\n    </nav>\n  );\n}\n"],"names":["MenuSubmenu","open","id","label","children","visited","setVisited","useState","undefined","inertProps","Menu","items","mode","selectedKey","defaultSelectedKey","onSelect","openKeys","defaultOpenKeys","onOpenChange","collapsed","itemRender","linkRender","itemClassName","className","props","t","useText","direction","useLeafConfig","useId","root","useRef","indicator","selected","setSelected","useControllable","active","setActive","opened","setOpened","keys","useMovingIndicator","toggle","key","value","hasSelected","item","Boolean","visibleItems","collect","entries","focusKey","convert","renderItems","depth","expanded","hasChildren","originalContent","ChevronDown","content","common","classes","activate","Dropdown","next","link","event","target","choices","node","position","entry","focusItem","nextKey","queueMicrotask","child","parentOf","parent"],"mappings":"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"}
+{"version":3,"file":"menu/menu.js","sources":["../../../../../src/menu/menu.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { DropdownItem } from '../dropdown';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface MenuItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  href?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  children?: readonly MenuItem[];\n  type?: 'item' | 'group' | 'divider';\n}\nexport interface MenuProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {\n  items: readonly MenuItem[];\n  mode?: 'vertical' | 'horizontal' | 'inline';\n  selectedKey?: string;\n  defaultSelectedKey?: string;\n  onSelect?: (key: string, item: MenuItem) => void;\n  openKeys?: readonly string[];\n  defaultOpenKeys?: readonly string[];\n  onOpenChange?: (keys: string[]) => void;\n  collapsed?: boolean;\n  itemRender?: (item: MenuItem, content: ReactNode) => ReactNode;\n  linkRender?: (item: MenuItem, link: ReactNode) => ReactNode;\n  itemClassName?: string | ((item: MenuItem) => string);\n}\nfunction MenuSubmenu({\n  open,\n  id,\n  label,\n  children,\n}: {\n  open: boolean;\n  id: string;\n  label?: string;\n  children: () => ReactNode;\n}) {\n  const [visited, setVisited] = useState(open);\n  if (open && !visited) setVisited(true);\n  return (\n    <div\n      id={id}\n      role=\"menu\"\n      className=\"leaf-menu__submenu\"\n      aria-label={label}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      data-open={open || undefined}\n    >\n      <div className=\"leaf-menu__submenu-inner\">\n        <div className=\"leaf-menu__submenu-content\">{visited && children()}</div>\n      </div>\n    </div>\n  );\n}\nexport function Menu(rawProps: MenuProps) {\n  const {\n    items,\n    mode = 'vertical',\n    selectedKey,\n    defaultSelectedKey = '',\n    onSelect,\n    openKeys,\n    defaultOpenKeys = [],\n    onOpenChange,\n    collapsed = false,\n    itemRender,\n    linkRender,\n    itemClassName,\n    className,\n    ...props\n  } = useComponentProps('Menu', rawProps);\n  const t = useText();\n  const { direction } = useLeafConfig();\n  const id = useId();\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const [selected, setSelected] = useControllable(selectedKey, defaultSelectedKey);\n  const [active, setActive] = useState<string | undefined>(undefined);\n  const [opened, setOpened] = useControllable<readonly string[]>(\n    openKeys,\n    defaultOpenKeys,\n    (keys) => onOpenChange?.([...keys]),\n  );\n  useMovingIndicator(\n    root,\n    indicator,\n    '[data-selected=\"true\"]',\n    `${selected}-${collapsed}-${mode}-${direction}-${opened.join(',')}`,\n  );\n  const toggle = (key: string) =>\n    setOpened(opened.includes(key) ? opened.filter((value) => value !== key) : [...opened, key]);\n  const hasSelected = (item: MenuItem): boolean =>\n    item.key === selected || Boolean(item.children?.some(hasSelected));\n  const visibleItems: MenuItem[] = [];\n  const collect = (entries: readonly MenuItem[]) => {\n    for (const item of entries) {\n      if (item.type === 'group') collect(item.children ?? []);\n      else if (item.type !== 'divider') {\n        if (!item.disabled) visibleItems.push(item);\n        if (opened.includes(item.key) && mode !== 'horizontal' && !collapsed)\n          collect(item.children ?? []);\n      }\n    }\n  };\n  collect(items);\n  const focusKey = visibleItems.some((item) => item.key === active)\n    ? active\n    : (visibleItems.find((item) => item.key === selected)?.key ?? visibleItems[0]?.key);\n  const convert = (entries: readonly MenuItem[]): DropdownItem[] =>\n    entries.map((item) => ({\n      ...item,\n      children: item.children ? convert(item.children) : undefined,\n      onClick: () => {\n        if (!item.children?.length) {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      },\n    }));\n  const renderItems = (entries: readonly MenuItem[], depth: number): ReactNode =>\n    entries.map((item) => {\n      if (item.type === 'divider') return <hr className=\"leaf-menu__divider\" key={item.key} />;\n      if (item.type === 'group')\n        return (\n          <fieldset\n            aria-label={typeof item.label === 'string' ? item.label : undefined}\n            key={item.key}\n            className=\"leaf-menu__group\"\n          >\n            <legend className=\"leaf-menu__group-label\">{item.label}</legend>\n            {renderItems(item.children ?? [], depth)}\n          </fieldset>\n        );\n      const expanded = opened.includes(item.key);\n      const hasChildren = Boolean(item.children?.length);\n      const originalContent = (\n        <>\n          {item.icon && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {item.icon}\n            </span>\n          )}\n          {!item.icon && collapsed && (\n            <span className=\"leaf-menu__icon\" aria-hidden=\"true\">\n              {typeof item.label === 'string' ? item.label.slice(0, 1) : '·'}\n            </span>\n          )}\n          <span className=\"leaf-menu__label\">{item.label}</span>\n          {hasChildren && <ChevronDown className=\"leaf-menu__arrow\" size={14} aria-hidden=\"true\" />}\n        </>\n      );\n      const content = itemRender?.(item, originalContent) ?? originalContent;\n      const common = {\n        role: 'menuitem',\n        'aria-current': selected === item.key ? ('page' as const) : undefined,\n        'aria-disabled': item.disabled || undefined,\n        'aria-expanded': hasChildren ? expanded : undefined,\n        'aria-controls': hasChildren ? `${id}-${item.key}` : undefined,\n        'data-selected': selected === item.key || undefined,\n        'data-active-parent': (hasChildren && hasSelected(item)) || undefined,\n        'data-danger': item.danger || undefined,\n        className: classes(\n          'leaf-menu__item',\n          typeof itemClassName === 'function' ? itemClassName(item) : itemClassName,\n        ),\n        tabIndex: !item.disabled && focusKey === item.key ? 0 : -1,\n        'data-menu-key': item.key,\n        'data-leaf-indicator-item': '',\n        'aria-label': collapsed && typeof item.label === 'string' ? item.label : undefined,\n        onFocus: () => setActive(item.key),\n        title: collapsed && typeof item.label === 'string' ? item.label : undefined,\n        style: { paddingInlineStart: 12 + depth * 16 },\n      };\n      const activate = () => {\n        if (item.disabled) return;\n        if (hasChildren) toggle(item.key);\n        else {\n          setSelected(item.key);\n          onSelect?.(item.key, item);\n        }\n      };\n      if (hasChildren && (mode === 'horizontal' || collapsed))\n        return (\n          <div key={item.key} className=\"leaf-menu__entry\">\n            <Dropdown\n              items={convert(item.children ?? [])}\n              open={expanded}\n              disabled={item.disabled}\n              onOpenChange={(next) => setOpened(next ? [item.key] : [])}\n            >\n              <button {...common} type=\"button\">\n                {content}\n              </button>\n            </Dropdown>\n          </div>\n        );\n      return (\n        <div key={item.key} className=\"leaf-menu__entry\">\n          {item.href && !hasChildren ? (\n            ((link: ReactNode) => linkRender?.(item, link) ?? link)(\n              <a\n                {...common}\n                href={item.disabled ? undefined : item.href}\n                onClick={(event) => {\n                  if (item.disabled) event.preventDefault();\n                  else activate();\n                }}\n              >\n                {content}\n              </a>,\n            )\n          ) : (\n            <button {...common} type=\"button\" disabled={item.disabled} onClick={activate}>\n              {content}\n            </button>\n          )}\n          {hasChildren && (\n            <MenuSubmenu\n              id={`${id}-${item.key}`}\n              open={expanded}\n              label={typeof item.label === 'string' ? item.label : undefined}\n            >\n              {() => renderItems(item.children ?? [], depth + 1)}\n            </MenuSubmenu>\n          )}\n        </div>\n      );\n    });\n  return (\n    <nav\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-menu',\n        `leaf-menu--${mode}`,\n        collapsed && 'leaf-menu--collapsed',\n        className,\n      )}\n      aria-label={props['aria-label'] ?? t('menu.navigationMenu')}\n    >\n      <span ref={indicator} className=\"leaf-menu__indicator\" aria-hidden=\"true\" />\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: This container delegates arrow navigation for the menu or menubar role. */}\n      <div\n        role={mode === 'horizontal' ? 'menubar' : 'menu'}\n        onKeyDown={(event) => {\n          if (event.defaultPrevented) return;\n          if (\n            !['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Home', 'End', 'Escape'].includes(\n              event.key,\n            )\n          )\n            return;\n          const target = event.target as HTMLElement;\n          if (event.key === 'Escape') {\n            setOpened([]);\n            root.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n            return;\n          }\n          const choices = [\n            ...(root.current?.querySelectorAll<HTMLElement>(\n              '[role=\"menuitem\"]:not([aria-disabled=\"true\"])',\n            ) ?? []),\n          ].filter((node) => visibleItems.some((item) => item.key === node.dataset.menuKey));\n          const position = choices.indexOf(target.closest('[role=\"menuitem\"]') as HTMLElement);\n          const key = choices[position]?.dataset.menuKey;\n          const item = visibleItems.find((entry) => entry.key === key);\n          const focusItem = (nextKey: string) => {\n            setActive(nextKey);\n            queueMicrotask(() => {\n              const node = [\n                ...(root.current?.querySelectorAll<HTMLElement>('[data-menu-key]') ?? []),\n              ].find((entry) => entry.dataset.menuKey === nextKey);\n              node?.focus();\n            });\n          };\n          if (mode !== 'horizontal' && !collapsed && item) {\n            if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n              event.preventDefault();\n              if (item.children?.length) {\n                if (!opened.includes(item.key)) setOpened([...opened, item.key]);\n                else {\n                  const child = item.children.find(\n                    (entry) => !entry.disabled && entry.type !== 'divider',\n                  );\n                  if (child) focusItem(child.key);\n                }\n              }\n              return;\n            }\n            if (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')) {\n              event.preventDefault();\n              if (opened.includes(item.key)) toggle(item.key);\n              else {\n                const parentOf = (entries: readonly MenuItem[]): MenuItem | undefined => {\n                  for (const entry of entries) {\n                    if (entry.children?.some((child) => child.key === item.key)) return entry;\n                    const parent = parentOf(entry.children ?? []);\n                    if (parent) return parent;\n                  }\n                  return undefined;\n                };\n                const parent = parentOf(items);\n                if (parent && parent.type !== 'group') focusItem(parent.key);\n              }\n              return;\n            }\n          }\n          if (mode === 'horizontal' && event.key === 'ArrowDown' && item?.children?.length) {\n            event.preventDefault();\n            setOpened([item.key]);\n            return;\n          }\n          const next =\n            event.key === 'Home'\n              ? 0\n              : event.key === 'End'\n                ? choices.length - 1\n                : (position +\n                    (event.key === 'ArrowUp' ||\n                    event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                      ? -1\n                      : 1) +\n                    choices.length) %\n                  choices.length;\n          event.preventDefault();\n          const nextKey = choices[next]?.dataset.menuKey;\n          if (nextKey) setActive(nextKey);\n          choices[next]?.focus();\n        }}\n      >\n        {renderItems(items, 0)}\n      </div>\n    </nav>\n  );\n}\n"],"names":["MenuSubmenu","open","id","label","children","visited","setVisited","useState","undefined","inertProps","Menu","rawProps","items","mode","selectedKey","defaultSelectedKey","onSelect","openKeys","defaultOpenKeys","onOpenChange","collapsed","itemRender","linkRender","itemClassName","className","props","useComponentProps","t","useText","direction","useLeafConfig","useId","root","useRef","indicator","selected","setSelected","useControllable","active","setActive","opened","setOpened","keys","useMovingIndicator","toggle","key","value","hasSelected","item","Boolean","visibleItems","collect","entries","focusKey","convert","renderItems","depth","expanded","hasChildren","originalContent","ChevronDown","content","common","classes","activate","Dropdown","next","link","event","target","choices","node","position","entry","focusItem","nextKey","queueMicrotask","child","parentOf","parent"],"mappings":"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"}

package/dist/esm/browser/modules/message/item.js

@@ -1,4 +1,5 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/message.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
@@ -95,7 +96,7 @@ function MessageItem({ entry, close, remove }) {
                         }),
                         entry.closable && /*#__PURE__*/ jsx("button", {
                             type: "button",
-                            "aria-label": messages.close,
+                            "aria-label": messages.common.close,
                             onClick: close,
                             children: /*#__PURE__*/ jsx(X, {
                                 size: 15,

package/dist/esm/browser/modules/message/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"message/item.js","sources":["../../../../../src/message/item.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport { leafThemeVariables } from '../theme';\nimport type { MessageEntry } from './store';\n\nexport function MessageItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: MessageEntry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const { messages } = config;\n  const variables = useMemo(\n    () => (entry.config ? leafThemeVariables(config.theme) : undefined),\n    [entry.config, config.theme],\n  );\n  const ref = useRef<HTMLDivElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  const [hover, setHover] = useState(false);\n  const duration = entry.duration ?? (entry.type === 'loading' ? 0 : 3);\n  const remaining = useRef(duration * 1000);\n  const lastRevision = useRef(entry.revision);\n  const previousCycle = useRef({ open: entry.open, duration });\n  useEffect(() => {\n    if (\n      lastRevision.current !== entry.revision ||\n      (!previousCycle.current.open && entry.open) ||\n      previousCycle.current.duration !== duration\n    ) {\n      remaining.current = duration * 1000;\n      lastRevision.current = entry.revision;\n    }\n    previousCycle.current = { open: entry.open, duration };\n    if (!entry.open || hover || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, duration, hover, close, entry.revision]);\n  const wasPresent = useRef(present);\n  useEffect(() => {\n    if (wasPresent.current && !present) remove();\n    wasPresent.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-message-slot\"\n        lang={entry.config?.locale}\n        data-leaf-theme={entry.config?.theme.appearance}\n        style={variables}\n        data-state={entry.open ? 'open' : 'closing'}\n        aria-hidden={!entry.open || undefined}\n        {...inertProps(!entry.open)}\n      >\n        <div className=\"leaf-message-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: These events pause dismissal; the message must retain its live-region role. */}\n          <div\n            className={`leaf-message leaf-message--${type}`}\n            data-state={entry.open ? 'open' : 'closing'}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setHover(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setHover(false);\n            }}\n          >\n            <span className=\"leaf-message__icon\" aria-hidden=\"true\">\n              <FeedbackIcon type={type} />\n            </span>\n            <span>{entry.content}</span>\n            {entry.closable && (\n              <button type=\"button\" aria-label={messages.close} onClick={close}>\n                <X size={15} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["MessageItem","entry","close","remove","inherited","useLeafConfig","config","messages","variables","useMemo","leafThemeVariables","undefined","ref","useRef","present","usePresence","type","hover","setHover","useState","duration","remaining","lastRevision","previousCycle","useEffect","started","Date","timer","setTimeout","clearTimeout","Math","wasPresent","ConfigContext","inertProps","event","FeedbackIcon","X"],"mappings":"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"}
+{"version":3,"file":"message/item.js","sources":["../../../../../src/message/item.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport { leafThemeVariables } from '../theme';\nimport type { MessageEntry } from './store';\n\nexport function MessageItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: MessageEntry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const { messages } = config;\n  const variables = useMemo(\n    () => (entry.config ? leafThemeVariables(config.theme) : undefined),\n    [entry.config, config.theme],\n  );\n  const ref = useRef<HTMLDivElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  const [hover, setHover] = useState(false);\n  const duration = entry.duration ?? (entry.type === 'loading' ? 0 : 3);\n  const remaining = useRef(duration * 1000);\n  const lastRevision = useRef(entry.revision);\n  const previousCycle = useRef({ open: entry.open, duration });\n  useEffect(() => {\n    if (\n      lastRevision.current !== entry.revision ||\n      (!previousCycle.current.open && entry.open) ||\n      previousCycle.current.duration !== duration\n    ) {\n      remaining.current = duration * 1000;\n      lastRevision.current = entry.revision;\n    }\n    previousCycle.current = { open: entry.open, duration };\n    if (!entry.open || hover || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, duration, hover, close, entry.revision]);\n  const wasPresent = useRef(present);\n  useEffect(() => {\n    if (wasPresent.current && !present) remove();\n    wasPresent.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-message-slot\"\n        lang={entry.config?.locale}\n        data-leaf-theme={entry.config?.theme.appearance}\n        style={variables}\n        data-state={entry.open ? 'open' : 'closing'}\n        aria-hidden={!entry.open || undefined}\n        {...inertProps(!entry.open)}\n      >\n        <div className=\"leaf-message-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: These events pause dismissal; the message must retain its live-region role. */}\n          <div\n            className={`leaf-message leaf-message--${type}`}\n            data-state={entry.open ? 'open' : 'closing'}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setHover(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setHover(false);\n            }}\n          >\n            <span className=\"leaf-message__icon\" aria-hidden=\"true\">\n              <FeedbackIcon type={type} />\n            </span>\n            <span>{entry.content}</span>\n            {entry.closable && (\n              <button type=\"button\" aria-label={messages.common.close} onClick={close}>\n                <X size={15} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["MessageItem","entry","close","remove","inherited","useLeafConfig","config","messages","variables","useMemo","leafThemeVariables","undefined","ref","useRef","present","usePresence","type","hover","setHover","useState","duration","remaining","lastRevision","previousCycle","useEffect","started","Date","timer","setTimeout","clearTimeout","Math","wasPresent","ConfigContext","inertProps","event","FeedbackIcon","X"],"mappings":"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"}

package/dist/esm/browser/modules/message/message.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/message.css';
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useId, useMemo, useRef } from "react";
+import { ComponentDefaultsContext, useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { ScopedPortal } from "../shared/scoped-portal.js";
 import { MessageItem } from "./item.js";
 import { MessageContext } from "./store.js";
-function Message({ open, afterClose, onClose, ...options }) {
+function Message(rawProps) {
+    const { open, afterClose, onClose, ...options } = useComponentProps('Message', rawProps);
     return /*#__PURE__*/ jsx(ScopedPortal, {
         children: /*#__PURE__*/ jsx("div", {
             className: "leaf-message-region",
@@ -26,19 +29,23 @@ function Message({ open, afterClose, onClose, ...options }) {
 function useMessage() {
     const store = useContext(MessageContext);
     const config = useLeafConfig();
+    const components = useContext(ComponentDefaultsContext);
+    const currentComponents = useRef(components);
+    currentComponents.current = components;
     const currentConfig = useRef(config);
     currentConfig.current = config;
     const scope = useId();
-    const message = useMemo(()=>store?.api(scope, ()=>currentConfig.current), [
+    const message = useMemo(()=>store?.api(scope, ()=>currentConfig.current, ()=>currentComponents.current), [
         store,
         scope
     ]);
     useEffect(()=>{
-        store?.updateScope(scope, config);
+        store?.updateScope(scope, config, components);
     }, [
         store,
         scope,
-        config
+        config,
+        components
     ]);
     const result = useMemo(()=>message ? {
             message