@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/config-provider/context.js

@@ -1,219 +1,25 @@
 "use client";
-import { createContext, useContext } from "react";
-import { traditionalMessages } from "../locales/zh-tw.js";
-const zh = {
-    select: '请选择',
-    empty: '暂无选项',
-    noMatches: '没有匹配建议，可继续输入',
-    clearSelection: '清除选择',
-    date: '请选择日期',
-    time: '请选择时间',
-    dateTime: '请选择日期和时间',
-    range: '请选择日期区间',
-    clearDate: '清除日期',
-    clearTime: '清除时间',
-    clearRange: '清除区间',
-    clearCascader: '清除级联选择',
-    chooseDate: '选择日期',
-    chooseTime: '选择时间',
-    previousMonth: '上个月',
-    nextMonth: '下个月',
-    previousYear: '上一年',
-    nextYear: '下一年',
-    previousYears: '上一组年份',
-    nextYears: '下一组年份',
-    hours: '小时',
-    minutes: '分钟',
-    seconds: '秒',
-    period: '时段',
-    am: '上午',
-    pm: '下午',
-    weekdays: [
-        '一',
-        '二',
-        '三',
-        '四',
-        '五',
-        '六',
-        '日'
-    ],
-    confirm: '确定',
-    cancel: '取消',
-    close: '关闭',
-    start: '开始',
-    end: '结束',
-    required: '请填写此项',
-    invalid: '请检查此项内容',
-    useTime: '使用',
-    year: '年',
-    month: '月',
-    week: '周',
-    dateMode: '日期',
-    loading: '处理中',
-    today: '今天',
-    now: '当前时间',
-    selectTime: '选择时间',
-    selectDate: '选择日期',
-    remove: '移除',
-    search: '搜索选项',
-    breadcrumb: '面包屑',
-    pagination: '分页',
-    previousPage: '上一页',
-    nextPage: '下一页',
-    page: '页',
-    pageSize: '每页条数',
-    itemsPerPage: '条/页',
-    jumpTo: '跳至',
-    showPassword: '显示密码',
-    hidePassword: '隐藏密码',
-    increase: '增加数值',
-    decrease: '减少数值',
-    invalidNumber: '请输入范围内的有效数字',
-    progress: '进度',
-    calendar: '日历',
-    clearInput: '清除输入',
-    noData: '暂无数据',
-    avatar: '头像',
-    rating: '评分',
-    resultSuccess: '操作成功',
-    resultWarning: '请留意',
-    resultError: '操作失败',
-    resultInfo: '提示信息',
-    color: '选择颜色',
-    clearColor: '清除颜色',
-    saturation: '饱和度',
-    brightness: '亮度',
-    hue: '色相',
-    alpha: '透明度',
-    colorValue: '颜色值',
-    invalidColor: '请输入有效的颜色',
-    presets: '预设颜色',
-    tree: '树',
-    expand: '展开',
-    collapseNode: '收起',
-    collapse: '折叠面板',
-    slider: '滑动输入',
-    pageBack: '向前跳 5 页',
-    pageForward: '向后跳 5 页',
-    closeTab: '关闭标签页'
-};
-const en = {
-    select: 'Please select',
-    empty: 'No options',
-    noMatches: 'No suggestions',
-    clearSelection: 'Clear selection',
-    date: 'Select a date',
-    time: 'Select a time',
-    dateTime: 'Select date and time',
-    range: 'Select a date range',
-    clearDate: 'Clear date',
-    clearTime: 'Clear time',
-    clearRange: 'Clear range',
-    clearCascader: 'Clear selection',
-    chooseDate: 'Choose a date',
-    chooseTime: 'Choose a time',
-    previousMonth: 'Previous month',
-    nextMonth: 'Next month',
-    previousYear: 'Previous year',
-    nextYear: 'Next year',
-    previousYears: 'Previous years',
-    nextYears: 'Next years',
-    hours: 'Hours',
-    minutes: 'Minutes',
-    seconds: 'Seconds',
-    period: 'Period',
-    am: 'AM',
-    pm: 'PM',
-    weekdays: [
-        'Mon',
-        'Tue',
-        'Wed',
-        'Thu',
-        'Fri',
-        'Sat',
-        'Sun'
-    ],
-    confirm: 'OK',
-    cancel: 'Cancel',
-    close: 'Close',
-    start: 'Start',
-    end: 'End',
-    required: 'Please fill out this field',
-    invalid: 'Please check this field',
-    useTime: 'Use',
-    year: 'Year',
-    month: 'Month',
-    week: 'Week',
-    dateMode: 'Date',
-    loading: 'Loading',
-    today: 'Today',
-    now: 'Now',
-    selectTime: 'Choose time',
-    selectDate: 'Choose date',
-    remove: 'Remove',
-    search: 'Search options',
-    breadcrumb: 'Breadcrumb',
-    pagination: 'Pagination',
-    previousPage: 'Previous page',
-    nextPage: 'Next page',
-    page: 'Page',
-    pageSize: 'Page size',
-    itemsPerPage: '/ page',
-    jumpTo: 'Go to',
-    showPassword: 'Show password',
-    hidePassword: 'Hide password',
-    increase: 'Increase value',
-    decrease: 'Decrease value',
-    invalidNumber: 'Enter a valid number within the allowed range',
-    progress: 'Progress',
-    calendar: 'Calendar',
-    clearInput: 'Clear input',
-    noData: 'No data',
-    avatar: 'Avatar',
-    rating: 'Rating',
-    resultSuccess: 'Success',
-    resultWarning: 'Attention needed',
-    resultError: 'Something went wrong',
-    resultInfo: 'Information',
-    color: 'Choose a color',
-    clearColor: 'Clear color',
-    saturation: 'Saturation',
-    brightness: 'Brightness',
-    hue: 'Hue',
-    alpha: 'Opacity',
-    colorValue: 'Color value',
-    invalidColor: 'Enter a valid color',
-    presets: 'Preset colors',
-    tree: 'Tree',
-    expand: 'Expand',
-    collapseNode: 'Collapse',
-    collapse: 'Collapsible panels',
-    slider: 'Slider',
-    pageBack: 'Jump back 5 pages',
-    pageForward: 'Jump forward 5 pages',
-    closeTab: 'Close tab'
-};
-const tw = traditionalMessages;
-const localeMessages = {
-    'zh-CN': zh,
-    'zh-TW': tw,
-    'en-US': en
-};
+import { useContext } from "react";
+import zh_CN from "../locales/zh-CN.js";
+import { ConfigContext } from "./config-context.js";
 const defaultConfig = {
     locale: 'zh-CN',
+    localeChain: [
+        'zh-CN'
+    ],
+    translations: {},
+    messages: zh_CN,
+    messageLocales: {},
     theme: {},
-    messages: zh,
     direction: 'ltr',
     weekStartsOn: 1,
-    textMessages: {},
     maskBlur: true,
     density: 'comfortable',
     getPopupContainer: void 0
 };
-const ConfigContext = createContext(defaultConfig);
 function useLeafConfig() {
-    return useContext(ConfigContext);
+    return useContext(ConfigContext) ?? defaultConfig;
 }
-export { ConfigContext, localeMessages, useLeafConfig };
+export { ConfigContext, useLeafConfig };
 
 //# sourceMappingURL=context.js.map

package/dist/esm/browser/modules/config-provider/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider/context.js","sources":["../../../../../src/config-provider/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { LeafDensity } from '../density';\nimport { traditionalMessages } from '../locales/zh-tw';\nimport type { LeafTheme } from '../theme';\n\nexport type LeafLocale = 'zh-CN' | 'zh-TW' | 'en-US' | (string & {});\nexport type LeafDirection = 'ltr' | 'rtl';\n\nconst zh = {\n  select: '请选择',\n  empty: '暂无选项',\n  noMatches: '没有匹配建议，可继续输入',\n  clearSelection: '清除选择',\n  date: '请选择日期',\n  time: '请选择时间',\n  dateTime: '请选择日期和时间',\n  range: '请选择日期区间',\n  clearDate: '清除日期',\n  clearTime: '清除时间',\n  clearRange: '清除区间',\n  clearCascader: '清除级联选择',\n  chooseDate: '选择日期',\n  chooseTime: '选择时间',\n  previousMonth: '上个月',\n  nextMonth: '下个月',\n  previousYear: '上一年',\n  nextYear: '下一年',\n  previousYears: '上一组年份',\n  nextYears: '下一组年份',\n  hours: '小时',\n  minutes: '分钟',\n  seconds: '秒',\n  period: '时段',\n  am: '上午',\n  pm: '下午',\n  weekdays: ['一', '二', '三', '四', '五', '六', '日'],\n  confirm: '确定',\n  cancel: '取消',\n  close: '关闭',\n  start: '开始',\n  end: '结束',\n  required: '请填写此项',\n  invalid: '请检查此项内容',\n  useTime: '使用',\n  year: '年',\n  month: '月',\n  week: '周',\n  dateMode: '日期',\n  loading: '处理中',\n  today: '今天',\n  now: '当前时间',\n  selectTime: '选择时间',\n  selectDate: '选择日期',\n  remove: '移除',\n  search: '搜索选项',\n  breadcrumb: '面包屑',\n  pagination: '分页',\n  previousPage: '上一页',\n  nextPage: '下一页',\n  page: '页',\n  pageSize: '每页条数',\n  itemsPerPage: '条/页',\n  jumpTo: '跳至',\n  showPassword: '显示密码',\n  hidePassword: '隐藏密码',\n  increase: '增加数值',\n  decrease: '减少数值',\n  invalidNumber: '请输入范围内的有效数字',\n  progress: '进度',\n  calendar: '日历',\n  clearInput: '清除输入',\n  noData: '暂无数据',\n  avatar: '头像',\n  rating: '评分',\n  resultSuccess: '操作成功',\n  resultWarning: '请留意',\n  resultError: '操作失败',\n  resultInfo: '提示信息',\n  color: '选择颜色',\n  clearColor: '清除颜色',\n  saturation: '饱和度',\n  brightness: '亮度',\n  hue: '色相',\n  alpha: '透明度',\n  colorValue: '颜色值',\n  invalidColor: '请输入有效的颜色',\n  presets: '预设颜色',\n  tree: '树',\n  expand: '展开',\n  collapseNode: '收起',\n  collapse: '折叠面板',\n  slider: '滑动输入',\n  pageBack: '向前跳 5 页',\n  pageForward: '向后跳 5 页',\n  closeTab: '关闭标签页',\n};\nconst en: typeof zh = {\n  select: 'Please select',\n  empty: 'No options',\n  noMatches: 'No suggestions',\n  clearSelection: 'Clear selection',\n  date: 'Select a date',\n  time: 'Select a time',\n  dateTime: 'Select date and time',\n  range: 'Select a date range',\n  clearDate: 'Clear date',\n  clearTime: 'Clear time',\n  clearRange: 'Clear range',\n  clearCascader: 'Clear selection',\n  chooseDate: 'Choose a date',\n  chooseTime: 'Choose a time',\n  previousMonth: 'Previous month',\n  nextMonth: 'Next month',\n  previousYear: 'Previous year',\n  nextYear: 'Next year',\n  previousYears: 'Previous years',\n  nextYears: 'Next years',\n  hours: 'Hours',\n  minutes: 'Minutes',\n  seconds: 'Seconds',\n  period: 'Period',\n  am: 'AM',\n  pm: 'PM',\n  weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n  confirm: 'OK',\n  cancel: 'Cancel',\n  close: 'Close',\n  start: 'Start',\n  end: 'End',\n  required: 'Please fill out this field',\n  invalid: 'Please check this field',\n  useTime: 'Use',\n  year: 'Year',\n  month: 'Month',\n  week: 'Week',\n  dateMode: 'Date',\n  loading: 'Loading',\n  today: 'Today',\n  now: 'Now',\n  selectTime: 'Choose time',\n  selectDate: 'Choose date',\n  remove: 'Remove',\n  search: 'Search options',\n  breadcrumb: 'Breadcrumb',\n  pagination: 'Pagination',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  page: 'Page',\n  pageSize: 'Page size',\n  itemsPerPage: '/ page',\n  jumpTo: 'Go to',\n  showPassword: 'Show password',\n  hidePassword: 'Hide password',\n  increase: 'Increase value',\n  decrease: 'Decrease value',\n  invalidNumber: 'Enter a valid number within the allowed range',\n  progress: 'Progress',\n  calendar: 'Calendar',\n  clearInput: 'Clear input',\n  noData: 'No data',\n  avatar: 'Avatar',\n  rating: 'Rating',\n  resultSuccess: 'Success',\n  resultWarning: 'Attention needed',\n  resultError: 'Something went wrong',\n  resultInfo: 'Information',\n  color: 'Choose a color',\n  clearColor: 'Clear color',\n  saturation: 'Saturation',\n  brightness: 'Brightness',\n  hue: 'Hue',\n  alpha: 'Opacity',\n  colorValue: 'Color value',\n  invalidColor: 'Enter a valid color',\n  presets: 'Preset colors',\n  tree: 'Tree',\n  expand: 'Expand',\n  collapseNode: 'Collapse',\n  collapse: 'Collapsible panels',\n  slider: 'Slider',\n  pageBack: 'Jump back 5 pages',\n  pageForward: 'Jump forward 5 pages',\n  closeTab: 'Close tab',\n};\nexport type LeafMessages = typeof zh;\nconst tw: LeafMessages = traditionalMessages;\nexport const localeMessages: Record<string, LeafMessages> = {\n  'zh-CN': zh,\n  'zh-TW': tw,\n  'en-US': en,\n};\nconst defaultConfig = {\n  locale: 'zh-CN' as LeafLocale,\n  theme: {} as LeafTheme,\n  messages: zh,\n  direction: 'ltr' as LeafDirection,\n  weekStartsOn: 1 as 0 | 1 | 2 | 3 | 4 | 5 | 6,\n  textMessages: {} as Record<string, string>,\n  maskBlur: true,\n  density: 'comfortable' as LeafDensity,\n  getPopupContainer: undefined as undefined | (() => Element | DocumentFragment),\n};\nexport type LeafConfig = typeof defaultConfig;\nexport const ConfigContext = createContext(defaultConfig);\nexport function useLeafConfig() {\n  return useContext(ConfigContext);\n}\n"],"names":["zh","en","tw","traditionalMessages","localeMessages","defaultConfig","undefined","ConfigContext","createContext","useLeafConfig","useContext"],"mappings":"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"}
+{"version":3,"file":"config-provider/context.js","sources":["../../../../../src/config-provider/context.ts"],"sourcesContent":["import { useContext } from 'react';\nimport type { LeafDensity } from '../density';\nimport type { LeafTranslations, LocaleMessages, TranslationKey } from '../locales/types';\nimport zhCN from '../locales/zh-CN.json';\nimport type { LeafTheme } from '../theme';\nimport { ConfigContext } from './config-context';\n\nexport { ConfigContext } from './config-context';\n\nexport type LeafLocale = 'zh-CN' | 'zh-TW' | 'en-US' | 'ja-JP' | 'ko-KR' | (string & {});\nexport type LeafDirection = 'ltr' | 'rtl';\n\nconst defaultConfig = {\n  locale: 'zh-CN' as LeafLocale,\n  localeChain: ['zh-CN'] as readonly LeafLocale[],\n  translations: {} as LeafTranslations,\n  // The default language is complete; only ConfigProvider needs the fallback resolver and other packs.\n  messages: zhCN as LocaleMessages,\n  messageLocales: {} as Partial<Record<TranslationKey, string>>,\n  theme: {} as LeafTheme,\n  direction: 'ltr' as LeafDirection,\n  weekStartsOn: 1 as 0 | 1 | 2 | 3 | 4 | 5 | 6,\n  maskBlur: true,\n  density: 'comfortable' as LeafDensity,\n  getPopupContainer: undefined as undefined | (() => Element | DocumentFragment),\n};\nexport type LeafConfig = typeof defaultConfig;\nexport function useLeafConfig() {\n  return useContext(ConfigContext) ?? defaultConfig;\n}\n"],"names":["defaultConfig","zhCN","undefined","useLeafConfig","useContext","ConfigContext"],"mappings":";;;;AAYA,MAAMA,gBAAgB;IACpB,QAAQ;IACR,aAAa;QAAC;KAAQ;IACtB,cAAc,CAAC;IAEf,UAAUC;IACV,gBAAgB,CAAC;IACjB,OAAO,CAAC;IACR,WAAW;IACX,cAAc;IACd,UAAU;IACV,SAAS;IACT,mBAAmBC;AACrB;AAEO,SAASC;IACd,OAAOC,WAAWC,kBAAkBL;AACtC"}

package/dist/esm/browser/modules/config-provider/index.js

@@ -1,3 +1,3 @@
 "use client";
-export * from "./helpers.js";
 export { ConfigProvider } from "./config-provider.js";
+export { colorContrast, useBreakpoint, useSystemAppearance } from "./helpers.js";

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

@@ -3,9 +3,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert } from "lucide-react";
 import { useEffect, useId, useRef, useState } from "react";
 import { FeedbackIcon } from "../alert/alert.js";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
 import { useLeafConfig } from "../config-provider/context.js";
-import { Modal } from "../modal/index.js";
+import { ModalBase } from "../modal/modal.js";
 function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, type = 'default', showCancel, confirmButtonProps, cancelButtonProps, onCancel, onConfirm, onClose, ...props }) {
     const { messages } = useLeafConfig();
     const contentId = useId();
@@ -58,7 +58,7 @@ function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, t
     }) : /*#__PURE__*/ jsx(FeedbackIcon, {
         type: type
     }) : icon;
-    return /*#__PURE__*/ jsx(Modal, {
+    return /*#__PURE__*/ jsx(ModalBase, {
         ...props,
         open: open,
         title: title,
@@ -66,7 +66,7 @@ function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, t
         divided: false,
         confirmLoading: pending || confirmLoading,
         role: "alertdialog",
-        "aria-label": null == title ? messages.confirm : void 0,
+        "aria-label": null == title ? messages.common.confirm : void 0,
         "aria-describedby": null != children ? contentId : void 0,
         className: [
             'leaf-confirm',
@@ -81,7 +81,8 @@ function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, t
         onCancel: cancel,
         footer: /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                (showCancel ?? 'success' !== type) && /*#__PURE__*/ jsx(Button, {
+                (showCancel ?? 'success' !== type) && /*#__PURE__*/ jsx(ButtonControl, {
+                    type: "button",
                     variant: "outline",
                     ...cancelButtonProps,
                     disabled: pending || confirmLoading || cancelButtonProps?.disabled,
@@ -89,9 +90,10 @@ function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, t
                         cancelButtonProps?.onClick?.(event);
                         if (!event.defaultPrevented) cancel();
                     },
-                    children: cancelText ?? messages.cancel
+                    children: cancelText ?? messages.common.cancel
                 }),
-                /*#__PURE__*/ jsx(Button, {
+                /*#__PURE__*/ jsx(ButtonControl, {
+                    type: "button",
                     ...confirmButtonProps,
                     danger: 'danger' === type,
                     loading: pending || confirmLoading || confirmButtonProps?.loading,
@@ -99,7 +101,7 @@ function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, t
                         confirmButtonProps?.onClick?.(event);
                         if (!event.defaultPrevented) accept();
                     },
-                    children: confirmText ?? messages.confirm
+                    children: confirmText ?? messages.common.confirm
                 })
             ]
         }),

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

@@ -1 +1 @@
-{"version":3,"file":"confirm/confirm.js","sources":["../../../../../src/confirm/confirm.tsx"],"sourcesContent":["import { CircleAlert } from 'lucide-react';\nimport { type CSSProperties, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { Button, type ButtonProps } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Modal } from '../modal';\nimport type { DialogFocusOptions } from '../shared/dialog';\n\nexport interface ConfirmOptions extends DialogFocusOptions {\n  title?: ReactNode;\n  /** A short explanation of the action being confirmed. */\n  children?: ReactNode;\n  /** Bare semantic icon beside the content. Use null to hide it. */\n  icon?: ReactNode;\n  type?: 'default' | 'danger' | 'success' | 'warning' | 'info';\n  showCancel?: boolean;\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  onConfirm?: () => void | Promise<void>;\n  onCancel?: () => void;\n  width?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\ninterface ConfirmDialogProps extends ConfirmOptions {\n  open: boolean;\n  onClose: () => void;\n  afterClose?: () => void;\n}\n\n// Rendered only by the confirmation queue; consumers call useConfirm().confirm().\nexport function ConfirmDialog({\n  open,\n  title,\n  icon,\n  children,\n  confirmText,\n  cancelText,\n  type = 'default',\n  showCancel,\n  confirmButtonProps,\n  cancelButtonProps,\n  onCancel,\n  onConfirm,\n  onClose,\n  ...props\n}: ConfirmDialogProps) {\n  const { messages } = useLeafConfig();\n  const contentId = useId();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string>();\n  const mounted = useRef(true);\n  const busy = useRef(false);\n  const generation = useRef(0);\n  const confirmLoading = confirmButtonProps?.loading ?? false;\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  useEffect(() => {\n    generation.current++;\n    busy.current = false;\n    setPending(false);\n    if (open) setError(undefined);\n  }, [open]);\n  async function accept() {\n    if (busy.current || confirmLoading) return;\n    busy.current = true;\n    const request = generation.current;\n    setPending(true);\n    setError(undefined);\n    try {\n      await onConfirm?.();\n      if (mounted.current && generation.current === request) onClose?.();\n    } catch (reason) {\n      if (mounted.current && generation.current === request)\n        setError(reason instanceof Error ? reason.message : String(reason));\n    } finally {\n      if (generation.current === request) {\n        busy.current = false;\n        if (mounted.current) setPending(false);\n      }\n    }\n  }\n  const cancel = () => {\n    if (!pending && !confirmLoading) {\n      onCancel?.();\n      onClose?.();\n    }\n  };\n  const contentIcon =\n    icon === undefined && type !== 'default' ? (\n      type === 'danger' ? (\n        <CircleAlert aria-hidden=\"true\" />\n      ) : (\n        <FeedbackIcon type={type} />\n      )\n    ) : (\n      icon\n    );\n  return (\n    <Modal\n      {...props}\n      open={open}\n      title={title}\n      width={props.width ?? 420}\n      divided={false}\n      confirmLoading={pending || confirmLoading}\n      role=\"alertdialog\"\n      aria-label={title == null ? messages.confirm : undefined}\n      aria-describedby={children != null ? contentId : undefined}\n      className={[\n        'leaf-confirm',\n        `leaf-confirm--${type}`,\n        (icon != null || (icon === undefined && type !== 'default')) && 'leaf-confirm--has-icon',\n        props.className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      maskClosable={pending ? false : (props.maskClosable ?? false)}\n      closable={!pending && (props.closable ?? false)}\n      keyboard={!pending && (props.keyboard ?? true)}\n      onClose={cancel}\n      onCancel={cancel}\n      footer={\n        <>\n          {(showCancel ?? type !== 'success') && (\n            <Button\n              variant=\"outline\"\n              {...cancelButtonProps}\n              disabled={pending || confirmLoading || cancelButtonProps?.disabled}\n              onClick={(event) => {\n                cancelButtonProps?.onClick?.(event);\n                if (!event.defaultPrevented) cancel();\n              }}\n            >\n              {cancelText ?? messages.cancel}\n            </Button>\n          )}\n          <Button\n            {...confirmButtonProps}\n            danger={type === 'danger'}\n            loading={pending || confirmLoading || confirmButtonProps?.loading}\n            onClick={(event) => {\n              confirmButtonProps?.onClick?.(event);\n              if (!event.defaultPrevented) void accept();\n            }}\n          >\n            {confirmText ?? messages.confirm}\n          </Button>\n        </>\n      }\n    >\n      {(contentIcon != null || children != null || error != null) && (\n        <div className=\"leaf-confirm__body\">\n          {contentIcon != null && (\n            <span className=\"leaf-confirm__icon\" aria-hidden=\"true\">\n              {contentIcon}\n            </span>\n          )}\n          <div className=\"leaf-confirm__content\">\n            {children != null && (\n              <div id={contentId} className=\"leaf-confirm-description\">\n                {children}\n              </div>\n            )}\n            {error && (\n              <p role=\"alert\" className=\"leaf-confirm-error\">\n                {error}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </Modal>\n  );\n}\n"],"names":["ConfirmDialog","open","title","icon","children","confirmText","cancelText","type","showCancel","confirmButtonProps","cancelButtonProps","onCancel","onConfirm","onClose","props","messages","useLeafConfig","contentId","useId","pending","setPending","useState","error","setError","mounted","useRef","busy","generation","confirmLoading","useEffect","undefined","accept","request","reason","Error","String","cancel","contentIcon","CircleAlert","FeedbackIcon","Modal","Boolean","Button","event"],"mappings":"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"}
+{"version":3,"file":"confirm/confirm.js","sources":["../../../../../src/confirm/confirm.tsx"],"sourcesContent":["import { CircleAlert } from 'lucide-react';\nimport { type CSSProperties, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { ButtonControl, type ButtonProps } from '../button/button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ModalBase } from '../modal/modal';\nimport type { DialogFocusOptions } from '../shared/dialog';\n\nexport interface ConfirmOptions extends DialogFocusOptions {\n  title?: ReactNode;\n  /** A short explanation of the action being confirmed. */\n  children?: ReactNode;\n  /** Bare semantic icon beside the content. Use null to hide it. */\n  icon?: ReactNode;\n  type?: 'default' | 'danger' | 'success' | 'warning' | 'info';\n  showCancel?: boolean;\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  onConfirm?: () => void | Promise<void>;\n  onCancel?: () => void;\n  width?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\ninterface ConfirmDialogProps extends ConfirmOptions {\n  open: boolean;\n  onClose: () => void;\n  afterClose?: () => void;\n}\n\n// Rendered only by the confirmation queue; consumers call useConfirm().confirm().\nexport function ConfirmDialog({\n  open,\n  title,\n  icon,\n  children,\n  confirmText,\n  cancelText,\n  type = 'default',\n  showCancel,\n  confirmButtonProps,\n  cancelButtonProps,\n  onCancel,\n  onConfirm,\n  onClose,\n  ...props\n}: ConfirmDialogProps) {\n  const { messages } = useLeafConfig();\n  const contentId = useId();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string>();\n  const mounted = useRef(true);\n  const busy = useRef(false);\n  const generation = useRef(0);\n  const confirmLoading = confirmButtonProps?.loading ?? false;\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  useEffect(() => {\n    generation.current++;\n    busy.current = false;\n    setPending(false);\n    if (open) setError(undefined);\n  }, [open]);\n  async function accept() {\n    if (busy.current || confirmLoading) return;\n    busy.current = true;\n    const request = generation.current;\n    setPending(true);\n    setError(undefined);\n    try {\n      await onConfirm?.();\n      if (mounted.current && generation.current === request) onClose?.();\n    } catch (reason) {\n      if (mounted.current && generation.current === request)\n        setError(reason instanceof Error ? reason.message : String(reason));\n    } finally {\n      if (generation.current === request) {\n        busy.current = false;\n        if (mounted.current) setPending(false);\n      }\n    }\n  }\n  const cancel = () => {\n    if (!pending && !confirmLoading) {\n      onCancel?.();\n      onClose?.();\n    }\n  };\n  const contentIcon =\n    icon === undefined && type !== 'default' ? (\n      type === 'danger' ? (\n        <CircleAlert aria-hidden=\"true\" />\n      ) : (\n        <FeedbackIcon type={type} />\n      )\n    ) : (\n      icon\n    );\n  return (\n    <ModalBase\n      {...props}\n      open={open}\n      title={title}\n      width={props.width ?? 420}\n      divided={false}\n      confirmLoading={pending || confirmLoading}\n      role=\"alertdialog\"\n      aria-label={title == null ? messages.common.confirm : undefined}\n      aria-describedby={children != null ? contentId : undefined}\n      className={[\n        'leaf-confirm',\n        `leaf-confirm--${type}`,\n        (icon != null || (icon === undefined && type !== 'default')) && 'leaf-confirm--has-icon',\n        props.className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      maskClosable={pending ? false : (props.maskClosable ?? false)}\n      closable={!pending && (props.closable ?? false)}\n      keyboard={!pending && (props.keyboard ?? true)}\n      onClose={cancel}\n      onCancel={cancel}\n      footer={\n        <>\n          {(showCancel ?? type !== 'success') && (\n            <ButtonControl\n              type=\"button\"\n              variant=\"outline\"\n              {...cancelButtonProps}\n              disabled={pending || confirmLoading || cancelButtonProps?.disabled}\n              onClick={(event) => {\n                cancelButtonProps?.onClick?.(event);\n                if (!event.defaultPrevented) cancel();\n              }}\n            >\n              {cancelText ?? messages.common.cancel}\n            </ButtonControl>\n          )}\n          <ButtonControl\n            type=\"button\"\n            {...confirmButtonProps}\n            danger={type === 'danger'}\n            loading={pending || confirmLoading || confirmButtonProps?.loading}\n            onClick={(event) => {\n              confirmButtonProps?.onClick?.(event);\n              if (!event.defaultPrevented) void accept();\n            }}\n          >\n            {confirmText ?? messages.common.confirm}\n          </ButtonControl>\n        </>\n      }\n    >\n      {(contentIcon != null || children != null || error != null) && (\n        <div className=\"leaf-confirm__body\">\n          {contentIcon != null && (\n            <span className=\"leaf-confirm__icon\" aria-hidden=\"true\">\n              {contentIcon}\n            </span>\n          )}\n          <div className=\"leaf-confirm__content\">\n            {children != null && (\n              <div id={contentId} className=\"leaf-confirm-description\">\n                {children}\n              </div>\n            )}\n            {error && (\n              <p role=\"alert\" className=\"leaf-confirm-error\">\n                {error}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </ModalBase>\n  );\n}\n"],"names":["ConfirmDialog","open","title","icon","children","confirmText","cancelText","type","showCancel","confirmButtonProps","cancelButtonProps","onCancel","onConfirm","onClose","props","messages","useLeafConfig","contentId","useId","pending","setPending","useState","error","setError","mounted","useRef","busy","generation","confirmLoading","useEffect","undefined","accept","request","reason","Error","String","cancel","contentIcon","CircleAlert","FeedbackIcon","ModalBase","Boolean","ButtonControl","event"],"mappings":"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"}

package/dist/esm/browser/modules/confirm/provider.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { ComponentDefaultsContext, mergeComponentProps } from "../config-provider/component-defaults.js";
 import { ConfigContext, useLeafConfig } from "../config-provider/context.js";
 import { leafThemeVariables } from "../theme.js";
 import { ConfirmDialog } from "./confirm.js";
@@ -28,35 +29,42 @@ function ConfirmHost({ store }) {
     if (!request) return null;
     return /*#__PURE__*/ jsx(ConfigContext.Provider, {
         value: request.config,
-        children: /*#__PURE__*/ jsx("div", {
-            className: "leaf-confirm-scope",
-            lang: request.config.locale,
-            "data-leaf-theme": request.config.theme.appearance,
-            style: leafThemeVariables(request.config.theme),
-            children: /*#__PURE__*/ jsx(ConfirmDialog, {
-                ...request.options,
-                open: request.open,
-                onConfirm: async ()=>{
-                    await request.options.onConfirm?.();
-                    store.close(request.id, true);
-                },
-                onClose: ()=>store.close(request.id, false),
-                afterClose: ()=>store.remove(request.id)
-            }, request.id)
+        children: /*#__PURE__*/ jsx(ComponentDefaultsContext.Provider, {
+            value: request.components ?? {},
+            children: /*#__PURE__*/ jsx("div", {
+                className: "leaf-confirm-scope",
+                lang: request.config.locale,
+                "data-leaf-theme": request.config.theme.appearance,
+                style: leafThemeVariables(request.config.theme),
+                children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                    ...request.options,
+                    open: request.open,
+                    onConfirm: async ()=>{
+                        await request.options.onConfirm?.();
+                        store.close(request.id, true);
+                    },
+                    onClose: ()=>store.close(request.id, false),
+                    afterClose: ()=>store.remove(request.id)
+                }, request.id)
+            })
         })
     });
 }
 function useConfirm() {
     const store = useContext(ConfirmContext);
     const config = useLeafConfig();
+    const components = useContext(ComponentDefaultsContext);
+    const currentComponents = useRef(components);
+    currentComponents.current = components;
     const currentConfig = useRef(config);
     currentConfig.current = config;
     const active = useRef(true);
     const scope = useId();
-    useEffect(()=>store?.updateScope(scope, config), [
+    useEffect(()=>store?.updateScope(scope, config, components), [
         store,
         scope,
-        config
+        config,
+        components
     ]);
     useEffect(()=>{
         active.current = true;
@@ -69,7 +77,7 @@ function useConfirm() {
         scope
     ]);
     const api = useMemo(()=>store ? {
-            confirm: (options)=>active.current ? store.confirm(scope, currentConfig.current, options) : Promise.resolve(false)
+            confirm: (options)=>active.current ? store.confirm(scope, currentConfig.current, mergeComponentProps(currentComponents.current.Confirm, options), currentComponents.current) : Promise.resolve(false)
         } : void 0, [
         store,
         scope

package/dist/esm/browser/modules/confirm/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm/provider.js","sources":["../../../../../src/confirm/provider.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { leafThemeVariables } from '../theme';\nimport { ConfirmDialog } from './confirm';\nimport {\n  type ConfirmApi,\n  ConfirmContext,\n  type ConfirmStore,\n  createConfirmStore,\n  emptyConfirmations,\n} from './store';\n\nexport interface ConfirmProviderProps {\n  children?: ReactNode;\n}\nexport function ConfirmProvider({ children }: ConfirmProviderProps) {\n  const [store] = useState(createConfirmStore);\n  return (\n    <ConfirmContext.Provider value={store}>\n      <ConfirmHost store={store} />\n      {children}\n    </ConfirmContext.Provider>\n  );\n}\nexport function ConfirmScope({ children }: ConfirmProviderProps) {\n  return useContext(ConfirmContext) ? children : <ConfirmProvider>{children}</ConfirmProvider>;\n}\nfunction ConfirmHost({ store }: { store: ConfirmStore }) {\n  const requests = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    () => emptyConfirmations,\n  );\n  const request = requests[0];\n  if (!request) return null;\n  return (\n    <ConfigContext.Provider value={request.config}>\n      <div\n        className=\"leaf-confirm-scope\"\n        lang={request.config.locale}\n        data-leaf-theme={request.config.theme.appearance}\n        style={leafThemeVariables(request.config.theme)}\n      >\n        <ConfirmDialog\n          key={request.id}\n          {...request.options}\n          open={request.open}\n          onConfirm={async () => {\n            await request.options.onConfirm?.();\n            store.close(request.id, true);\n          }}\n          onClose={() => store.close(request.id, false)}\n          afterClose={() => store.remove(request.id)}\n        />\n      </div>\n    </ConfigContext.Provider>\n  );\n}\nexport function useConfirm(): ConfirmApi {\n  const store = useContext(ConfirmContext);\n  const config = useLeafConfig();\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const active = useRef(true);\n  const scope = useId();\n  useEffect(() => store?.updateScope(scope, config), [store, scope, config]);\n  useEffect(() => {\n    active.current = true;\n    return () => {\n      active.current = false;\n      store?.cancelScope(scope);\n    };\n  }, [store, scope]);\n  const api = useMemo<ConfirmApi | undefined>(\n    () =>\n      store\n        ? {\n            confirm: (options) =>\n              active.current\n                ? store.confirm(scope, currentConfig.current, options)\n                : Promise.resolve(false),\n          }\n        : undefined,\n    [store, scope],\n  );\n  if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');\n  return api;\n}\n"],"names":["ConfirmProvider","children","store","useState","createConfirmStore","ConfirmContext","ConfirmHost","ConfirmScope","useContext","requests","useSyncExternalStore","emptyConfirmations","request","ConfigContext","leafThemeVariables","ConfirmDialog","useConfirm","config","useLeafConfig","currentConfig","useRef","active","scope","useId","useEffect","api","useMemo","options","Promise","undefined","Error"],"mappings":";;;;;;;AAwBO,SAASA,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,SAASC;IACzB,OAAO,WAAP,GACE,KAACC,eAAe,QAAQ;QAAC,OAAOH;;0BAC9B,IAACI,aAAWA;gBAAC,OAAOJ;;YACnBD;;;AAGP;AACO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,OAAOO,WAAWH,kBAAkBJ,WAAW,WAAXA,GAAW,IAACD,iBAAeA;kBAAEC;;AACnE;AACA,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IACrD,MAAMO,WAAWC,qBACfR,MAAM,SAAS,EACfA,MAAM,WAAW,EACjB,IAAMS;IAER,MAAMC,UAAUH,QAAQ,CAAC,EAAE;IAC3B,IAAI,CAACG,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,IAACC,cAAc,QAAQ;QAAC,OAAOD,QAAQ,MAAM;kBAC3C,kBAAC;YACC,WAAU;YACV,MAAMA,QAAQ,MAAM,CAAC,MAAM;YAC3B,mBAAiBA,QAAQ,MAAM,CAAC,KAAK,CAAC,UAAU;YAChD,OAAOE,mBAAmBF,QAAQ,MAAM,CAAC,KAAK;sBAE9C,kBAACG,eAAaA;gBAEX,GAAGH,QAAQ,OAAO;gBACnB,MAAMA,QAAQ,IAAI;gBAClB,WAAW;oBACT,MAAMA,QAAQ,OAAO,CAAC,SAAS;oBAC/BV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;gBAC1B;gBACA,SAAS,IAAMV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;gBACvC,YAAY,IAAMV,MAAM,MAAM,CAACU,QAAQ,EAAE;eARpCA,QAAQ,EAAE;;;AAazB;AACO,SAASI;IACd,MAAMd,QAAQM,WAAWH;IACzB,MAAMY,SAASC;IACf,MAAMC,gBAAgBC,OAAOH;IAC7BE,cAAc,OAAO,GAAGF;IACxB,MAAMI,SAASD,OAAO;IACtB,MAAME,QAAQC;IACdC,UAAU,IAAMtB,OAAO,YAAYoB,OAAOL,SAAS;QAACf;QAAOoB;QAAOL;KAAO;IACzEO,UAAU;QACRH,OAAO,OAAO,GAAG;QACjB,OAAO;YACLA,OAAO,OAAO,GAAG;YACjBnB,OAAO,YAAYoB;QACrB;IACF,GAAG;QAACpB;QAAOoB;KAAM;IACjB,MAAMG,MAAMC,QACV,IACExB,QACI;YACE,SAAS,CAACyB,UACRN,OAAO,OAAO,GACVnB,MAAM,OAAO,CAACoB,OAAOH,cAAc,OAAO,EAAEQ,WAC5CC,QAAQ,OAAO,CAAC;QACxB,IACAC,QACN;QAAC3B;QAAOoB;KAAM;IAEhB,IAAI,CAACG,KAAK,MAAM,IAAIK,MAAM;IAC1B,OAAOL;AACT"}
+{"version":3,"file":"confirm/provider.js","sources":["../../../../../src/confirm/provider.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport {\n  ComponentDefaultsContext,\n  mergeComponentProps,\n} from '../config-provider/component-defaults';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { leafThemeVariables } from '../theme';\nimport type { ConfirmOptions } from './confirm';\nimport { ConfirmDialog } from './confirm';\nimport {\n  type ConfirmApi,\n  ConfirmContext,\n  type ConfirmStore,\n  createConfirmStore,\n  emptyConfirmations,\n} from './store';\n\nexport interface ConfirmProviderProps {\n  children?: ReactNode;\n}\nexport function ConfirmProvider({ children }: ConfirmProviderProps) {\n  const [store] = useState(createConfirmStore);\n  return (\n    <ConfirmContext.Provider value={store}>\n      <ConfirmHost store={store} />\n      {children}\n    </ConfirmContext.Provider>\n  );\n}\nexport function ConfirmScope({ children }: ConfirmProviderProps) {\n  return useContext(ConfirmContext) ? children : <ConfirmProvider>{children}</ConfirmProvider>;\n}\nfunction ConfirmHost({ store }: { store: ConfirmStore }) {\n  const requests = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    () => emptyConfirmations,\n  );\n  const request = requests[0];\n  if (!request) return null;\n  return (\n    <ConfigContext.Provider value={request.config}>\n      <ComponentDefaultsContext.Provider value={request.components ?? {}}>\n        <div\n          className=\"leaf-confirm-scope\"\n          lang={request.config.locale}\n          data-leaf-theme={request.config.theme.appearance}\n          style={leafThemeVariables(request.config.theme)}\n        >\n          <ConfirmDialog\n            key={request.id}\n            {...request.options}\n            open={request.open}\n            onConfirm={async () => {\n              await request.options.onConfirm?.();\n              store.close(request.id, true);\n            }}\n            onClose={() => store.close(request.id, false)}\n            afterClose={() => store.remove(request.id)}\n          />\n        </div>\n      </ComponentDefaultsContext.Provider>\n    </ConfigContext.Provider>\n  );\n}\nexport function useConfirm(): ConfirmApi {\n  const store = useContext(ConfirmContext);\n  const config = useLeafConfig();\n  const components = useContext(ComponentDefaultsContext);\n  const currentComponents = useRef(components);\n  currentComponents.current = components;\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const active = useRef(true);\n  const scope = useId();\n  useEffect(\n    () => store?.updateScope(scope, config, components),\n    [store, scope, config, components],\n  );\n  useEffect(() => {\n    active.current = true;\n    return () => {\n      active.current = false;\n      store?.cancelScope(scope);\n    };\n  }, [store, scope]);\n  const api = useMemo<ConfirmApi | undefined>(\n    () =>\n      store\n        ? {\n            confirm: (options) =>\n              active.current\n                ? store.confirm(\n                    scope,\n                    currentConfig.current,\n                    mergeComponentProps<ConfirmOptions>(currentComponents.current.Confirm, options),\n                    currentComponents.current,\n                  )\n                : Promise.resolve(false),\n          }\n        : undefined,\n    [store, scope],\n  );\n  if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');\n  return api;\n}\n"],"names":["ConfirmProvider","children","store","useState","createConfirmStore","ConfirmContext","ConfirmHost","ConfirmScope","useContext","requests","useSyncExternalStore","emptyConfirmations","request","ConfigContext","ComponentDefaultsContext","leafThemeVariables","ConfirmDialog","useConfirm","config","useLeafConfig","components","currentComponents","useRef","currentConfig","active","scope","useId","useEffect","api","useMemo","options","mergeComponentProps","Promise","undefined","Error"],"mappings":";;;;;;;;AA6BO,SAASA,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,SAASC;IACzB,OAAO,WAAP,GACE,KAACC,eAAe,QAAQ;QAAC,OAAOH;;0BAC9B,IAACI,aAAWA;gBAAC,OAAOJ;;YACnBD;;;AAGP;AACO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,OAAOO,WAAWH,kBAAkBJ,WAAW,WAAXA,GAAW,IAACD,iBAAeA;kBAAEC;;AACnE;AACA,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IACrD,MAAMO,WAAWC,qBACfR,MAAM,SAAS,EACfA,MAAM,WAAW,EACjB,IAAMS;IAER,MAAMC,UAAUH,QAAQ,CAAC,EAAE;IAC3B,IAAI,CAACG,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,IAACC,cAAc,QAAQ;QAAC,OAAOD,QAAQ,MAAM;kBAC3C,kBAACE,yBAAyB,QAAQ;YAAC,OAAOF,QAAQ,UAAU,IAAI,CAAC;sBAC/D,kBAAC;gBACC,WAAU;gBACV,MAAMA,QAAQ,MAAM,CAAC,MAAM;gBAC3B,mBAAiBA,QAAQ,MAAM,CAAC,KAAK,CAAC,UAAU;gBAChD,OAAOG,mBAAmBH,QAAQ,MAAM,CAAC,KAAK;0BAE9C,kBAACI,eAAaA;oBAEX,GAAGJ,QAAQ,OAAO;oBACnB,MAAMA,QAAQ,IAAI;oBAClB,WAAW;wBACT,MAAMA,QAAQ,OAAO,CAAC,SAAS;wBAC/BV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;oBAC1B;oBACA,SAAS,IAAMV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;oBACvC,YAAY,IAAMV,MAAM,MAAM,CAACU,QAAQ,EAAE;mBARpCA,QAAQ,EAAE;;;;AAc3B;AACO,SAASK;IACd,MAAMf,QAAQM,WAAWH;IACzB,MAAMa,SAASC;IACf,MAAMC,aAAaZ,WAAWM;IAC9B,MAAMO,oBAAoBC,OAAOF;IACjCC,kBAAkB,OAAO,GAAGD;IAC5B,MAAMG,gBAAgBD,OAAOJ;IAC7BK,cAAc,OAAO,GAAGL;IACxB,MAAMM,SAASF,OAAO;IACtB,MAAMG,QAAQC;IACdC,UACE,IAAMzB,OAAO,YAAYuB,OAAOP,QAAQE,aACxC;QAAClB;QAAOuB;QAAOP;QAAQE;KAAW;IAEpCO,UAAU;QACRH,OAAO,OAAO,GAAG;QACjB,OAAO;YACLA,OAAO,OAAO,GAAG;YACjBtB,OAAO,YAAYuB;QACrB;IACF,GAAG;QAACvB;QAAOuB;KAAM;IACjB,MAAMG,MAAMC,QACV,IACE3B,QACI;YACE,SAAS,CAAC4B,UACRN,OAAO,OAAO,GACVtB,MAAM,OAAO,CACXuB,OACAF,cAAc,OAAO,EACrBQ,oBAAoCV,kBAAkB,OAAO,CAAC,OAAO,EAAES,UACvET,kBAAkB,OAAO,IAE3BW,QAAQ,OAAO,CAAC;QACxB,IACAC,QACN;QAAC/B;QAAOuB;KAAM;IAEhB,IAAI,CAACG,KAAK,MAAM,IAAIM,MAAM;IAC1B,OAAON;AACT"}

package/dist/esm/browser/modules/confirm/store.js

@@ -33,7 +33,7 @@ function createConfirmStore() {
                 }
             };
         },
-        confirm: (scope, config, options)=>{
+        confirm: (scope, config, options, components)=>{
             if (!available) return Promise.resolve(false);
             return new Promise((resolve)=>{
                 publish([
@@ -43,6 +43,7 @@ function createConfirmStore() {
                         options,
                         scope,
                         config,
+                        components,
                         open: true,
                         resolve
                     }
@@ -53,10 +54,11 @@ function createConfirmStore() {
         remove: (id)=>{
             if (requests[0]?.id === id && !requests[0].open) publish(requests.slice(1));
         },
-        updateScope: (scope, config)=>{
-            if (requests.some((request)=>request.scope === scope && request.config !== config)) publish(requests.map((request)=>request.scope === scope ? {
+        updateScope: (scope, config, components)=>{
+            if (requests.some((request)=>request.scope === scope && (request.config !== config || request.components !== components))) publish(requests.map((request)=>request.scope === scope ? {
                     ...request,
-                    config
+                    config,
+                    components
                 } : request));
         },
         cancelScope: (scope)=>{

package/dist/esm/browser/modules/confirm/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm/store.js","sources":["../../../../../src/confirm/store.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { LeafConfig } from '../config-provider/context';\nimport type { ConfirmOptions } from './confirm';\n\nexport interface ConfirmApi {\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n}\ninterface ConfirmRequest {\n  id: number;\n  options: ConfirmOptions;\n  scope: string;\n  config: LeafConfig;\n  open: boolean;\n  resolve: (result: boolean) => void;\n}\nexport const emptyConfirmations: readonly ConfirmRequest[] = [];\n\n/** Requests belong to one provider. Only the first is shown, including its exit animation. */\nexport function createConfirmStore() {\n  let requests = emptyConfirmations;\n  let sequence = 0;\n  let available = true;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly ConfirmRequest[]) => {\n    requests = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (id: number, result: boolean) => {\n    const request = requests[0];\n    if (!request?.open || request.id !== id) return;\n    publish(requests.map((entry) => (entry.id === id ? { ...entry, open: false } : entry)));\n    request.resolve(result);\n  };\n  return {\n    getSnapshot: () => requests,\n    subscribe: (listener: () => void) => {\n      available = true;\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) {\n          available = false;\n          for (const request of requests) request.resolve(false);\n          requests = emptyConfirmations;\n        }\n      };\n    },\n    confirm: (scope: string, config: LeafConfig, options: ConfirmOptions) => {\n      if (!available) return Promise.resolve(false);\n      return new Promise<boolean>((resolve) => {\n        publish([...requests, { id: ++sequence, options, scope, config, open: true, resolve }]);\n      });\n    },\n    close,\n    remove: (id: number) => {\n      if (requests[0]?.id === id && !requests[0].open) publish(requests.slice(1));\n    },\n    updateScope: (scope: string, config: LeafConfig) => {\n      if (requests.some((request) => request.scope === scope && request.config !== config))\n        publish(\n          requests.map((request) => (request.scope === scope ? { ...request, config } : request)),\n        );\n    },\n    cancelScope: (scope: string) => {\n      const cancelled = requests.filter((request) => request.scope === scope);\n      if (!cancelled.length) return;\n      const current = requests[0];\n      publish(\n        requests\n          .filter((request) => request.scope !== scope || request === current)\n          .map((request) => (request.scope === scope ? { ...request, open: false } : request)),\n      );\n      for (const request of cancelled) request.resolve(false);\n    },\n  };\n}\nexport type ConfirmStore = ReturnType<typeof createConfirmStore>;\nexport const ConfirmContext = createContext<ConfirmStore | null>(null);\n"],"names":["emptyConfirmations","createConfirmStore","requests","sequence","available","listeners","Set","publish","next","listener","close","id","result","request","entry","scope","config","options","Promise","resolve","cancelled","current","ConfirmContext","createContext"],"mappings":";;AAeO,MAAMA,qBAAgD,EAAE;AAGxD,SAASC;IACd,IAAIC,WAAWF;IACf,IAAIG,WAAW;IACf,IAAIC,YAAY;IAChB,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfN,WAAWM;QACX,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,QAAQ,CAACC,IAAYC;QACzB,MAAMC,UAAUX,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACW,SAAS,QAAQA,QAAQ,EAAE,KAAKF,IAAI;QACzCJ,QAAQL,SAAS,GAAG,CAAC,CAACY,QAAWA,MAAM,EAAE,KAAKH,KAAK;gBAAE,GAAGG,KAAK;gBAAE,MAAM;YAAM,IAAIA;QAC/ED,QAAQ,OAAO,CAACD;IAClB;IACA,OAAO;QACL,aAAa,IAAMV;QACnB,WAAW,CAACO;YACVL,YAAY;YACZC,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAE;oBACnBD,YAAY;oBACZ,KAAK,MAAMS,WAAWX,SAAUW,QAAQ,OAAO,CAAC;oBAChDX,WAAWF;gBACb;YACF;QACF;QACA,SAAS,CAACe,OAAeC,QAAoBC;YAC3C,IAAI,CAACb,WAAW,OAAOc,QAAQ,OAAO,CAAC;YACvC,OAAO,IAAIA,QAAiB,CAACC;gBAC3BZ,QAAQ;uBAAIL;oBAAU;wBAAE,IAAI,EAAEC;wBAAUc;wBAASF;wBAAOC;wBAAQ,MAAM;wBAAMG;oBAAQ;iBAAE;YACxF;QACF;QACAT;QACA,QAAQ,CAACC;YACP,IAAIT,QAAQ,CAAC,EAAE,EAAE,OAAOS,MAAM,CAACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAEK,QAAQL,SAAS,KAAK,CAAC;QAC1E;QACA,aAAa,CAACa,OAAeC;YAC3B,IAAId,SAAS,IAAI,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE,SAASF,QAAQ,MAAM,KAAKG,SAC3ET,QACEL,SAAS,GAAG,CAAC,CAACW,UAAaA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAEG;gBAAO,IAAIH;QAEpF;QACA,aAAa,CAACE;YACZ,MAAMK,YAAYlB,SAAS,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE;YACjE,IAAI,CAACK,UAAU,MAAM,EAAE;YACvB,MAAMC,UAAUnB,QAAQ,CAAC,EAAE;YAC3BK,QACEL,SACG,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE,SAASF,YAAYQ,SAC3D,GAAG,CAAC,CAACR,UAAaA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAE,MAAM;gBAAM,IAAIA;YAE/E,KAAK,MAAMA,WAAWO,UAAWP,QAAQ,OAAO,CAAC;QACnD;IACF;AACF;AAEO,MAAMS,iBAAiBC,cAAmC"}
+{"version":3,"file":"confirm/store.js","sources":["../../../../../src/confirm/store.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { LeafComponentDefaults } from '../config-provider/component-defaults';\nimport type { LeafConfig } from '../config-provider/context';\nimport type { ConfirmOptions } from './confirm';\n\nexport interface ConfirmApi {\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n}\ninterface ConfirmRequest {\n  id: number;\n  options: ConfirmOptions;\n  scope: string;\n  config: LeafConfig;\n  components?: LeafComponentDefaults;\n  open: boolean;\n  resolve: (result: boolean) => void;\n}\nexport const emptyConfirmations: readonly ConfirmRequest[] = [];\n\n/** Requests belong to one provider. Only the first is shown, including its exit animation. */\nexport function createConfirmStore() {\n  let requests = emptyConfirmations;\n  let sequence = 0;\n  let available = true;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly ConfirmRequest[]) => {\n    requests = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (id: number, result: boolean) => {\n    const request = requests[0];\n    if (!request?.open || request.id !== id) return;\n    publish(requests.map((entry) => (entry.id === id ? { ...entry, open: false } : entry)));\n    request.resolve(result);\n  };\n  return {\n    getSnapshot: () => requests,\n    subscribe: (listener: () => void) => {\n      available = true;\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) {\n          available = false;\n          for (const request of requests) request.resolve(false);\n          requests = emptyConfirmations;\n        }\n      };\n    },\n    confirm: (\n      scope: string,\n      config: LeafConfig,\n      options: ConfirmOptions,\n      components?: LeafComponentDefaults,\n    ) => {\n      if (!available) return Promise.resolve(false);\n      return new Promise<boolean>((resolve) => {\n        publish([\n          ...requests,\n          { id: ++sequence, options, scope, config, components, open: true, resolve },\n        ]);\n      });\n    },\n    close,\n    remove: (id: number) => {\n      if (requests[0]?.id === id && !requests[0].open) publish(requests.slice(1));\n    },\n    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => {\n      if (\n        requests.some(\n          (request) =>\n            request.scope === scope &&\n            (request.config !== config || request.components !== components),\n        )\n      )\n        publish(\n          requests.map((request) =>\n            request.scope === scope ? { ...request, config, components } : request,\n          ),\n        );\n    },\n    cancelScope: (scope: string) => {\n      const cancelled = requests.filter((request) => request.scope === scope);\n      if (!cancelled.length) return;\n      const current = requests[0];\n      publish(\n        requests\n          .filter((request) => request.scope !== scope || request === current)\n          .map((request) => (request.scope === scope ? { ...request, open: false } : request)),\n      );\n      for (const request of cancelled) request.resolve(false);\n    },\n  };\n}\nexport type ConfirmStore = ReturnType<typeof createConfirmStore>;\nexport const ConfirmContext = createContext<ConfirmStore | null>(null);\n"],"names":["emptyConfirmations","createConfirmStore","requests","sequence","available","listeners","Set","publish","next","listener","close","id","result","request","entry","scope","config","options","components","Promise","resolve","cancelled","current","ConfirmContext","createContext"],"mappings":";;AAiBO,MAAMA,qBAAgD,EAAE;AAGxD,SAASC;IACd,IAAIC,WAAWF;IACf,IAAIG,WAAW;IACf,IAAIC,YAAY;IAChB,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfN,WAAWM;QACX,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,QAAQ,CAACC,IAAYC;QACzB,MAAMC,UAAUX,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACW,SAAS,QAAQA,QAAQ,EAAE,KAAKF,IAAI;QACzCJ,QAAQL,SAAS,GAAG,CAAC,CAACY,QAAWA,MAAM,EAAE,KAAKH,KAAK;gBAAE,GAAGG,KAAK;gBAAE,MAAM;YAAM,IAAIA;QAC/ED,QAAQ,OAAO,CAACD;IAClB;IACA,OAAO;QACL,aAAa,IAAMV;QACnB,WAAW,CAACO;YACVL,YAAY;YACZC,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAE;oBACnBD,YAAY;oBACZ,KAAK,MAAMS,WAAWX,SAAUW,QAAQ,OAAO,CAAC;oBAChDX,WAAWF;gBACb;YACF;QACF;QACA,SAAS,CACPe,OACAC,QACAC,SACAC;YAEA,IAAI,CAACd,WAAW,OAAOe,QAAQ,OAAO,CAAC;YACvC,OAAO,IAAIA,QAAiB,CAACC;gBAC3Bb,QAAQ;uBACHL;oBACH;wBAAE,IAAI,EAAEC;wBAAUc;wBAASF;wBAAOC;wBAAQE;wBAAY,MAAM;wBAAME;oBAAQ;iBAC3E;YACH;QACF;QACAV;QACA,QAAQ,CAACC;YACP,IAAIT,QAAQ,CAAC,EAAE,EAAE,OAAOS,MAAM,CAACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAEK,QAAQL,SAAS,KAAK,CAAC;QAC1E;QACA,aAAa,CAACa,OAAeC,QAAoBE;YAC/C,IACEhB,SAAS,IAAI,CACX,CAACW,UACCA,QAAQ,KAAK,KAAKE,SACjBF,CAAAA,QAAQ,MAAM,KAAKG,UAAUH,QAAQ,UAAU,KAAKK,UAAS,IAGlEX,QACEL,SAAS,GAAG,CAAC,CAACW,UACZA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAEG;oBAAQE;gBAAW,IAAIL;QAGvE;QACA,aAAa,CAACE;YACZ,MAAMM,YAAYnB,SAAS,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE;YACjE,IAAI,CAACM,UAAU,MAAM,EAAE;YACvB,MAAMC,UAAUpB,QAAQ,CAAC,EAAE;YAC3BK,QACEL,SACG,MAAM,CAAC,CAACW,UAAYA,QAAQ,KAAK,KAAKE,SAASF,YAAYS,SAC3D,GAAG,CAAC,CAACT,UAAaA,QAAQ,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,OAAO;oBAAE,MAAM;gBAAM,IAAIA;YAE/E,KAAK,MAAMA,WAAWQ,UAAWR,QAAQ,OAAO,CAAC;QACnD;IACF;AACF;AAEO,MAAMU,iBAAiBC,cAAmC"}

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

@@ -1,8 +1,10 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/datepicker.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { CalendarPanel, periodKey, startOfPeriod, withinPeriod } from "../shared/calendar.js";
@@ -65,7 +67,7 @@ const datepicker_SingleDatePicker = /*#__PURE__*/ forwardRef(function({ value, d
                     }),
                     presets?.length ? /*#__PURE__*/ jsx("div", {
                         className: "leaf-picker-presets",
-                        children: presets.map((preset)=>/*#__PURE__*/ jsx(Button, {
+                        children: presets.map((preset)=>/*#__PURE__*/ jsx(ButtonControl, {
                                 size: "sm",
                                 variant: "ghost",
                                 onClick: ()=>{
@@ -83,7 +85,7 @@ const datepicker_SingleDatePicker = /*#__PURE__*/ forwardRef(function({ value, d
                         children: /*#__PURE__*/ jsxs("div", {
                             className: "leaf-picker-footer__extra",
                             children: [
-                                showToday && /*#__PURE__*/ jsx(Button, {
+                                showToday && /*#__PURE__*/ jsx(ButtonControl, {
                                     variant: "ghost",
                                     size: "sm",
                                     disabled: !withinPeriod(today, picker, minDate, maxDate) || disabledDate?.(startOfPeriod(today, picker)),
@@ -91,7 +93,7 @@ const datepicker_SingleDatePicker = /*#__PURE__*/ forwardRef(function({ value, d
                                         change(today);
                                         close();
                                     },
-                                    children: todayText ?? messages.today
+                                    children: todayText ?? messages.calendar.today
                                 }),
                                 renderExtraFooter
                             ]
@@ -101,7 +103,8 @@ const datepicker_SingleDatePicker = /*#__PURE__*/ forwardRef(function({ value, d
             })
     });
 });
-const datepicker_DatePicker = /*#__PURE__*/ forwardRef(function(props, ref) {
+const datepicker_DatePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('DatePicker', rawProps);
     return props.multiple ? /*#__PURE__*/ jsx(MultipleDatePicker, {
         ...props,
         ref: ref