@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/message/message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message/message.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/message.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useEffect, useId, useMemo, useRef } from 'react';\nimport type { FeedbackType } from '../alert/alert';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { MessageContext } from './store';\n\nexport interface MessageOptions {\n  key?: string;\n  content: ReactNode;\n  type?: FeedbackType | 'loading';\n  duration?: number;\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface MessageApi {\n  open: (options: MessageOptions) => string;\n  success: (content: ReactNode, duration?: number) => string;\n  info: (content: ReactNode, duration?: number) => string;\n  warning: (content: ReactNode, duration?: number) => string;\n  error: (content: ReactNode, duration?: number) => string;\n  loading: (content: ReactNode) => string;\n  close: (key?: string) => void;\n}\nexport interface MessageProps extends Omit<MessageOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\nexport function Message({ open, afterClose, onClose, ...options }: MessageProps) {\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\">\n        <MessageItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\n/** Entry providers render one queue; consumers receive the scoped message API. */\nexport function useMessage(): { message: MessageApi } {\n  const store = useContext(MessageContext);\n  const config = useLeafConfig();\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const scope = useId();\n  const message = useMemo(() => store?.api(scope, () => currentConfig.current), [store, scope]);\n  useEffect(() => {\n    store?.updateScope(scope, config);\n  }, [store, scope, config]);\n  const result = useMemo(() => (message ? { message } : undefined), [message]);\n  if (!result) throw new Error('useMessage requires ConfigProvider or MessageProvider.');\n  return result;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Message","open","afterClose","onClose","options","ScopedPortal","MessageItem","useMessage","store","useContext","MessageContext","config","useLeafConfig","currentConfig","useRef","scope","useId","message","useMemo","useEffect","result","undefined","Error"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;ACsBO,SAASI,QAAQ,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAE,GAAGC,SAAuB;IAC7E,OACE,AADK,WAAP,GACE,qCAACC,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;sBACb,mDAACC,kCAAAA,WAAWA,EAAAA;gBACV,OAAO;oBAAE,GAAGF,OAAO;oBAAE,KAAK;oBAAUH;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAME;gBACb,QAAQ,IAAMD;;;;AAKxB;AAEO,SAASK;IACd,MAAMC,QAAQC,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWC,mCAAAA,cAAcA;IACvC,MAAMC,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,gBAAgBC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOH;IAC7BE,cAAc,OAAO,GAAGF;IACxB,MAAMI,QAAQC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACd,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,IAAMV,OAAO,IAAIO,OAAO,IAAMF,cAAc,OAAO,GAAG;QAACL;QAAOO;KAAM;IAC5FI,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRX,OAAO,YAAYO,OAAOJ;IAC5B,GAAG;QAACH;QAAOO;QAAOJ;KAAO;IACzB,MAAMS,SAASF,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,IAAOD,UAAU;YAAEA;QAAQ,IAAII,QAAY;QAACJ;KAAQ;IAC3E,IAAI,CAACG,QAAQ,MAAM,IAAIE,MAAM;IAC7B,OAAOF;AACT"}
+{"version":3,"file":"message/message.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/message.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useEffect, useId, useMemo, useRef } from 'react';\nimport type { FeedbackType } from '../alert/alert';\nimport { ComponentDefaultsContext, useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { MessageContext } from './store';\n\nexport interface MessageOptions {\n  key?: string;\n  content: ReactNode;\n  type?: FeedbackType | 'loading';\n  duration?: number;\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface MessageApi {\n  open: (options: MessageOptions) => string;\n  success: (content: ReactNode, duration?: number) => string;\n  info: (content: ReactNode, duration?: number) => string;\n  warning: (content: ReactNode, duration?: number) => string;\n  error: (content: ReactNode, duration?: number) => string;\n  loading: (content: ReactNode) => string;\n  close: (key?: string) => void;\n}\nexport interface MessageProps extends Omit<MessageOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\nexport function Message(rawProps: MessageProps) {\n  const { open, afterClose, onClose, ...options } = useComponentProps('Message', rawProps);\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\">\n        <MessageItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\n/** Entry providers render one queue; consumers receive the scoped message API. */\nexport function useMessage(): { message: MessageApi } {\n  const store = useContext(MessageContext);\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 scope = useId();\n  const message = useMemo(\n    () =>\n      store?.api(\n        scope,\n        () => currentConfig.current,\n        () => currentComponents.current,\n      ),\n    [store, scope],\n  );\n  useEffect(() => {\n    store?.updateScope(scope, config, components);\n  }, [store, scope, config, components]);\n  const result = useMemo(() => (message ? { message } : undefined), [message]);\n  if (!result) throw new Error('useMessage requires ConfigProvider or MessageProvider.');\n  return result;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Message","rawProps","open","afterClose","onClose","options","useComponentProps","ScopedPortal","MessageItem","useMessage","store","useContext","MessageContext","config","useLeafConfig","components","ComponentDefaultsContext","currentComponents","useRef","currentConfig","scope","useId","message","useMemo","useEffect","result","undefined","Error"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACuBO,SAASI,QAAQC,QAAsB;IAC5C,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAE,GAAGC,SAAS,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,WAAWL;IAC/E,OACE,AADK,WAAP,GACE,qCAACM,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;sBACb,mDAACC,kCAAAA,WAAWA,EAAAA;gBACV,OAAO;oBAAE,GAAGH,OAAO;oBAAE,KAAK;oBAAUH;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAME;gBACb,QAAQ,IAAMD;;;;AAKxB;AAEO,SAASM;IACd,MAAMC,QAAQC,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWC,mCAAAA,cAAcA;IACvC,MAAMC,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,aAAaJ,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWK,uCAAAA,wBAAwBA;IACtD,MAAMC,oBAAoBC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOH;IACjCE,kBAAkB,OAAO,GAAGF;IAC5B,MAAMI,gBAAgBD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOL;IAC7BM,cAAc,OAAO,GAAGN;IACxB,MAAMO,QAAQC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACd,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EACd,IACEb,OAAO,IACLU,OACA,IAAMD,cAAc,OAAO,EAC3B,IAAMF,kBAAkB,OAAO,GAEnC;QAACP;QAAOU;KAAM;IAEhBI,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRd,OAAO,YAAYU,OAAOP,QAAQE;IACpC,GAAG;QAACL;QAAOU;QAAOP;QAAQE;KAAW;IACrC,MAAMU,SAASF,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,IAAOD,UAAU;YAAEA;QAAQ,IAAII,QAAY;QAACJ;KAAQ;IAC3E,IAAI,CAACG,QAAQ,MAAM,IAAIE,MAAM;IAC7B,OAAOF;AACT"}

package/dist/cjs/message/message.d.cts

@@ -21,7 +21,7 @@ export interface MessageProps extends Omit<MessageOptions, 'key'> {
     open: boolean;
     afterClose?: () => void;
 }
-export declare function Message({ open, afterClose, onClose, ...options }: MessageProps): import("react").JSX.Element;
+export declare function Message(rawProps: MessageProps): import("react").JSX.Element;
 /** Entry providers render one queue; consumers receive the scoped message API. */
 export declare function useMessage(): {
     message: MessageApi;

package/dist/cjs/message/message.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.cts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMnD,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,MAAM,CAAC;IAC1C,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AACD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AACD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,EAAE,YAAY,+BAY9E;AACD,kFAAkF;AAClF,wBAAgB,UAAU,IAAI;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAapD"}
+{"version":3,"file":"message.d.cts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAOnD,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,MAAM,CAAC;IAC1C,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AACD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AACD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BAa7C;AACD,kFAAkF;AAClF,wBAAgB,UAAU,IAAI;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAwBpD"}

package/dist/cjs/message/provider.cjs

@@ -35,6 +35,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
 const external_item_cjs_namespaceObject = require("./item.cjs");
@@ -68,10 +69,13 @@ function MessageHost({ store }) {
             style: {
                 zIndex
             },
-            children: entries.map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_item_cjs_namespaceObject.MessageItem, {
-                    entry: entry,
-                    close: ()=>store.close(entry.key),
-                    remove: ()=>store.remove(entry.key)
+            children: entries.map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext.Provider, {
+                    value: entry.components ?? {},
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_item_cjs_namespaceObject.MessageItem, {
+                        entry: entry,
+                        close: ()=>store.close(entry.key),
+                        remove: ()=>store.remove(entry.key)
+                    })
                 }, entry.key))
         })
     });

package/dist/cjs/message/provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message/provider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/provider.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useState, useSyncExternalStore } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { createMessageStore, emptyMessages, MessageContext, type MessageStore } from './store';\n\nexport interface MessageProviderProps {\n  children?: ReactNode;\n}\n\n/** Use a separate message queue when an application has no ConfigProvider or needs isolation. */\nexport function MessageProvider({ children }: MessageProviderProps) {\n  const [store] = useState(createMessageStore);\n  return (\n    <MessageContext.Provider value={store}>\n      <MessageHost store={store} />\n      {children}\n    </MessageContext.Provider>\n  );\n}\n\n/** Nested ConfigProviders keep the application queue and supply per-message settings. */\nexport function MessageScope({ children }: MessageProviderProps) {\n  const store = useContext(MessageContext);\n  return store ? children : <MessageProvider>{children}</MessageProvider>;\n}\n\nexport function MessageHost({ store }: { store: MessageStore }) {\n  const config = useLeafConfig();\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => emptyMessages);\n  if (!entries.length) return null;\n  const zIndex = Math.max(\n    ...entries.map(\n      (entry) =>\n        entry.config?.theme.tokens?.messageZIndex ?? config.theme.tokens?.messageZIndex ?? 1200,\n    ),\n  );\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\" style={{ zIndex }}>\n        {entries.map((entry) => (\n          <MessageItem\n            key={entry.key}\n            entry={entry}\n            close={() => store.close(entry.key)}\n            remove={() => store.remove(entry.key)}\n          />\n        ))}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","MessageProvider","children","store","useState","createMessageStore","MessageContext","MessageHost","MessageScope","useContext","config","useLeafConfig","entries","useSyncExternalStore","emptyMessages","zIndex","Math","entry","ScopedPortal","MessageItem"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACKO,SAASI,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASC,mCAAAA,kBAAkBA;IAC3C,OACE,AADK,WAAP,GACE,sCAACC,mCAAAA,cAAAA,CAAAA,QAAuB;QAAC,OAAOH;;0BAC9B,qCAACI,aAAAA;gBAAY,OAAOJ;;YACnBD;;;AAGP;AAGO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,MAAMC,QAAQM,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWH,mCAAAA,cAAcA;IACvC,OAAOH,QAAQD,WAAW,WAAXA,GAAW,qCAACD,iBAAAA;kBAAiBC;;AAC9C;AAEO,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IAC5D,MAAMO,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBV,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAMW,mCAAAA,aAAaA;IAC5F,IAAI,CAACF,QAAQ,MAAM,EAAE,OAAO;IAC5B,MAAMG,SAASC,KAAK,GAAG,IAClBJ,QAAQ,GAAG,CACZ,CAACK,QACCA,MAAM,MAAM,EAAE,MAAM,QAAQ,iBAAiBP,OAAO,KAAK,CAAC,MAAM,EAAE,iBAAiB;IAGzF,OACE,AADK,WAAP,GACE,qCAACQ,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;YAAsB,OAAO;gBAAEH;YAAO;sBAClDH,QAAQ,GAAG,CAAC,CAACK,QACZ,AADYA,WAAAA,GACZ,qCAACE,kCAAAA,WAAWA,EAAAA;oBAEV,OAAOF;oBACP,OAAO,IAAMd,MAAM,KAAK,CAACc,MAAM,GAAG;oBAClC,QAAQ,IAAMd,MAAM,MAAM,CAACc,MAAM,GAAG;mBAH/BA,MAAM,GAAG;;;AAS1B"}
+{"version":3,"file":"message/provider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/provider.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ReactNode, useContext, useState, useSyncExternalStore } from 'react';\nimport { ComponentDefaultsContext } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { MessageItem } from './item';\nimport { createMessageStore, emptyMessages, MessageContext, type MessageStore } from './store';\n\nexport interface MessageProviderProps {\n  children?: ReactNode;\n}\n\n/** Use a separate message queue when an application has no ConfigProvider or needs isolation. */\nexport function MessageProvider({ children }: MessageProviderProps) {\n  const [store] = useState(createMessageStore);\n  return (\n    <MessageContext.Provider value={store}>\n      <MessageHost store={store} />\n      {children}\n    </MessageContext.Provider>\n  );\n}\n\n/** Nested ConfigProviders keep the application queue and supply per-message settings. */\nexport function MessageScope({ children }: MessageProviderProps) {\n  const store = useContext(MessageContext);\n  return store ? children : <MessageProvider>{children}</MessageProvider>;\n}\n\nexport function MessageHost({ store }: { store: MessageStore }) {\n  const config = useLeafConfig();\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => emptyMessages);\n  if (!entries.length) return null;\n  const zIndex = Math.max(\n    ...entries.map(\n      (entry) =>\n        entry.config?.theme.tokens?.messageZIndex ?? config.theme.tokens?.messageZIndex ?? 1200,\n    ),\n  );\n  return (\n    <ScopedPortal>\n      <div className=\"leaf-message-region\" style={{ zIndex }}>\n        {entries.map((entry) => (\n          <ComponentDefaultsContext.Provider key={entry.key} value={entry.components ?? {}}>\n            <MessageItem\n              entry={entry}\n              close={() => store.close(entry.key)}\n              remove={() => store.remove(entry.key)}\n            />\n          </ComponentDefaultsContext.Provider>\n        ))}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","MessageProvider","children","store","useState","createMessageStore","MessageContext","MessageHost","MessageScope","useContext","config","useLeafConfig","entries","useSyncExternalStore","emptyMessages","zIndex","Math","entry","ScopedPortal","ComponentDefaultsContext","MessageItem"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;ACMO,SAASI,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASC,mCAAAA,kBAAkBA;IAC3C,OACE,AADK,WAAP,GACE,sCAACC,mCAAAA,cAAAA,CAAAA,QAAuB;QAAC,OAAOH;;0BAC9B,qCAACI,aAAAA;gBAAY,OAAOJ;;YACnBD;;;AAGP;AAGO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,MAAMC,QAAQM,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWH,mCAAAA,cAAcA;IACvC,OAAOH,QAAQD,WAAW,WAAXA,GAAW,qCAACD,iBAAAA;kBAAiBC;;AAC9C;AAEO,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IAC5D,MAAMO,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,oBAAAA,AAAAA,EAAqBV,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAMW,mCAAAA,aAAaA;IAC5F,IAAI,CAACF,QAAQ,MAAM,EAAE,OAAO;IAC5B,MAAMG,SAASC,KAAK,GAAG,IAClBJ,QAAQ,GAAG,CACZ,CAACK,QACCA,MAAM,MAAM,EAAE,MAAM,QAAQ,iBAAiBP,OAAO,KAAK,CAAC,MAAM,EAAE,iBAAiB;IAGzF,OACE,AADK,WAAP,GACE,qCAACQ,kCAAAA,YAAYA,EAAAA;kBACX,mDAAC;YAAI,WAAU;YAAsB,OAAO;gBAAEH;YAAO;sBAClDH,QAAQ,GAAG,CAAC,CAACK,QACZ,AADYA,WAAAA,GACZ,qCAACE,uCAAAA,wBAAAA,CAAAA,QAAiC;oBAAiB,OAAOF,MAAM,UAAU,IAAI,CAAC;8BAC7E,mDAACG,kCAAAA,WAAWA,EAAAA;wBACV,OAAOH;wBACP,OAAO,IAAMd,MAAM,KAAK,CAACc,MAAM,GAAG;wBAClC,QAAQ,IAAMd,MAAM,MAAM,CAACc,MAAM,GAAG;;mBAJAA,MAAM,GAAG;;;AAW3D"}

package/dist/cjs/message/provider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.cts","sourceRoot":"","sources":["../../../src/message/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAInF,OAAO,EAAqD,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/F,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iGAAiG;AACjG,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAQjE;AAED,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+TAG9D;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,sCAwB7D"}
+{"version":3,"file":"provider.d.cts","sourceRoot":"","sources":["../../../src/message/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAqD,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/F,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iGAAiG;AACjG,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAQjE;AAED,yFAAyF;AACzF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+TAG9D;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,sCAyB7D"}

package/dist/cjs/message/store.cjs

@@ -34,6 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
     emptyMessages: ()=>emptyMessages
 });
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const emptyMessages = [];
 function createMessageStore() {
     let entries = emptyMessages;
@@ -44,7 +45,7 @@ function createMessageStore() {
         entries = next;
         for (const listener of listeners)listener();
     };
-    const open = (options, scope, config)=>{
+    const open = (options, scope, config, components)=>{
         const key = options.key ?? `leaf-message-${++sequence}`;
         if (!available) return key;
         const existing = entries.find((entry)=>entry.key === key);
@@ -53,6 +54,7 @@ function createMessageStore() {
             key,
             scope,
             config,
+            components,
             open: true,
             revision: (existing?.revision ?? 0) + 1
         };
@@ -88,15 +90,19 @@ function createMessageStore() {
         remove: (key)=>{
             publish(entries.filter((entry)=>entry.key !== key || entry.open));
         },
-        updateScope: (scope, config)=>{
-            if (!entries.some((entry)=>entry.scope === scope && entry.config !== config)) return;
+        updateScope: (scope, config, components)=>{
+            if (!entries.some((entry)=>entry.scope === scope && (entry.config !== config || entry.components !== components))) return;
             publish(entries.map((entry)=>entry.scope === scope ? {
                     ...entry,
-                    config
+                    config,
+                    components
                 } : entry));
         },
-        api: (scope, getConfig)=>{
-            const show = (options)=>open(options, scope, getConfig?.());
+        api: (scope, getConfig, getComponents)=>{
+            const show = (options)=>{
+                const components = getComponents?.();
+                return open((0, component_defaults_cjs_namespaceObject.mergeComponentProps)(components?.Message, options), scope, getConfig?.(), components);
+            };
             return {
                 open: show,
                 close,

package/dist/cjs/message/store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message/store.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/store.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext } from 'react';\nimport type { LeafConfig } from '../config-provider/context';\nimport type { MessageApi, MessageOptions } from './message';\n\nexport interface MessageEntry extends MessageOptions {\n  key: string;\n  open: boolean;\n  revision: number;\n  scope?: string;\n  config?: LeafConfig;\n}\nexport const emptyMessages: readonly MessageEntry[] = [];\n\n/** One queue per mounted provider, never shared between SSR requests or React roots. */\nexport function createMessageStore() {\n  let entries = emptyMessages;\n  let sequence = 0;\n  let available = true;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly MessageEntry[]) => {\n    entries = next;\n    for (const listener of listeners) listener();\n  };\n  const open = (options: MessageOptions, scope?: string, config?: LeafConfig) => {\n    const key = options.key ?? `leaf-message-${++sequence}`;\n    if (!available) return key;\n    const existing = entries.find((entry) => entry.key === key);\n    const entry: MessageEntry = {\n      ...options,\n      key,\n      scope,\n      config,\n      open: true,\n      revision: (existing?.revision ?? 0) + 1,\n    };\n    publish(\n      existing ? entries.map((item) => (item.key === key ? entry : item)) : [...entries, entry],\n    );\n    return key;\n  };\n  const close = (key?: string) => {\n    const closing = entries.filter(\n      (entry) => entry.open && (key === undefined || entry.key === key),\n    );\n    if (!closing.length) return;\n    publish(entries.map((entry) => (closing.includes(entry) ? { ...entry, open: false } : entry)));\n    for (const entry of closing) entry.onClose?.();\n  };\n  return {\n    getSnapshot: () => entries,\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          entries = emptyMessages;\n        }\n      };\n    },\n    close,\n    remove: (key: string) => {\n      publish(entries.filter((entry) => entry.key !== key || entry.open));\n    },\n    updateScope: (scope: string, config: LeafConfig) => {\n      if (!entries.some((entry) => entry.scope === scope && entry.config !== config)) return;\n      publish(entries.map((entry) => (entry.scope === scope ? { ...entry, config } : entry)));\n    },\n    api: (scope?: string, getConfig?: () => LeafConfig): MessageApi => {\n      const show = (options: MessageOptions) => open(options, scope, getConfig?.());\n      return {\n        open: show,\n        close,\n        success: (content, duration) => show({ content, duration, type: 'success' }),\n        info: (content, duration) => show({ content, duration, type: 'info' }),\n        warning: (content, duration) => show({ content, duration, type: 'warning' }),\n        error: (content, duration) => show({ content, duration, type: 'error' }),\n        loading: (content) => show({ content, duration: 0, type: 'loading' }),\n      };\n    },\n  };\n}\nexport type MessageStore = ReturnType<typeof createMessageStore>;\nexport const MessageContext = createContext<MessageStore | null>(null);\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","emptyMessages","createMessageStore","entries","sequence","available","listeners","Set","publish","next","listener","open","options","scope","config","existing","entry","item","close","closing","undefined","getConfig","show","content","duration","MessageContext","createContext"],"mappings":"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"}
+{"version":3,"file":"message/store.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/message/store.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { createContext } from 'react';\nimport {\n  type LeafComponentDefaults,\n  mergeComponentProps,\n} from '../config-provider/component-defaults';\nimport type { LeafConfig } from '../config-provider/context';\nimport type { MessageApi, MessageOptions } from './message';\n\nexport interface MessageEntry extends MessageOptions {\n  key: string;\n  open: boolean;\n  revision: number;\n  scope?: string;\n  config?: LeafConfig;\n  components?: LeafComponentDefaults;\n}\nexport const emptyMessages: readonly MessageEntry[] = [];\n\n/** One queue per mounted provider, never shared between SSR requests or React roots. */\nexport function createMessageStore() {\n  let entries = emptyMessages;\n  let sequence = 0;\n  let available = true;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly MessageEntry[]) => {\n    entries = next;\n    for (const listener of listeners) listener();\n  };\n  const open = (\n    options: MessageOptions,\n    scope?: string,\n    config?: LeafConfig,\n    components?: LeafComponentDefaults,\n  ) => {\n    const key = options.key ?? `leaf-message-${++sequence}`;\n    if (!available) return key;\n    const existing = entries.find((entry) => entry.key === key);\n    const entry: MessageEntry = {\n      ...options,\n      key,\n      scope,\n      config,\n      components,\n      open: true,\n      revision: (existing?.revision ?? 0) + 1,\n    };\n    publish(\n      existing ? entries.map((item) => (item.key === key ? entry : item)) : [...entries, entry],\n    );\n    return key;\n  };\n  const close = (key?: string) => {\n    const closing = entries.filter(\n      (entry) => entry.open && (key === undefined || entry.key === key),\n    );\n    if (!closing.length) return;\n    publish(entries.map((entry) => (closing.includes(entry) ? { ...entry, open: false } : entry)));\n    for (const entry of closing) entry.onClose?.();\n  };\n  return {\n    getSnapshot: () => entries,\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          entries = emptyMessages;\n        }\n      };\n    },\n    close,\n    remove: (key: string) => {\n      publish(entries.filter((entry) => entry.key !== key || entry.open));\n    },\n    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => {\n      if (\n        !entries.some(\n          (entry) =>\n            entry.scope === scope && (entry.config !== config || entry.components !== components),\n        )\n      )\n        return;\n      publish(\n        entries.map((entry) => (entry.scope === scope ? { ...entry, config, components } : entry)),\n      );\n    },\n    api: (\n      scope?: string,\n      getConfig?: () => LeafConfig,\n      getComponents?: () => LeafComponentDefaults,\n    ): MessageApi => {\n      const show = (options: MessageOptions) => {\n        const components = getComponents?.();\n        return open(\n          mergeComponentProps<MessageOptions>(components?.Message, options),\n          scope,\n          getConfig?.(),\n          components,\n        );\n      };\n      return {\n        open: show,\n        close,\n        success: (content, duration) => show({ content, duration, type: 'success' }),\n        info: (content, duration) => show({ content, duration, type: 'info' }),\n        warning: (content, duration) => show({ content, duration, type: 'warning' }),\n        error: (content, duration) => show({ content, duration, type: 'error' }),\n        loading: (content) => show({ content, duration: 0, type: 'loading' }),\n      };\n    },\n  };\n}\nexport type MessageStore = ReturnType<typeof createMessageStore>;\nexport const MessageContext = createContext<MessageStore | null>(null);\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","emptyMessages","createMessageStore","entries","sequence","available","listeners","Set","publish","next","listener","open","options","scope","config","components","existing","entry","item","close","closing","undefined","getConfig","getComponents","show","mergeComponentProps","content","duration","MessageContext","createContext"],"mappings":"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"}

package/dist/cjs/message/store.d.cts

@@ -1,3 +1,4 @@
+import { type LeafComponentDefaults } from '../config-provider/component-defaults.cjs';
 import type { LeafConfig } from '../config-provider/context.cjs';
 import type { MessageApi, MessageOptions } from './message.cjs';
 export interface MessageEntry extends MessageOptions {
@@ -6,6 +7,7 @@ export interface MessageEntry extends MessageOptions {
     revision: number;
     scope?: string;
     config?: LeafConfig;
+    components?: LeafComponentDefaults;
 }
 export declare const emptyMessages: readonly MessageEntry[];
 /** One queue per mounted provider, never shared between SSR requests or React roots. */
@@ -14,8 +16,8 @@ export declare function createMessageStore(): {
     subscribe: (listener: () => void) => () => void;
     close: (key?: string) => void;
     remove: (key: string) => void;
-    updateScope: (scope: string, config: LeafConfig) => void;
-    api: (scope?: string, getConfig?: () => LeafConfig) => MessageApi;
+    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => void;
+    api: (scope?: string, getConfig?: () => LeafConfig, getComponents?: () => LeafComponentDefaults) => MessageApi;
 };
 export type MessageStore = ReturnType<typeof createMessageStore>;
 export declare const MessageContext: import("react").Context<{
@@ -23,7 +25,7 @@ export declare const MessageContext: import("react").Context<{
     subscribe: (listener: () => void) => () => void;
     close: (key?: string) => void;
     remove: (key: string) => void;
-    updateScope: (scope: string, config: LeafConfig) => void;
-    api: (scope?: string, getConfig?: () => LeafConfig) => MessageApi;
+    updateScope: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => void;
+    api: (scope?: string, getConfig?: () => LeafConfig, getComponents?: () => LeafComponentDefaults) => MessageApi;
 } | null>;
 //# sourceMappingURL=store.d.cts.map

package/dist/cjs/message/store.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.cts","sourceRoot":"","sources":["../../../src/message/store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AACD,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAAO,CAAC;AAEzD,wFAAwF;AACxF,wBAAgB,kBAAkB;;0BAoCR,MAAM,IAAI;kBAVb,MAAM;kBAsBX,MAAM;yBAGC,MAAM,UAAU,UAAU;kBAIjC,MAAM,cAAc,MAAM,UAAU,KAAG,UAAU;EAalE;AACD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;0BAlCD,MAAM,IAAI;kBAVb,MAAM;kBAsBX,MAAM;yBAGC,MAAM,UAAU,UAAU;kBAIjC,MAAM,cAAc,MAAM,UAAU,KAAG,UAAU;SAeG,CAAC"}
+{"version":3,"file":"store.d.cts","sourceRoot":"","sources":["../../../src/message/store.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AACD,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAAO,CAAC;AAEzD,wFAAwF;AACxF,wBAAgB,kBAAkB;;0BA0CR,MAAM,IAAI;kBAVb,MAAM;kBAsBX,MAAM;yBAGC,MAAM,UAAU,UAAU,eAAe,qBAAqB;kBAazE,MAAM,cACF,MAAM,UAAU,kBACZ,MAAM,qBAAqB,KAC1C,UAAU;EAqBhB;AACD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;0BAtDD,MAAM,IAAI;kBAVb,MAAM;kBAsBX,MAAM;yBAGC,MAAM,UAAU,UAAU,eAAe,qBAAqB;kBAazE,MAAM,cACF,MAAM,UAAU,kBACZ,MAAM,qBAAqB,KAC1C,UAAU;SAuBqD,CAAC"}

package/dist/cjs/modal/modal.cjs

@@ -29,14 +29,16 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Modal: ()=>Modal
+    Modal: ()=>Modal,
+    ModalBase: ()=>ModalBase
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
-const external_scrollbar_index_cjs_namespaceObject = require("../scrollbar/index.cjs");
+const scrollbar_cjs_namespaceObject = require("../scrollbar/scrollbar.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const dialog_cjs_namespaceObject = require("../shared/dialog.cjs");
 const inert_cjs_namespaceObject = require("../shared/inert.cjs");
@@ -90,7 +92,8 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
         if (!busy) (onCancel ?? onClose)?.();
     };
     const actions = {
-        cancelButton: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+        cancelButton: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+            type: "button",
             variant: "outline",
             ...cancelButtonProps,
             disabled: busy || cancelButtonProps?.disabled,
@@ -98,16 +101,17 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                 cancelButtonProps?.onClick?.(event);
                 if (!event.defaultPrevented) cancel();
             },
-            children: cancelText ?? messages.cancel
+            children: cancelText ?? messages.common.cancel
         }),
-        confirmButton: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+        confirmButton: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+            type: "button",
             ...confirmButtonProps,
             loading: busy || confirmButtonProps?.loading,
             onClick: (event)=>{
                 confirmButtonProps?.onClick?.(event);
                 if (!event.defaultPrevented) accept();
             },
-            children: confirmText ?? messages.confirm
+            children: confirmText ?? messages.common.confirm
         })
     };
     const renderedFooter = 'function' == typeof footer ? footer(actions) : void 0 === footer ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
@@ -154,7 +158,7 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                 type: "button",
                 className: "leaf-modal-backdrop",
                 tabIndex: -1,
-                "aria-label": messages.close,
+                "aria-label": messages.common.close,
                 onClick: ()=>{
                     if (maskClosable) close.current?.();
                 }
@@ -204,7 +208,7 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                                 closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                     type: "button",
                                     className: "leaf-modal__close",
-                                    "aria-label": messages.close,
+                                    "aria-label": messages.common.close,
                                     onClick: ()=>close.current?.(),
                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                         size: 18,
@@ -213,12 +217,12 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                                 })
                             ]
                         }),
-                        (null != children && false !== children || null != error) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_scrollbar_index_cjs_namespaceObject.Scrollbar, {
+                        (null != children && false !== children || null != error) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scrollbar_cjs_namespaceObject.ScrollbarControl, {
                             className: "leaf-modal__body",
                             viewportClassName: "leaf-modal__viewport",
                             orientation: "vertical",
                             "aria-labelledby": null != title ? titleId : void 0,
-                            "aria-label": null == title ? props['aria-label'] ?? messages.confirm : void 0,
+                            "aria-label": null == title ? props['aria-label'] ?? messages.common.confirm : void 0,
                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                                 ref: content,
                                 className: "leaf-modal__content",
@@ -242,7 +246,7 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
         ]
     });
 }
-function Modal(props) {
+function ModalBase(props) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
         container: props.container,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ModalSurface, {
@@ -250,9 +254,17 @@ function Modal(props) {
         })
     });
 }
+function Modal(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Modal', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ModalBase, {
+        ...props
+    });
+}
 exports.Modal = __webpack_exports__.Modal;
+exports.ModalBase = __webpack_exports__.ModalBase;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Modal"
+    "Modal",
+    "ModalBase"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/modal/modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal/modal.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/modal/modal.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { Button, type ButtonProps } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Scrollbar } from '../scrollbar';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useNaturalHeightTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface ModalFooterActions {\n  confirmButton: ReactNode;\n  cancelButton: ReactNode;\n}\nexport interface ModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  /** Supporting text displayed below the title. */\n  description?: ReactNode;\n  /** Decorative header icon. */\n  icon?: ReactNode;\n  /** Separate the header and footer with subtle borders. */\n  divided?: boolean;\n  footer?: ReactNode | ((actions: ModalFooterActions) => ReactNode);\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmLoading?: boolean;\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  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n}\n\nfunction ModalSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  confirmText,\n  cancelText,\n  confirmLoading = false,\n  confirmButtonProps,\n  cancelButtonProps,\n  onConfirm,\n  onCancel,\n  width = 480,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  children,\n  className,\n  style,\n  ...props\n}: ModalProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string>();\n  const mounted = useRef(true);\n  const accepting = useRef(false);\n  const generation = useRef(0);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  useEffect(() => {\n    generation.current++;\n    accepting.current = false;\n    setPending(false);\n    if (open) setError(undefined);\n  }, [open]);\n  const busy = pending || confirmLoading;\n  async function accept() {\n    if (accepting.current || busy) return;\n    if (!onConfirm) {\n      if (confirmButtonProps?.type !== 'submit') onClose?.();\n      return;\n    }\n    accepting.current = true;\n    const request = generation.current;\n    setPending(true);\n    setError(undefined);\n    try {\n      await onConfirm();\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        accepting.current = false;\n        if (mounted.current) setPending(false);\n      }\n    }\n  }\n  const cancel = () => {\n    if (!busy) (onCancel ?? onClose)?.();\n  };\n  const actions: ModalFooterActions = {\n    cancelButton: (\n      <Button\n        variant=\"outline\"\n        {...cancelButtonProps}\n        disabled={busy || cancelButtonProps?.disabled}\n        onClick={(event) => {\n          cancelButtonProps?.onClick?.(event);\n          if (!event.defaultPrevented) cancel();\n        }}\n      >\n        {cancelText ?? messages.cancel}\n      </Button>\n    ),\n    confirmButton: (\n      <Button\n        {...confirmButtonProps}\n        loading={busy || 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  const renderedFooter =\n    typeof footer === 'function' ? (\n      footer(actions)\n    ) : footer === undefined ? (\n      <>\n        {actions.cancelButton}\n        {actions.confirmButton}\n      </>\n    ) : (\n      footer\n    );\n  const panel = useRef<HTMLDivElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const present = usePresence(open, backdrop);\n  useNaturalHeightTransition(panel, content, open);\n  const titleId = `${useId()}-title`;\n  const descriptionId = `${useId()}-description`;\n  const modalId = `${useId()}-dialog`;\n  const close = useRef(cancel);\n  close.current = cancel;\n  const wasPresent = useRef(false);\n  useEffect(() => {\n    if (wasPresent.current && !present) afterClose?.();\n    wasPresent.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, modalId, cancel, keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className=\"leaf-modal-mask\"\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        className=\"leaf-modal-backdrop\"\n        tabIndex={-1}\n        aria-label={messages.close}\n        onClick={() => {\n          if (maskClosable) close.current?.();\n        }}\n      />\n      {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: dialog and alertdialog both support aria-modal. */}\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? modalId}\n        role={props.role ?? 'dialog'}\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? titleId : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && descriptionId]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-modal', divided && 'leaf-modal--divided', className)}\n        style={{ width, ...style }}\n      >\n        <OverlayOwner.Provider value={modalId}>\n          {(title != null || description != null || icon != null || closable) && (\n            <div\n              className={classes(\n                'leaf-modal__header',\n                description == null && 'leaf-modal__header--simple',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-modal__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-modal__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-modal__heading\">\n                  {title != null && <h2 id={titleId}>{title}</h2>}\n                  {description != null && (\n                    <div id={descriptionId} className=\"leaf-modal__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.close}\n                  onClick={() => close.current?.()}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          {((children != null && children !== false) || error != null) && (\n            <Scrollbar\n              className=\"leaf-modal__body\"\n              viewportClassName=\"leaf-modal__viewport\"\n              orientation=\"vertical\"\n              aria-labelledby={title != null ? titleId : undefined}\n              aria-label={title == null ? (props['aria-label'] ?? messages.confirm) : undefined}\n            >\n              <div ref={content} className=\"leaf-modal__content\">\n                {children}\n                {error && (\n                  <p role=\"alert\" className=\"leaf-confirm-error\">\n                    {error}\n                  </p>\n                )}\n              </div>\n            </Scrollbar>\n          )}\n          {renderedFooter != null && <div className=\"leaf-modal__footer\">{renderedFooter}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Modal(props: ModalProps) {\n  return (\n    <ScopedPortal container={props.container}>\n      <ModalSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ModalSurface","open","title","description","icon","divided","footer","confirmText","cancelText","confirmLoading","confirmButtonProps","cancelButtonProps","onConfirm","onCancel","width","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","children","className","style","props","messages","maskBlur","useLeafConfig","pending","setPending","useState","error","setError","mounted","useRef","accepting","generation","useEffect","undefined","busy","accept","request","reason","Error","String","cancel","actions","Button","event","renderedFooter","panel","content","backdrop","present","usePresence","useNaturalHeightTransition","titleId","useId","descriptionId","modalId","close","wasPresent","useDialog","visited","inertProps","Boolean","classes","OverlayOwner","X","Scrollbar","Modal","ScopedPortal"],"mappings":"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"}
+{"version":3,"file":"modal/modal.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/modal/modal.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { ButtonControl, type ButtonProps } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScrollbarControl as Scrollbar } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useNaturalHeightTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface ModalFooterActions {\n  confirmButton: ReactNode;\n  cancelButton: ReactNode;\n}\nexport interface ModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  /** Supporting text displayed below the title. */\n  description?: ReactNode;\n  /** Decorative header icon. */\n  icon?: ReactNode;\n  /** Separate the header and footer with subtle borders. */\n  divided?: boolean;\n  footer?: ReactNode | ((actions: ModalFooterActions) => ReactNode);\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmLoading?: boolean;\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  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n}\n\nfunction ModalSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  confirmText,\n  cancelText,\n  confirmLoading = false,\n  confirmButtonProps,\n  cancelButtonProps,\n  onConfirm,\n  onCancel,\n  width = 480,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  children,\n  className,\n  style,\n  ...props\n}: ModalProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string>();\n  const mounted = useRef(true);\n  const accepting = useRef(false);\n  const generation = useRef(0);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  useEffect(() => {\n    generation.current++;\n    accepting.current = false;\n    setPending(false);\n    if (open) setError(undefined);\n  }, [open]);\n  const busy = pending || confirmLoading;\n  async function accept() {\n    if (accepting.current || busy) return;\n    if (!onConfirm) {\n      if (confirmButtonProps?.type !== 'submit') onClose?.();\n      return;\n    }\n    accepting.current = true;\n    const request = generation.current;\n    setPending(true);\n    setError(undefined);\n    try {\n      await onConfirm();\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        accepting.current = false;\n        if (mounted.current) setPending(false);\n      }\n    }\n  }\n  const cancel = () => {\n    if (!busy) (onCancel ?? onClose)?.();\n  };\n  const actions: ModalFooterActions = {\n    cancelButton: (\n      <ButtonControl\n        type=\"button\"\n        variant=\"outline\"\n        {...cancelButtonProps}\n        disabled={busy || 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    confirmButton: (\n      <ButtonControl\n        type=\"button\"\n        {...confirmButtonProps}\n        loading={busy || 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  const renderedFooter =\n    typeof footer === 'function' ? (\n      footer(actions)\n    ) : footer === undefined ? (\n      <>\n        {actions.cancelButton}\n        {actions.confirmButton}\n      </>\n    ) : (\n      footer\n    );\n  const panel = useRef<HTMLDivElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const present = usePresence(open, backdrop);\n  useNaturalHeightTransition(panel, content, open);\n  const titleId = `${useId()}-title`;\n  const descriptionId = `${useId()}-description`;\n  const modalId = `${useId()}-dialog`;\n  const close = useRef(cancel);\n  close.current = cancel;\n  const wasPresent = useRef(false);\n  useEffect(() => {\n    if (wasPresent.current && !present) afterClose?.();\n    wasPresent.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, modalId, cancel, keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className=\"leaf-modal-mask\"\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        className=\"leaf-modal-backdrop\"\n        tabIndex={-1}\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) close.current?.();\n        }}\n      />\n      {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: dialog and alertdialog both support aria-modal. */}\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? modalId}\n        role={props.role ?? 'dialog'}\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? titleId : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && descriptionId]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-modal', divided && 'leaf-modal--divided', className)}\n        style={{ width, ...style }}\n      >\n        <OverlayOwner.Provider value={modalId}>\n          {(title != null || description != null || icon != null || closable) && (\n            <div\n              className={classes(\n                'leaf-modal__header',\n                description == null && 'leaf-modal__header--simple',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-modal__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-modal__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-modal__heading\">\n                  {title != null && <h2 id={titleId}>{title}</h2>}\n                  {description != null && (\n                    <div id={descriptionId} className=\"leaf-modal__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={() => close.current?.()}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          {((children != null && children !== false) || error != null) && (\n            <Scrollbar\n              className=\"leaf-modal__body\"\n              viewportClassName=\"leaf-modal__viewport\"\n              orientation=\"vertical\"\n              aria-labelledby={title != null ? titleId : undefined}\n              aria-label={\n                title == null ? (props['aria-label'] ?? messages.common.confirm) : undefined\n              }\n            >\n              <div ref={content} className=\"leaf-modal__content\">\n                {children}\n                {error && (\n                  <p role=\"alert\" className=\"leaf-confirm-error\">\n                    {error}\n                  </p>\n                )}\n              </div>\n            </Scrollbar>\n          )}\n          {renderedFooter != null && <div className=\"leaf-modal__footer\">{renderedFooter}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\n// Other components reuse the dialog mechanics without inheriting public Modal defaults.\nexport function ModalBase(props: ModalProps) {\n  return (\n    <ScopedPortal container={props.container}>\n      <ModalSurface {...props} />\n    </ScopedPortal>\n  );\n}\nexport function Modal(rawProps: ModalProps) {\n  const props = useComponentProps('Modal', rawProps);\n  return <ModalBase {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ModalSurface","open","title","description","icon","divided","footer","confirmText","cancelText","confirmLoading","confirmButtonProps","cancelButtonProps","onConfirm","onCancel","width","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","children","className","style","props","messages","maskBlur","useLeafConfig","pending","setPending","useState","error","setError","mounted","useRef","accepting","generation","useEffect","undefined","busy","accept","request","reason","Error","String","cancel","actions","ButtonControl","event","renderedFooter","panel","content","backdrop","present","usePresence","useNaturalHeightTransition","titleId","useId","descriptionId","modalId","close","wasPresent","useDialog","visited","inertProps","Boolean","classes","OverlayOwner","X","Scrollbar","ModalBase","ScopedPortal","Modal","rawProps","useComponentProps"],"mappings":"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"}

package/dist/cjs/modal/modal.d.cts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-import { type ButtonProps } from '../button/index.cjs';
+import { type ButtonProps } from '../button/button.cjs';
 import { type DialogFocusOptions } from '../shared/dialog.cjs';
 export interface ModalFooterActions {
     confirmButton: ReactNode;
@@ -33,5 +33,6 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
     preserve?: boolean;
     container?: Element | DocumentFragment | (() => Element | DocumentFragment);
 }
-export declare function Modal(props: ModalProps): import("react").JSX.Element;
+export declare function ModalBase(props: ModalProps): import("react").JSX.Element;
+export declare function Modal(rawProps: ModalProps): import("react").JSX.Element;
 //# sourceMappingURL=modal.d.cts.map

package/dist/cjs/modal/modal.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.cts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAChG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,OAAO,EAAE,KAAK,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAMtE,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,SAAS,CAAC;IACzB,YAAY,EAAE,SAAS,CAAC;CACzB;AACD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,kBAAkB;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;CAC7E;AA8OD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAMtC"}
+{"version":3,"file":"modal.d.cts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAChG,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAKnE,OAAO,EAAE,KAAK,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAMtE,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,SAAS,CAAC;IACzB,YAAY,EAAE,SAAS,CAAC;CACzB;AACD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,kBAAkB;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;CAC7E;AAmPD,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,+BAM1C;AACD,wBAAgB,KAAK,CAAC,QAAQ,EAAE,UAAU,+BAGzC"}

package/dist/cjs/notification/notification.cjs

@@ -38,6 +38,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const alert_cjs_namespaceObject = require("../alert/alert.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const inert_cjs_namespaceObject = require("../shared/inert.cjs");
 const presence_cjs_namespaceObject = require("../shared/presence.cjs");
@@ -72,14 +73,17 @@ function createStore(maxCount) {
         },
         close,
         remove: (key)=>publish(entries.filter((item)=>item.key !== key || item.open)),
-        update: (scope, config)=>{
-            if (entries.some((item)=>item.scope === scope && item.config !== config)) publish(entries.map((item)=>item.scope === scope ? {
+        update: (scope, config, components)=>{
+            if (entries.some((item)=>item.scope === scope && (item.config !== config || item.components !== components))) publish(entries.map((item)=>item.scope === scope ? {
                     ...item,
-                    config
+                    config,
+                    components
                 } : item));
         },
-        api: (scope, getConfig)=>{
-            const open = (options)=>{
+        api: (scope, getConfig, getComponents)=>{
+            const open = (rawOptions)=>{
+                const components = getComponents();
+                const options = (0, component_defaults_cjs_namespaceObject.mergeComponentProps)(components.Notification, rawOptions);
                 const key = options.key ?? `leaf-notification-${++sequence}`;
                 const existing = entries.find((item)=>item.key === key);
                 const entry = {
@@ -87,6 +91,7 @@ function createStore(maxCount) {
                     key,
                     scope,
                     config: getConfig(),
+                    components,
                     open: true,
                     revision: (existing?.revision ?? 0) + 1
                 };
@@ -142,15 +147,19 @@ function NotificationScope({ children }) {
 function useNotification() {
     const store = (0, external_react_namespaceObject.useContext)(Context);
     const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const components = (0, external_react_namespaceObject.useContext)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext);
+    const latestComponents = (0, external_react_namespaceObject.useRef)(components);
+    latestComponents.current = components;
     const latest = (0, external_react_namespaceObject.useRef)(config);
     latest.current = config;
     const scope = (0, external_react_namespaceObject.useId)();
-    (0, external_react_namespaceObject.useEffect)(()=>store?.update(scope, config), [
+    (0, external_react_namespaceObject.useEffect)(()=>store?.update(scope, config, components), [
         store,
         scope,
-        config
+        config,
+        components
     ]);
-    const api = (0, external_react_namespaceObject.useMemo)(()=>store?.api(scope, ()=>latest.current), [
+    const api = (0, external_react_namespaceObject.useMemo)(()=>store?.api(scope, ()=>latest.current, ()=>latestComponents.current), [
         store,
         scope
     ]);
@@ -168,15 +177,19 @@ function NotificationHost({ store }) {
             'bottom-left'
         ].map((placement)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: `leaf-notification-region leaf-notification-region--${placement}`,
-                children: entries.filter((entry)=>(entry.placement ?? 'top-right') === placement).map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationItem, {
-                        entry: entry,
-                        close: ()=>store.close(entry.key),
-                        remove: ()=>store.remove(entry.key)
+                children: entries.filter((entry)=>(entry.placement ?? 'top-right') === placement).map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext.Provider, {
+                        value: entry.components ?? {},
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationItem, {
+                            entry: entry,
+                            close: ()=>store.close(entry.key),
+                            remove: ()=>store.remove(entry.key)
+                        })
                     }, entry.key))
             }, placement))
     });
 }
-function Notification({ open, afterClose, onClose, ...options }) {
+function Notification(rawProps) {
+    const { open, afterClose, onClose, ...options } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Notification', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: `leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`,
@@ -283,7 +296,7 @@ function NotificationItem({ entry, close, remove }) {
                                         false !== entry.closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                             type: "button",
                                             className: "leaf-notification__close",
-                                            "aria-label": config.messages.close,
+                                            "aria-label": config.messages.common.close,
                                             onClick: close,
                                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                                 size: 16,