@ifhover/leaf-ui 0.5.0 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"message/message.js","sources":["../../../../../src/message/message.tsx"],"sourcesContent":["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":["Message","open","afterClose","onClose","options","ScopedPortal","MessageItem","useMessage","store","useContext","MessageContext","config","useLeafConfig","currentConfig","useRef","scope","useId","message","useMemo","useEffect","result","undefined","Error"],"mappings":";;;;;;;;AA4BO,SAASA,QAAQ,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAE,GAAGC,SAAuB;IAC7E,OAAO,WAAP,GACE,IAACC,cAAYA;kBACX,kBAAC;YAAI,WAAU;sBACb,kBAACC,aAAWA;gBACV,OAAO;oBAAE,GAAGF,OAAO;oBAAE,KAAK;oBAAUH;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAME;gBACb,QAAQ,IAAMD;;;;AAKxB;AAEO,SAASK;IACd,MAAMC,QAAQC,WAAWC;IACzB,MAAMC,SAASC;IACf,MAAMC,gBAAgBC,OAAOH;IAC7BE,cAAc,OAAO,GAAGF;IACxB,MAAMI,QAAQC;IACd,MAAMC,UAAUC,QAAQ,IAAMV,OAAO,IAAIO,OAAO,IAAMF,cAAc,OAAO,GAAG;QAACL;QAAOO;KAAM;IAC5FI,UAAU;QACRX,OAAO,YAAYO,OAAOJ;IAC5B,GAAG;QAACH;QAAOO;QAAOJ;KAAO;IACzB,MAAMS,SAASF,QAAQ,IAAOD,UAAU;YAAEA;QAAQ,IAAII,QAAY;QAACJ;KAAQ;IAC3E,IAAI,CAACG,QAAQ,MAAM,IAAIE,MAAM;IAC7B,OAAOF;AACT"}
+{"version":3,"file":"message/message.js","sources":["../../../../../src/message/message.tsx"],"sourcesContent":["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":["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":";;;;;;;;;;AA6BO,SAASA,QAAQC,QAAsB;IAC5C,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAE,GAAGC,SAAS,GAAGC,kBAAkB,WAAWL;IAC/E,OAAO,WAAP,GACE,IAACM,cAAYA;kBACX,kBAAC;YAAI,WAAU;sBACb,kBAACC,aAAWA;gBACV,OAAO;oBAAE,GAAGH,OAAO;oBAAE,KAAK;oBAAUH;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAME;gBACb,QAAQ,IAAMD;;;;AAKxB;AAEO,SAASM;IACd,MAAMC,QAAQC,WAAWC;IACzB,MAAMC,SAASC;IACf,MAAMC,aAAaJ,WAAWK;IAC9B,MAAMC,oBAAoBC,OAAOH;IACjCE,kBAAkB,OAAO,GAAGF;IAC5B,MAAMI,gBAAgBD,OAAOL;IAC7BM,cAAc,OAAO,GAAGN;IACxB,MAAMO,QAAQC;IACd,MAAMC,UAAUC,QACd,IACEb,OAAO,IACLU,OACA,IAAMD,cAAc,OAAO,EAC3B,IAAMF,kBAAkB,OAAO,GAEnC;QAACP;QAAOU;KAAM;IAEhBI,UAAU;QACRd,OAAO,YAAYU,OAAOP,QAAQE;IACpC,GAAG;QAACL;QAAOU;QAAOP;QAAQE;KAAW;IACrC,MAAMU,SAASF,QAAQ,IAAOD,UAAU;YAAEA;QAAQ,IAAII,QAAY;QAACJ;KAAQ;IAC3E,IAAI,CAACG,QAAQ,MAAM,IAAIE,MAAM;IAC7B,OAAOF;AACT"}

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

@@ -1,7 +1,9 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/message.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useState, useSyncExternalStore } from "react";
+import { ComponentDefaultsContext } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { ScopedPortal } from "../shared/scoped-portal.js";
 import { MessageItem } from "./item.js";
@@ -35,10 +37,13 @@ function MessageHost({ store }) {
             style: {
                 zIndex
             },
-            children: entries.map((entry)=>/*#__PURE__*/ jsx(MessageItem, {
-                    entry: entry,
-                    close: ()=>store.close(entry.key),
-                    remove: ()=>store.remove(entry.key)
+            children: entries.map((entry)=>/*#__PURE__*/ jsx(ComponentDefaultsContext.Provider, {
+                    value: entry.components ?? {},
+                    children: /*#__PURE__*/ jsx(MessageItem, {
+                        entry: entry,
+                        close: ()=>store.close(entry.key),
+                        remove: ()=>store.remove(entry.key)
+                    })
                 }, entry.key))
         })
     });

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

@@ -1 +1 @@
-{"version":3,"file":"message/provider.js","sources":["../../../../../src/message/provider.tsx"],"sourcesContent":["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":["MessageProvider","children","store","useState","createMessageStore","MessageContext","MessageHost","MessageScope","useContext","config","useLeafConfig","entries","useSyncExternalStore","emptyMessages","zIndex","Math","entry","ScopedPortal","MessageItem"],"mappings":";;;;;;;;AAWO,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;AAGO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,MAAMC,QAAQM,WAAWH;IACzB,OAAOH,QAAQD,WAAW,WAAXA,GAAW,IAACD,iBAAeA;kBAAEC;;AAC9C;AAEO,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IAC5D,MAAMO,SAASC;IACf,MAAMC,UAAUC,qBAAqBV,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAMW;IAC/E,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,OAAO,WAAP,GACE,IAACQ,cAAYA;kBACX,kBAAC;YAAI,WAAU;YAAsB,OAAO;gBAAEH;YAAO;sBAClDH,QAAQ,GAAG,CAAC,CAACK,QAAAA,WAAAA,GACZ,IAACE,aAAWA;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.js","sources":["../../../../../src/message/provider.tsx"],"sourcesContent":["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":["MessageProvider","children","store","useState","createMessageStore","MessageContext","MessageHost","MessageScope","useContext","config","useLeafConfig","entries","useSyncExternalStore","emptyMessages","zIndex","Math","entry","ScopedPortal","ComponentDefaultsContext","MessageItem"],"mappings":";;;;;;;;;;AAYO,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;AAGO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,MAAMC,QAAQM,WAAWH;IACzB,OAAOH,QAAQD,WAAW,WAAXA,GAAW,IAACD,iBAAeA;kBAAEC;;AAC9C;AAEO,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IAC5D,MAAMO,SAASC;IACf,MAAMC,UAAUC,qBAAqBV,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAMW;IAC/E,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,OAAO,WAAP,GACE,IAACQ,cAAYA;kBACX,kBAAC;YAAI,WAAU;YAAsB,OAAO;gBAAEH;YAAO;sBAClDH,QAAQ,GAAG,CAAC,CAACK,QAAAA,WAAAA,GACZ,IAACE,yBAAyB,QAAQ;oBAAiB,OAAOF,MAAM,UAAU,IAAI,CAAC;8BAC7E,kBAACG,aAAWA;wBACV,OAAOH;wBACP,OAAO,IAAMd,MAAM,KAAK,CAACc,MAAM,GAAG;wBAClC,QAAQ,IAAMd,MAAM,MAAM,CAACc,MAAM,GAAG;;mBAJAA,MAAM,GAAG;;;AAW3D"}

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

@@ -1,5 +1,6 @@
 "use client";
 import { createContext } from "react";
+import { mergeComponentProps } from "../config-provider/component-defaults.js";
 const emptyMessages = [];
 function createMessageStore() {
     let entries = emptyMessages;
@@ -10,7 +11,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);
@@ -19,6 +20,7 @@ function createMessageStore() {
             key,
             scope,
             config,
+            components,
             open: true,
             revision: (existing?.revision ?? 0) + 1
         };
@@ -54,15 +56,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(mergeComponentProps(components?.Message, options), scope, getConfig?.(), components);
+            };
             return {
                 open: show,
                 close,

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

@@ -1 +1 @@
-{"version":3,"file":"message/store.js","sources":["../../../../../src/message/store.ts"],"sourcesContent":["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":["emptyMessages","createMessageStore","entries","sequence","available","listeners","Set","publish","next","listener","open","options","scope","config","key","existing","entry","item","close","closing","undefined","getConfig","show","content","duration","MessageContext","createContext"],"mappings":";;AAWO,MAAMA,gBAAyC,EAAE;AAGjD,SAASC;IACd,IAAIC,UAAUF;IACd,IAAIG,WAAW;IACf,IAAIC,YAAY;IAChB,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfN,UAAUM;QACV,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,OAAO,CAACC,SAAyBC,OAAgBC;QACrD,MAAMC,MAAMH,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,EAAER,UAAU;QACvD,IAAI,CAACC,WAAW,OAAOU;QACvB,MAAMC,WAAWb,QAAQ,IAAI,CAAC,CAACc,QAAUA,MAAM,GAAG,KAAKF;QACvD,MAAME,QAAsB;YAC1B,GAAGL,OAAO;YACVG;YACAF;YACAC;YACA,MAAM;YACN,UAAWE,AAAAA,CAAAA,UAAU,YAAY,KAAK;QACxC;QACAR,QACEQ,WAAWb,QAAQ,GAAG,CAAC,CAACe,OAAUA,KAAK,GAAG,KAAKH,MAAME,QAAQC,QAAS;eAAIf;YAASc;SAAM;QAE3F,OAAOF;IACT;IACA,MAAMI,QAAQ,CAACJ;QACb,MAAMK,UAAUjB,QAAQ,MAAM,CAC5B,CAACc,QAAUA,MAAM,IAAI,IAAKF,CAAAA,AAAQM,WAARN,OAAqBE,MAAM,GAAG,KAAKF,GAAE;QAEjE,IAAI,CAACK,QAAQ,MAAM,EAAE;QACrBZ,QAAQL,QAAQ,GAAG,CAAC,CAACc,QAAWG,QAAQ,QAAQ,CAACH,SAAS;gBAAE,GAAGA,KAAK;gBAAE,MAAM;YAAM,IAAIA;QACtF,KAAK,MAAMA,SAASG,QAASH,MAAM,OAAO;IAC5C;IACA,OAAO;QACL,aAAa,IAAMd;QACnB,WAAW,CAACO;YACVL,YAAY;YACZC,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAE;oBACnBD,YAAY;oBACZF,UAAUF;gBACZ;YACF;QACF;QACAkB;QACA,QAAQ,CAACJ;YACPP,QAAQL,QAAQ,MAAM,CAAC,CAACc,QAAUA,MAAM,GAAG,KAAKF,OAAOE,MAAM,IAAI;QACnE;QACA,aAAa,CAACJ,OAAeC;YAC3B,IAAI,CAACX,QAAQ,IAAI,CAAC,CAACc,QAAUA,MAAM,KAAK,KAAKJ,SAASI,MAAM,MAAM,KAAKH,SAAS;YAChFN,QAAQL,QAAQ,GAAG,CAAC,CAACc,QAAWA,MAAM,KAAK,KAAKJ,QAAQ;oBAAE,GAAGI,KAAK;oBAAEH;gBAAO,IAAIG;QACjF;QACA,KAAK,CAACJ,OAAgBS;YACpB,MAAMC,OAAO,CAACX,UAA4BD,KAAKC,SAASC,OAAOS;YAC/D,OAAO;gBACL,MAAMC;gBACNJ;gBACA,SAAS,CAACK,SAASC,WAAaF,KAAK;wBAAEC;wBAASC;wBAAU,MAAM;oBAAU;gBAC1E,MAAM,CAACD,SAASC,WAAaF,KAAK;wBAAEC;wBAASC;wBAAU,MAAM;oBAAO;gBACpE,SAAS,CAACD,SAASC,WAAaF,KAAK;wBAAEC;wBAASC;wBAAU,MAAM;oBAAU;gBAC1E,OAAO,CAACD,SAASC,WAAaF,KAAK;wBAAEC;wBAASC;wBAAU,MAAM;oBAAQ;gBACtE,SAAS,CAACD,UAAYD,KAAK;wBAAEC;wBAAS,UAAU;wBAAG,MAAM;oBAAU;YACrE;QACF;IACF;AACF;AAEO,MAAME,iBAAiBC,cAAmC"}
+{"version":3,"file":"message/store.js","sources":["../../../../../src/message/store.ts"],"sourcesContent":["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":["emptyMessages","createMessageStore","entries","sequence","available","listeners","Set","publish","next","listener","open","options","scope","config","components","key","existing","entry","item","close","closing","undefined","getConfig","getComponents","show","mergeComponentProps","content","duration","MessageContext","createContext"],"mappings":";;;AAgBO,MAAMA,gBAAyC,EAAE;AAGjD,SAASC;IACd,IAAIC,UAAUF;IACd,IAAIG,WAAW;IACf,IAAIC,YAAY;IAChB,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfN,UAAUM;QACV,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,OAAO,CACXC,SACAC,OACAC,QACAC;QAEA,MAAMC,MAAMJ,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,EAAER,UAAU;QACvD,IAAI,CAACC,WAAW,OAAOW;QACvB,MAAMC,WAAWd,QAAQ,IAAI,CAAC,CAACe,QAAUA,MAAM,GAAG,KAAKF;QACvD,MAAME,QAAsB;YAC1B,GAAGN,OAAO;YACVI;YACAH;YACAC;YACAC;YACA,MAAM;YACN,UAAWE,AAAAA,CAAAA,UAAU,YAAY,KAAK;QACxC;QACAT,QACES,WAAWd,QAAQ,GAAG,CAAC,CAACgB,OAAUA,KAAK,GAAG,KAAKH,MAAME,QAAQC,QAAS;eAAIhB;YAASe;SAAM;QAE3F,OAAOF;IACT;IACA,MAAMI,QAAQ,CAACJ;QACb,MAAMK,UAAUlB,QAAQ,MAAM,CAC5B,CAACe,QAAUA,MAAM,IAAI,IAAKF,CAAAA,AAAQM,WAARN,OAAqBE,MAAM,GAAG,KAAKF,GAAE;QAEjE,IAAI,CAACK,QAAQ,MAAM,EAAE;QACrBb,QAAQL,QAAQ,GAAG,CAAC,CAACe,QAAWG,QAAQ,QAAQ,CAACH,SAAS;gBAAE,GAAGA,KAAK;gBAAE,MAAM;YAAM,IAAIA;QACtF,KAAK,MAAMA,SAASG,QAASH,MAAM,OAAO;IAC5C;IACA,OAAO;QACL,aAAa,IAAMf;QACnB,WAAW,CAACO;YACVL,YAAY;YACZC,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAE;oBACnBD,YAAY;oBACZF,UAAUF;gBACZ;YACF;QACF;QACAmB;QACA,QAAQ,CAACJ;YACPR,QAAQL,QAAQ,MAAM,CAAC,CAACe,QAAUA,MAAM,GAAG,KAAKF,OAAOE,MAAM,IAAI;QACnE;QACA,aAAa,CAACL,OAAeC,QAAoBC;YAC/C,IACE,CAACZ,QAAQ,IAAI,CACX,CAACe,QACCA,MAAM,KAAK,KAAKL,SAAUK,CAAAA,MAAM,MAAM,KAAKJ,UAAUI,MAAM,UAAU,KAAKH,UAAS,IAGvF;YACFP,QACEL,QAAQ,GAAG,CAAC,CAACe,QAAWA,MAAM,KAAK,KAAKL,QAAQ;oBAAE,GAAGK,KAAK;oBAAEJ;oBAAQC;gBAAW,IAAIG;QAEvF;QACA,KAAK,CACHL,OACAU,WACAC;YAEA,MAAMC,OAAO,CAACb;gBACZ,MAAMG,aAAaS;gBACnB,OAAOb,KACLe,oBAAoCX,YAAY,SAASH,UACzDC,OACAU,eACAR;YAEJ;YACA,OAAO;gBACL,MAAMU;gBACNL;gBACA,SAAS,CAACO,SAASC,WAAaH,KAAK;wBAAEE;wBAASC;wBAAU,MAAM;oBAAU;gBAC1E,MAAM,CAACD,SAASC,WAAaH,KAAK;wBAAEE;wBAASC;wBAAU,MAAM;oBAAO;gBACpE,SAAS,CAACD,SAASC,WAAaH,KAAK;wBAAEE;wBAASC;wBAAU,MAAM;oBAAU;gBAC1E,OAAO,CAACD,SAASC,WAAaH,KAAK;wBAAEE;wBAASC;wBAAU,MAAM;oBAAQ;gBACtE,SAAS,CAACD,UAAYF,KAAK;wBAAEE;wBAAS,UAAU;wBAAG,MAAM;oBAAU;YACrE;QACF;IACF;AACF;AAEO,MAAME,iBAAiBC,cAAmC"}

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

@@ -1,11 +1,13 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/modal.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { useEffect, useId, useRef, useState } 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 { Scrollbar } from "../scrollbar/index.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
 import { classes } from "../shared/classes.js";
 import { useDialog } from "../shared/dialog.js";
 import { inertProps } from "../shared/inert.js";
@@ -59,7 +61,8 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
         if (!busy) (onCancel ?? onClose)?.();
     };
     const actions = {
-        cancelButton: /*#__PURE__*/ jsx(Button, {
+        cancelButton: /*#__PURE__*/ jsx(ButtonControl, {
+            type: "button",
             variant: "outline",
             ...cancelButtonProps,
             disabled: busy || cancelButtonProps?.disabled,
@@ -67,16 +70,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__*/ jsx(Button, {
+        confirmButton: /*#__PURE__*/ jsx(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__*/ jsxs(Fragment, {
@@ -123,7 +127,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?.();
                 }
@@ -173,7 +177,7 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                                 closable && /*#__PURE__*/ jsx("button", {
                                     type: "button",
                                     className: "leaf-modal__close",
-                                    "aria-label": messages.close,
+                                    "aria-label": messages.common.close,
                                     onClick: ()=>close.current?.(),
                                     children: /*#__PURE__*/ jsx(X, {
                                         size: 18,
@@ -182,12 +186,12 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
                                 })
                             ]
                         }),
-                        (null != children && false !== children || null != error) && /*#__PURE__*/ jsx(Scrollbar, {
+                        (null != children && false !== children || null != error) && /*#__PURE__*/ jsx(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__*/ jsxs("div", {
                                 ref: content,
                                 className: "leaf-modal__content",
@@ -211,7 +215,7 @@ function ModalSurface({ open, title, description, icon, divided = true, footer,
         ]
     });
 }
-function Modal(props) {
+function ModalBase(props) {
     return /*#__PURE__*/ jsx(ScopedPortal, {
         container: props.container,
         children: /*#__PURE__*/ jsx(ModalSurface, {
@@ -219,6 +223,12 @@ function Modal(props) {
         })
     });
 }
-export { Modal };
+function Modal(rawProps) {
+    const props = useComponentProps('Modal', rawProps);
+    return /*#__PURE__*/ jsx(ModalBase, {
+        ...props
+    });
+}
+export { Modal, ModalBase };
 
 //# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal/modal.js","sources":["../../../../../src/modal/modal.tsx"],"sourcesContent":["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":["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.js","sources":["../../../../../src/modal/modal.tsx"],"sourcesContent":["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":["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":";;;;;;;;;;;;;;;;AAgDA,SAASA,aAAa,EACpBC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,UAAU,IAAI,EACdC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,iBAAiB,KAAK,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,QAAQ,EACRC,QAAQ,GAAG,EACXC,WAAW,IAAI,EACfC,eAAe,IAAI,EACnBC,WAAW,IAAI,EACfC,OAAO,EACPC,UAAU,EACVC,cAAc,KAAK,EACnBC,iBAAiB,KAAK,EACtBC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACX,WAAWC,UAAU,EACrBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,GAAGC,OACQ;IACX,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC;IAC/B,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAM,CAACC,OAAOC,SAAS,GAAGF;IAC1B,MAAMG,UAAUC,OAAO;IACvB,MAAMC,YAAYD,OAAO;IACzB,MAAME,aAAaF,OAAO;IAC1BG,UAAU;QACRJ,QAAQ,OAAO,GAAG;QAClB,OAAO;YACLA,QAAQ,OAAO,GAAG;QACpB;IACF,GAAG,EAAE;IACLI,UAAU;QACRD,WAAW,OAAO;QAClBD,UAAU,OAAO,GAAG;QACpBN,WAAW;QACX,IAAIjC,MAAMoC,SAASM;IACrB,GAAG;QAAC1C;KAAK;IACT,MAAM2C,OAAOX,WAAWxB;IACxB,eAAeoC;QACb,IAAIL,UAAU,OAAO,IAAII,MAAM;QAC/B,IAAI,CAAChC,WAAW;YACd,IAAIF,oBAAoB,SAAS,UAAUQ;YAC3C;QACF;QACAsB,UAAU,OAAO,GAAG;QACpB,MAAMM,UAAUL,WAAW,OAAO;QAClCP,WAAW;QACXG,SAASM;QACT,IAAI;YACF,MAAM/B;QACR,EAAE,OAAOmC,QAAQ;YACf,IAAIT,QAAQ,OAAO,IAAIG,WAAW,OAAO,KAAKK,SAC5CT,SAASU,kBAAkBC,QAAQD,OAAO,OAAO,GAAGE,OAAOF;QAC/D,SAAU;YACR,IAAIN,WAAW,OAAO,KAAKK,SAAS;gBAClCN,UAAU,OAAO,GAAG;gBACpB,IAAIF,QAAQ,OAAO,EAAEJ,WAAW;YAClC;QACF;IACF;IACA,MAAMgB,SAAS;QACb,IAAI,CAACN,MAAO/B,CAAAA,YAAYK,OAAM;IAChC;IACA,MAAMiC,UAA8B;QAClC,cAAc,WAAd,GACE,IAACC,eAAaA;YACZ,MAAK;YACL,SAAQ;YACP,GAAGzC,iBAAiB;YACrB,UAAUiC,QAAQjC,mBAAmB;YACrC,SAAS,CAAC0C;gBACR1C,mBAAmB,UAAU0C;gBAC7B,IAAI,CAACA,MAAM,gBAAgB,EAAEH;YAC/B;sBAEC1C,cAAcsB,SAAS,MAAM,CAAC,MAAM;;QAGzC,eAAe,WAAf,GACE,IAACsB,eAAaA;YACZ,MAAK;YACJ,GAAG1C,kBAAkB;YACtB,SAASkC,QAAQlC,oBAAoB;YACrC,SAAS,CAAC2C;gBACR3C,oBAAoB,UAAU2C;gBAC9B,IAAI,CAACA,MAAM,gBAAgB,EAAOR;YACpC;sBAECtC,eAAeuB,SAAS,MAAM,CAAC,OAAO;;IAG7C;IACA,MAAMwB,iBACJ,AAAkB,cAAlB,OAAOhD,SACLA,OAAO6C,WACL7C,AAAWqC,WAAXrC,SAAuB,WAAZqC,GACb;;YACGQ,QAAQ,YAAY;YACpBA,QAAQ,aAAa;;SAGxB7C;IAEJ,MAAMiD,QAAQhB,OAAuB;IACrC,MAAMiB,UAAUjB,OAAuB;IACvC,MAAMkB,WAAWlB,OAA0B;IAC3C,MAAMmB,UAAUC,YAAY1D,MAAMwD;IAClCG,2BAA2BL,OAAOC,SAASvD;IAC3C,MAAM4D,UAAU,GAAGC,QAAQ,MAAM,CAAC;IAClC,MAAMC,gBAAgB,GAAGD,QAAQ,YAAY,CAAC;IAC9C,MAAME,UAAU,GAAGF,QAAQ,OAAO,CAAC;IACnC,MAAMG,QAAQ1B,OAAOW;IACrBe,MAAM,OAAO,GAAGf;IAChB,MAAMgB,aAAa3B,OAAO;IAC1BG,UAAU;QACR,IAAIwB,WAAW,OAAO,IAAI,CAACR,SAASvC;QACpC+C,WAAW,OAAO,GAAGR;IACvB,GAAG;QAACA;QAASvC;KAAW;IACxBgD,UAAUlE,MAAMsD,OAAOS,SAASd,QAAQjC,UAAU;QAAEM;QAAcC;IAAY;IAC9E,MAAM4C,UAAU7B,OAAO;IACvB,IAAItC,MAAMmE,QAAQ,OAAO,GAAG;IAC5B,IACE,CAACV,WACD,CAACtC,eACCE,CAAAA,CAAAA,AAAaqB,WAAbrB,WAAyBD,iBAAiB,CAACC,QAAO,KAAM,CAAC8C,QAAQ,OAAM,GAEzE,OAAO;IACT,OAAO,WAAP,GACE,KAAC;QACC,QAAQ,CAACV;QACT,WAAU;QACV,aAAW3B,WAAWY,SAAY;QAClC,cAAY1C,OAAO,SAAS;QAC5B,eAAa,CAACA,QAAQ0C;QACrB,GAAG0B,WAAW,CAACpE,KAAK;;0BAErB,IAAC;gBACC,KAAKwD;gBACL,MAAK;gBACL,WAAU;gBACV,UAAU;gBACV,cAAY3B,SAAS,MAAM,CAAC,KAAK;gBACjC,SAAS;oBACP,IAAId,cAAciD,MAAM,OAAO;gBACjC;;0BAGF,IAAC;gBACE,GAAGpC,KAAK;gBACT,KAAK0B;gBACL,IAAI1B,MAAM,EAAE,IAAImC;gBAChB,MAAMnC,MAAM,IAAI,IAAI;gBACpB,cAAW;gBACX,mBAAiB3B,AAAS,QAATA,QAAgB2D,UAAUhC,KAAK,CAAC,kBAAkB;gBACnE,oBACE;oBAACA,KAAK,CAAC,mBAAmB;oBAAiB,QAAf1B,eAAuB4D;iBAAc,CAC9D,MAAM,CAACO,SACP,IAAI,CAAC,QAAQ3B;gBAElB,UAAU;gBACV,WAAW4B,QAAQ,cAAclE,WAAW,uBAAuBsB;gBACnE,OAAO;oBAAEb;oBAAO,GAAGc,KAAK;gBAAC;0BAEzB,mBAAC4C,aAAa,QAAQ;oBAAC,OAAOR;;wBAC1B9D,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,eAAuBC,AAAQ,QAARA,QAAgBW,QAAO,mBAC/D,KAAC;4BACC,WAAWwD,QACT,sBACApE,AAAe,QAAfA,eAAuB,8BACvBD,AAAS,QAATA,SACEC,AAAe,QAAfA,eACAC,AAAQ,QAARA,QACA;;gCAGK,QAARA,QAAgB,WAAR,GACP,IAAC;oCAAK,WAAU;oCAAmB,eAAY;8CAC5CA;;gCAGHF,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,WAAkB,mBACnC,KAAC;oCAAI,WAAU;;wCACH,QAATD,SAAiB,WAAR,GAAQ,IAAC;4CAAG,IAAI2D;sDAAU3D;;wCACpB,QAAfC,eAAuB,WAAR,GACd,IAAC;4CAAI,IAAI4D;4CAAe,WAAU;sDAC/B5D;;;;gCAKRY,YAAY,WAAZA,GACC,IAAC;oCACC,MAAK;oCACL,WAAU;oCACV,cAAYe,SAAS,MAAM,CAAC,KAAK;oCACjC,SAAS,IAAMmC,MAAM,OAAO;8CAE5B,kBAACQ,GAACA;wCAAC,MAAM;wCAAI,eAAY;;;;;wBAK9B/C,CAAAA,AAAY,QAAZA,YAAoBA,AAAa,UAAbA,YAAuBU,AAAS,QAATA,KAAY,mBACxD,IAACsC,kBAASA;4BACR,WAAU;4BACV,mBAAkB;4BAClB,aAAY;4BACZ,mBAAiBxE,AAAS,QAATA,QAAgB2D,UAAUlB;4BAC3C,cACEzC,AAAS,QAATA,QAAiB2B,KAAK,CAAC,aAAa,IAAIC,SAAS,MAAM,CAAC,OAAO,GAAIa;sCAGrE,mBAAC;gCAAI,KAAKa;gCAAS,WAAU;;oCAC1B9B;oCACAU,SAAS,WAATA,GACC,IAAC;wCAAE,MAAK;wCAAQ,WAAU;kDACvBA;;;;;wBAMQ,QAAlBkB,kBAA0B,WAAR,GAAQ,IAAC;4BAAI,WAAU;sCAAsBA;;;;;;;AAK1E;AAEO,SAASqB,UAAU9C,KAAiB;IACzC,OAAO,WAAP,GACE,IAAC+C,cAAYA;QAAC,WAAW/C,MAAM,SAAS;kBACtC,kBAAC7B,cAAYA;YAAE,GAAG6B,KAAK;;;AAG7B;AACO,SAASgD,MAAMC,QAAoB;IACxC,MAAMjD,QAAQkD,kBAAkB,SAASD;IACzC,OAAO,WAAP,GAAO,IAACH,WAASA;QAAE,GAAG9C,KAAK;;AAC7B"}

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

@@ -1,9 +1,11 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/notification.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { createContext, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { FeedbackIcon } from "../alert/alert.js";
+import { ComponentDefaultsContext, mergeComponentProps, useComponentProps } from "../config-provider/component-defaults.js";
 import { ConfigContext, useLeafConfig } from "../config-provider/context.js";
 import { inertProps } from "../shared/inert.js";
 import { useContentTransition, usePresence } from "../shared/presence.js";
@@ -38,14 +40,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 = mergeComponentProps(components.Notification, rawOptions);
                 const key = options.key ?? `leaf-notification-${++sequence}`;
                 const existing = entries.find((item)=>item.key === key);
                 const entry = {
@@ -53,6 +58,7 @@ function createStore(maxCount) {
                     key,
                     scope,
                     config: getConfig(),
+                    components,
                     open: true,
                     revision: (existing?.revision ?? 0) + 1
                 };
@@ -108,15 +114,19 @@ function NotificationScope({ children }) {
 function useNotification() {
     const store = useContext(Context);
     const config = useLeafConfig();
+    const components = useContext(ComponentDefaultsContext);
+    const latestComponents = useRef(components);
+    latestComponents.current = components;
     const latest = useRef(config);
     latest.current = config;
     const scope = useId();
-    useEffect(()=>store?.update(scope, config), [
+    useEffect(()=>store?.update(scope, config, components), [
         store,
         scope,
-        config
+        config,
+        components
     ]);
-    const api = useMemo(()=>store?.api(scope, ()=>latest.current), [
+    const api = useMemo(()=>store?.api(scope, ()=>latest.current, ()=>latestComponents.current), [
         store,
         scope
     ]);
@@ -134,15 +144,19 @@ function NotificationHost({ store }) {
             'bottom-left'
         ].map((placement)=>/*#__PURE__*/ jsx("div", {
                 className: `leaf-notification-region leaf-notification-region--${placement}`,
-                children: entries.filter((entry)=>(entry.placement ?? 'top-right') === placement).map((entry)=>/*#__PURE__*/ 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__*/ jsx(ComponentDefaultsContext.Provider, {
+                        value: entry.components ?? {},
+                        children: /*#__PURE__*/ 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 } = useComponentProps('Notification', rawProps);
     return /*#__PURE__*/ jsx(ScopedPortal, {
         children: /*#__PURE__*/ jsx("div", {
             className: `leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`,
@@ -249,7 +263,7 @@ function NotificationItem({ entry, close, remove }) {
                                         false !== entry.closable && /*#__PURE__*/ jsx("button", {
                                             type: "button",
                                             className: "leaf-notification__close",
-                                            "aria-label": config.messages.close,
+                                            "aria-label": config.messages.common.close,
                                             onClick: close,
                                             children: /*#__PURE__*/ jsx(X, {
                                                 size: 16,

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

@@ -1 +1 @@
-{"version":3,"file":"notification/notification.js","sources":["../../../../../src/notification/notification.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { FeedbackIcon, type FeedbackType } from '../alert/alert';\nimport { ConfigContext, type LeafConfig, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { leafThemeVariables } from '../theme';\nexport interface NotificationOptions {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  duration?: number;\n  placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface NotificationApi {\n  open: (options: NotificationOptions) => string;\n  success: (options: Omit<NotificationOptions, 'type'>) => string;\n  info: (options: Omit<NotificationOptions, 'type'>) => string;\n  warning: (options: Omit<NotificationOptions, 'type'>) => string;\n  error: (options: Omit<NotificationOptions, 'type'>) => string;\n  close: (key?: string) => void;\n}\nexport interface NotificationProps extends Omit<NotificationOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\ninterface Entry extends NotificationOptions {\n  key: string;\n  open: boolean;\n  revision: number;\n  scope?: string;\n  config?: LeafConfig;\n}\nconst empty: readonly Entry[] = [];\nfunction createStore(maxCount: number) {\n  let entries = empty;\n  let sequence = 0;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly Entry[]) => {\n    entries = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (key?: string) => {\n    const closing = entries.filter((item) => item.open && (key === undefined || item.key === key));\n    if (!closing.length) return;\n    publish(entries.map((item) => (closing.includes(item) ? { ...item, open: false } : item)));\n    for (const item of closing) item.onClose?.();\n  };\n  return {\n    getSnapshot: () => entries,\n    subscribe: (listener: () => void) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) entries = empty;\n      };\n    },\n    close,\n    remove: (key: string) => publish(entries.filter((item) => item.key !== key || item.open)),\n    update: (scope: string, config: LeafConfig) => {\n      if (entries.some((item) => item.scope === scope && item.config !== config))\n        publish(entries.map((item) => (item.scope === scope ? { ...item, config } : item)));\n    },\n    api: (scope: string, getConfig: () => LeafConfig): NotificationApi => {\n      const open = (options: NotificationOptions) => {\n        const key = options.key ?? `leaf-notification-${++sequence}`;\n        const existing = entries.find((item) => item.key === key);\n        const entry: Entry = {\n          ...options,\n          key,\n          scope,\n          config: getConfig(),\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        const active = entries.filter((item) => item.open);\n        if (active.length > Math.max(1, maxCount))\n          for (const item of active.slice(0, active.length - Math.max(1, maxCount)))\n            close(item.key);\n        return key;\n      };\n      return {\n        open,\n        close,\n        success: (options) => open({ ...options, type: 'success' }),\n        info: (options) => open({ ...options, type: 'info' }),\n        warning: (options) => open({ ...options, type: 'warning' }),\n        error: (options) => open({ ...options, type: 'error' }),\n      };\n    },\n  };\n}\nconst Context = createContext<ReturnType<typeof createStore> | null>(null);\nexport interface NotificationProviderProps {\n  children?: ReactNode;\n  maxCount?: number;\n}\nexport function NotificationProvider({ children, maxCount = 5 }: NotificationProviderProps) {\n  const [store] = useState(() => createStore(maxCount));\n  return (\n    <Context.Provider value={store}>\n      <NotificationHost store={store} />\n      {children}\n    </Context.Provider>\n  );\n}\nexport function NotificationScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <NotificationProvider>{children}</NotificationProvider>;\n}\nexport function useNotification(): NotificationApi {\n  const store = useContext(Context);\n  const config = useLeafConfig();\n  const latest = useRef(config);\n  latest.current = config;\n  const scope = useId();\n  useEffect(() => store?.update(scope, config), [store, scope, config]);\n  const api = useMemo(() => store?.api(scope, () => latest.current), [store, scope]);\n  if (!api) throw new Error('useNotification requires ConfigProvider or NotificationProvider.');\n  return api;\n}\nfunction NotificationHost({ store }: { store: ReturnType<typeof createStore> }) {\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => empty);\n  if (!entries.length) return null;\n  return (\n    <ScopedPortal>\n      {(['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const).map((placement) => (\n        <div\n          key={placement}\n          className={`leaf-notification-region leaf-notification-region--${placement}`}\n        >\n          {entries\n            .filter((entry) => (entry.placement ?? 'top-right') === placement)\n            .map((entry) => (\n              <NotificationItem\n                key={entry.key}\n                entry={entry}\n                close={() => store.close(entry.key)}\n                remove={() => store.remove(entry.key)}\n              />\n            ))}\n        </div>\n      ))}\n    </ScopedPortal>\n  );\n}\nexport function Notification({ open, afterClose, onClose, ...options }: NotificationProps) {\n  return (\n    <ScopedPortal>\n      <div\n        className={`leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`}\n      >\n        <NotificationItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\nfunction NotificationItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: Entry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const ref = useRef<HTMLDivElement>(null);\n  const icon = useRef<HTMLSpanElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  useContentTransition(icon, `${entry.open}:${type}`);\n  const [hover, setHover] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const duration = entry.duration ?? 4.5;\n  const remaining = useRef(duration * 1000);\n  const cycle = useRef({ open: entry.open, revision: entry.revision, duration });\n  useEffect(() => {\n    if (\n      cycle.current.revision !== entry.revision ||\n      cycle.current.duration !== duration ||\n      (entry.open && !cycle.current.open)\n    )\n      remaining.current = duration * 1000;\n    cycle.current = { open: entry.open, revision: entry.revision, duration };\n    if (!entry.open || hover || focus || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, entry.revision, duration, hover, focus, close]);\n  const previous = useRef(present);\n  useEffect(() => {\n    if (previous.current && !present) remove();\n    previous.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-notification-slot\"\n        data-state={entry.open ? 'open' : 'closing'}\n        style={entry.config ? leafThemeVariables(config.theme) : undefined}\n        {...inertProps(!entry.open)}\n        aria-hidden={!entry.open || undefined}\n      >\n        <div className=\"leaf-notification-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: Pause auto-dismiss while reading or interacting with the notification. */}\n          <div\n            className={`leaf-notification leaf-notification--${type}`}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setFocus(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocus(false);\n            }}\n          >\n            <span ref={icon} className=\"leaf-notification__icon\" aria-hidden=\"true\">\n              {entry.icon ?? <FeedbackIcon type={type} />}\n            </span>\n            <div className=\"leaf-notification__body\">\n              <div className=\"leaf-notification__header\">\n                <div className=\"leaf-notification__title\">{entry.title}</div>\n                {entry.closable !== false && (\n                  <button\n                    type=\"button\"\n                    className=\"leaf-notification__close\"\n                    aria-label={config.messages.close}\n                    onClick={close}\n                  >\n                    <X size={16} aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n              {entry.description && (\n                <div className=\"leaf-notification__description\">{entry.description}</div>\n              )}\n              {entry.actions && <div className=\"leaf-notification__actions\">{entry.actions}</div>}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["empty","createStore","maxCount","entries","sequence","listeners","Set","publish","next","listener","close","key","closing","item","undefined","scope","config","getConfig","open","options","existing","entry","active","Math","Context","createContext","NotificationProvider","children","store","useState","NotificationHost","NotificationScope","useContext","useNotification","useLeafConfig","latest","useRef","useId","useEffect","api","useMemo","Error","useSyncExternalStore","ScopedPortal","placement","NotificationItem","Notification","afterClose","onClose","remove","inherited","ref","icon","present","usePresence","type","useContentTransition","hover","setHover","focus","setFocus","duration","remaining","cycle","started","Date","timer","setTimeout","clearTimeout","previous","ConfigContext","leafThemeVariables","inertProps","event","FeedbackIcon","X"],"mappings":";;;;;;;;;;;AAiDA,MAAMA,QAA0B,EAAE;AAClC,SAASC,YAAYC,QAAgB;IACnC,IAAIC,UAAUH;IACd,IAAII,WAAW;IACf,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfL,UAAUK;QACV,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,QAAQ,CAACC;QACb,MAAMC,UAAUT,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,IAAI,IAAKF,CAAAA,AAAQG,WAARH,OAAqBE,KAAK,GAAG,KAAKF,GAAE;QAC3F,IAAI,CAACC,QAAQ,MAAM,EAAE;QACrBL,QAAQJ,QAAQ,GAAG,CAAC,CAACU,OAAUD,QAAQ,QAAQ,CAACC,QAAQ;gBAAE,GAAGA,IAAI;gBAAE,MAAM;YAAM,IAAIA;QACnF,KAAK,MAAMA,QAAQD,QAASC,KAAK,OAAO;IAC1C;IACA,OAAO;QACL,aAAa,IAAMV;QACnB,WAAW,CAACM;YACVJ,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAEF,UAAUH;YACjC;QACF;QACAU;QACA,QAAQ,CAACC,MAAgBJ,QAAQJ,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,GAAG,KAAKF,OAAOE,KAAK,IAAI;QACvF,QAAQ,CAACE,OAAeC;YACtB,IAAIb,QAAQ,IAAI,CAAC,CAACU,OAASA,KAAK,KAAK,KAAKE,SAASF,KAAK,MAAM,KAAKG,SACjET,QAAQJ,QAAQ,GAAG,CAAC,CAACU,OAAUA,KAAK,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,IAAI;oBAAEG;gBAAO,IAAIH;QAChF;QACA,KAAK,CAACE,OAAeE;YACnB,MAAMC,OAAO,CAACC;gBACZ,MAAMR,MAAMQ,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAEf,UAAU;gBAC5D,MAAMgB,WAAWjB,QAAQ,IAAI,CAAC,CAACU,OAASA,KAAK,GAAG,KAAKF;gBACrD,MAAMU,QAAe;oBACnB,GAAGF,OAAO;oBACVR;oBACAI;oBACA,QAAQE;oBACR,MAAM;oBACN,UAAWG,AAAAA,CAAAA,UAAU,YAAY,KAAK;gBACxC;gBACAb,QACEa,WAAWjB,QAAQ,GAAG,CAAC,CAACU,OAAUA,KAAK,GAAG,KAAKF,MAAMU,QAAQR,QAAS;uBAAIV;oBAASkB;iBAAM;gBAE3F,MAAMC,SAASnB,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,IAAI;gBACjD,IAAIS,OAAO,MAAM,GAAGC,KAAK,GAAG,CAAC,GAAGrB,WAC9B,KAAK,MAAMW,QAAQS,OAAO,KAAK,CAAC,GAAGA,OAAO,MAAM,GAAGC,KAAK,GAAG,CAAC,GAAGrB,WAC7DQ,MAAMG,KAAK,GAAG;gBAClB,OAAOF;YACT;YACA,OAAO;gBACLO;gBACAR;gBACA,SAAS,CAACS,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAU;gBACzD,MAAM,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAO;gBACnD,SAAS,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAU;gBACzD,OAAO,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAQ;YACvD;QACF;IACF;AACF;AACA,MAAMK,UAAU,WAAHA,GAAGC,cAAqD;AAK9D,SAASC,qBAAqB,EAAEC,QAAQ,EAAEzB,WAAW,CAAC,EAA6B;IACxF,MAAM,CAAC0B,MAAM,GAAGC,SAAS,IAAM5B,YAAYC;IAC3C,OAAO,WAAP,GACE,KAACsB,QAAQ,QAAQ;QAAC,OAAOI;;0BACvB,IAACE,kBAAgBA;gBAAC,OAAOF;;YACxBD;;;AAGP;AACO,SAASI,kBAAkB,EAAEJ,QAAQ,EAA4B;IACtE,OAAOK,WAAWR,WAAWG,WAAW,WAAXA,GAAW,IAACD,sBAAoBA;kBAAEC;;AACjE;AACO,SAASM;IACd,MAAML,QAAQI,WAAWR;IACzB,MAAMR,SAASkB;IACf,MAAMC,SAASC,OAAOpB;IACtBmB,OAAO,OAAO,GAAGnB;IACjB,MAAMD,QAAQsB;IACdC,UAAU,IAAMV,OAAO,OAAOb,OAAOC,SAAS;QAACY;QAAOb;QAAOC;KAAO;IACpE,MAAMuB,MAAMC,QAAQ,IAAMZ,OAAO,IAAIb,OAAO,IAAMoB,OAAO,OAAO,GAAG;QAACP;QAAOb;KAAM;IACjF,IAAI,CAACwB,KAAK,MAAM,IAAIE,MAAM;IAC1B,OAAOF;AACT;AACA,SAAST,iBAAiB,EAAEF,KAAK,EAA6C;IAC5E,MAAMzB,UAAUuC,qBAAqBd,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAM5B;IAC/E,IAAI,CAACG,QAAQ,MAAM,EAAE,OAAO;IAC5B,OAAO,WAAP,GACE,IAACwC,cAAYA;kBACT;YAAC;YAAa;YAAY;YAAgB;SAAc,CAAW,GAAG,CAAC,CAACC,YAAAA,WAAAA,GACxE,IAAC;gBAEC,WAAW,CAAC,mDAAmD,EAAEA,WAAW;0BAE3EzC,QACE,MAAM,CAAC,CAACkB,QAAWA,AAAAA,CAAAA,MAAM,SAAS,IAAI,WAAU,MAAOuB,WACvD,GAAG,CAAC,CAACvB,QAAAA,WAAAA,GACJ,IAACwB,kBAAgBA;wBAEf,OAAOxB;wBACP,OAAO,IAAMO,MAAM,KAAK,CAACP,MAAM,GAAG;wBAClC,QAAQ,IAAMO,MAAM,MAAM,CAACP,MAAM,GAAG;uBAH/BA,MAAM,GAAG;eAPfuB;;AAiBf;AACO,SAASE,aAAa,EAAE5B,IAAI,EAAE6B,UAAU,EAAEC,OAAO,EAAE,GAAG7B,SAA4B;IACvF,OAAO,WAAP,GACE,IAACwB,cAAYA;kBACX,kBAAC;YACC,WAAW,CAAC,mDAAmD,EAAExB,QAAQ,SAAS,IAAI,aAAa;sBAEnG,kBAAC0B,kBAAgBA;gBACf,OAAO;oBAAE,GAAG1B,OAAO;oBAAE,KAAK;oBAAUD;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAM8B;gBACb,QAAQ,IAAMD;;;;AAKxB;AACA,SAASF,iBAAiB,EACxBxB,KAAK,EACLX,KAAK,EACLuC,MAAM,EAKP;IACC,MAAMC,YAAYhB;IAClB,MAAMlB,SAASK,MAAM,MAAM,IAAI6B;IAC/B,MAAMC,MAAMf,OAAuB;IACnC,MAAMgB,OAAOhB,OAAwB;IACrC,MAAMiB,UAAUC,YAAYjC,MAAM,IAAI,EAAE8B;IACxC,MAAMI,OAAOlC,MAAM,IAAI,IAAI;IAC3BmC,qBAAqBJ,MAAM,GAAG/B,MAAM,IAAI,CAAC,CAAC,EAAEkC,MAAM;IAClD,MAAM,CAACE,OAAOC,SAAS,GAAG7B,SAAS;IACnC,MAAM,CAAC8B,OAAOC,SAAS,GAAG/B,SAAS;IACnC,MAAMgC,WAAWxC,MAAM,QAAQ,IAAI;IACnC,MAAMyC,YAAY1B,OAAOyB,AAAW,OAAXA;IACzB,MAAME,QAAQ3B,OAAO;QAAE,MAAMf,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;QAAEwC;IAAS;IAC5EvB,UAAU;QACR,IACEyB,MAAM,OAAO,CAAC,QAAQ,KAAK1C,MAAM,QAAQ,IACzC0C,MAAM,OAAO,CAAC,QAAQ,KAAKF,YAC1BxC,MAAM,IAAI,IAAI,CAAC0C,MAAM,OAAO,CAAC,IAAI,EAElCD,UAAU,OAAO,GAAGD,AAAW,OAAXA;QACtBE,MAAM,OAAO,GAAG;YAAE,MAAM1C,MAAM,IAAI;YAAE,UAAUA,MAAM,QAAQ;YAAEwC;QAAS;QACvE,IAAI,CAACxC,MAAM,IAAI,IAAIoC,SAASE,SAASE,YAAY,GAAG;QACpD,MAAMG,UAAUC,KAAK,GAAG;QACxB,MAAMC,QAAQC,WAAWzD,OAAOoD,UAAU,OAAO;QACjD,OAAO;YACLM,aAAaF;YACbJ,UAAU,OAAO,GAAGvC,KAAK,GAAG,CAAC,GAAGuC,UAAU,OAAO,GAAIG,CAAAA,KAAK,GAAG,KAAKD,OAAM;QAC1E;IACF,GAAG;QAAC3C,MAAM,IAAI;QAAEA,MAAM,QAAQ;QAAEwC;QAAUJ;QAAOE;QAAOjD;KAAM;IAC9D,MAAM2D,WAAWjC,OAAOiB;IACxBf,UAAU;QACR,IAAI+B,SAAS,OAAO,IAAI,CAAChB,SAASJ;QAClCoB,SAAS,OAAO,GAAGhB;IACrB,GAAG;QAACA;QAASJ;KAAO;IACpB,IAAI,CAACI,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,IAACiB,cAAc,QAAQ;QAAC,OAAOtD;kBAC7B,kBAAC;YACC,KAAKmC;YACL,WAAU;YACV,cAAY9B,MAAM,IAAI,GAAG,SAAS;YAClC,OAAOA,MAAM,MAAM,GAAGkD,mBAAmBvD,OAAO,KAAK,IAAIF;YACxD,GAAG0D,WAAW,CAACnD,MAAM,IAAI,CAAC;YAC3B,eAAa,CAACA,MAAM,IAAI,IAAIP;sBAE5B,kBAAC;gBAAI,WAAU;0BAEb,mBAAC;oBACC,WAAW,CAAC,qCAAqC,EAAEyC,MAAM;oBACzD,MAAMA,AAAS,YAATA,QAAoBA,AAAS,cAATA,OAAqB,UAAU;oBACzD,gBAAgB,IAAMG,SAAS;oBAC/B,gBAAgB,IAAMA,SAAS;oBAC/B,SAAS,IAAME,SAAS;oBACxB,QAAQ,CAACa;wBACP,IAAI,CAACA,MAAM,aAAa,CAAC,QAAQ,CAACA,MAAM,aAAa,GAAGb,SAAS;oBACnE;;sCAEA,IAAC;4BAAK,KAAKR;4BAAM,WAAU;4BAA0B,eAAY;sCAC9D/B,MAAM,IAAI,IAAI,WAAJ,GAAI,IAACqD,cAAYA;gCAAC,MAAMnB;;;sCAErC,KAAC;4BAAI,WAAU;;8CACb,KAAC;oCAAI,WAAU;;sDACb,IAAC;4CAAI,WAAU;sDAA4BlC,MAAM,KAAK;;wCAClC,UAAnBA,MAAM,QAAQ,IAAc,WAAT,GAClB,IAAC;4CACC,MAAK;4CACL,WAAU;4CACV,cAAYL,OAAO,QAAQ,CAAC,KAAK;4CACjC,SAASN;sDAET,kBAACiE,GAACA;gDAAC,MAAM;gDAAI,eAAY;;;;;gCAI9BtD,MAAM,WAAW,IAAI,WAAJ,GAChB,IAAC;oCAAI,WAAU;8CAAkCA,MAAM,WAAW;;gCAEnEA,MAAM,OAAO,IAAI,WAAJ,GAAI,IAAC;oCAAI,WAAU;8CAA8BA,MAAM,OAAO;;;;;;;;;AAO1F"}
+{"version":3,"file":"notification/notification.js","sources":["../../../../../src/notification/notification.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { FeedbackIcon, type FeedbackType } from '../alert/alert';\nimport {\n  ComponentDefaultsContext,\n  type LeafComponentDefaults,\n  mergeComponentProps,\n  useComponentProps,\n} from '../config-provider/component-defaults';\nimport { ConfigContext, type LeafConfig, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { leafThemeVariables } from '../theme';\nexport interface NotificationOptions {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  duration?: number;\n  placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface NotificationApi {\n  open: (options: NotificationOptions) => string;\n  success: (options: Omit<NotificationOptions, 'type'>) => string;\n  info: (options: Omit<NotificationOptions, 'type'>) => string;\n  warning: (options: Omit<NotificationOptions, 'type'>) => string;\n  error: (options: Omit<NotificationOptions, 'type'>) => string;\n  close: (key?: string) => void;\n}\nexport interface NotificationProps extends Omit<NotificationOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\ninterface Entry extends NotificationOptions {\n  key: string;\n  open: boolean;\n  revision: number;\n  scope?: string;\n  config?: LeafConfig;\n  components?: LeafComponentDefaults;\n}\nconst empty: readonly Entry[] = [];\nfunction createStore(maxCount: number) {\n  let entries = empty;\n  let sequence = 0;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly Entry[]) => {\n    entries = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (key?: string) => {\n    const closing = entries.filter((item) => item.open && (key === undefined || item.key === key));\n    if (!closing.length) return;\n    publish(entries.map((item) => (closing.includes(item) ? { ...item, open: false } : item)));\n    for (const item of closing) item.onClose?.();\n  };\n  return {\n    getSnapshot: () => entries,\n    subscribe: (listener: () => void) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) entries = empty;\n      };\n    },\n    close,\n    remove: (key: string) => publish(entries.filter((item) => item.key !== key || item.open)),\n    update: (scope: string, config: LeafConfig, components?: LeafComponentDefaults) => {\n      if (\n        entries.some(\n          (item) =>\n            item.scope === scope && (item.config !== config || item.components !== components),\n        )\n      )\n        publish(\n          entries.map((item) => (item.scope === scope ? { ...item, config, components } : item)),\n        );\n    },\n    api: (\n      scope: string,\n      getConfig: () => LeafConfig,\n      getComponents: () => LeafComponentDefaults,\n    ): NotificationApi => {\n      const open = (rawOptions: NotificationOptions) => {\n        const components = getComponents();\n        const options = mergeComponentProps<NotificationOptions>(\n          components.Notification,\n          rawOptions,\n        );\n        const key = options.key ?? `leaf-notification-${++sequence}`;\n        const existing = entries.find((item) => item.key === key);\n        const entry: Entry = {\n          ...options,\n          key,\n          scope,\n          config: getConfig(),\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        const active = entries.filter((item) => item.open);\n        if (active.length > Math.max(1, maxCount))\n          for (const item of active.slice(0, active.length - Math.max(1, maxCount)))\n            close(item.key);\n        return key;\n      };\n      return {\n        open,\n        close,\n        success: (options) => open({ ...options, type: 'success' }),\n        info: (options) => open({ ...options, type: 'info' }),\n        warning: (options) => open({ ...options, type: 'warning' }),\n        error: (options) => open({ ...options, type: 'error' }),\n      };\n    },\n  };\n}\nconst Context = createContext<ReturnType<typeof createStore> | null>(null);\nexport interface NotificationProviderProps {\n  children?: ReactNode;\n  maxCount?: number;\n}\nexport function NotificationProvider({ children, maxCount = 5 }: NotificationProviderProps) {\n  const [store] = useState(() => createStore(maxCount));\n  return (\n    <Context.Provider value={store}>\n      <NotificationHost store={store} />\n      {children}\n    </Context.Provider>\n  );\n}\nexport function NotificationScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <NotificationProvider>{children}</NotificationProvider>;\n}\nexport function useNotification(): NotificationApi {\n  const store = useContext(Context);\n  const config = useLeafConfig();\n  const components = useContext(ComponentDefaultsContext);\n  const latestComponents = useRef(components);\n  latestComponents.current = components;\n  const latest = useRef(config);\n  latest.current = config;\n  const scope = useId();\n  useEffect(() => store?.update(scope, config, components), [store, scope, config, components]);\n  const api = useMemo(\n    () =>\n      store?.api(\n        scope,\n        () => latest.current,\n        () => latestComponents.current,\n      ),\n    [store, scope],\n  );\n  if (!api) throw new Error('useNotification requires ConfigProvider or NotificationProvider.');\n  return api;\n}\nfunction NotificationHost({ store }: { store: ReturnType<typeof createStore> }) {\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => empty);\n  if (!entries.length) return null;\n  return (\n    <ScopedPortal>\n      {(['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const).map((placement) => (\n        <div\n          key={placement}\n          className={`leaf-notification-region leaf-notification-region--${placement}`}\n        >\n          {entries\n            .filter((entry) => (entry.placement ?? 'top-right') === placement)\n            .map((entry) => (\n              <ComponentDefaultsContext.Provider key={entry.key} value={entry.components ?? {}}>\n                <NotificationItem\n                  entry={entry}\n                  close={() => store.close(entry.key)}\n                  remove={() => store.remove(entry.key)}\n                />\n              </ComponentDefaultsContext.Provider>\n            ))}\n        </div>\n      ))}\n    </ScopedPortal>\n  );\n}\nexport function Notification(rawProps: NotificationProps) {\n  const { open, afterClose, onClose, ...options } = useComponentProps('Notification', rawProps);\n  return (\n    <ScopedPortal>\n      <div\n        className={`leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`}\n      >\n        <NotificationItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\nfunction NotificationItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: Entry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const ref = useRef<HTMLDivElement>(null);\n  const icon = useRef<HTMLSpanElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  useContentTransition(icon, `${entry.open}:${type}`);\n  const [hover, setHover] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const duration = entry.duration ?? 4.5;\n  const remaining = useRef(duration * 1000);\n  const cycle = useRef({ open: entry.open, revision: entry.revision, duration });\n  useEffect(() => {\n    if (\n      cycle.current.revision !== entry.revision ||\n      cycle.current.duration !== duration ||\n      (entry.open && !cycle.current.open)\n    )\n      remaining.current = duration * 1000;\n    cycle.current = { open: entry.open, revision: entry.revision, duration };\n    if (!entry.open || hover || focus || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, entry.revision, duration, hover, focus, close]);\n  const previous = useRef(present);\n  useEffect(() => {\n    if (previous.current && !present) remove();\n    previous.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-notification-slot\"\n        data-state={entry.open ? 'open' : 'closing'}\n        style={entry.config ? leafThemeVariables(config.theme) : undefined}\n        {...inertProps(!entry.open)}\n        aria-hidden={!entry.open || undefined}\n      >\n        <div className=\"leaf-notification-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: Pause auto-dismiss while reading or interacting with the notification. */}\n          <div\n            className={`leaf-notification leaf-notification--${type}`}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setFocus(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocus(false);\n            }}\n          >\n            <span ref={icon} className=\"leaf-notification__icon\" aria-hidden=\"true\">\n              {entry.icon ?? <FeedbackIcon type={type} />}\n            </span>\n            <div className=\"leaf-notification__body\">\n              <div className=\"leaf-notification__header\">\n                <div className=\"leaf-notification__title\">{entry.title}</div>\n                {entry.closable !== false && (\n                  <button\n                    type=\"button\"\n                    className=\"leaf-notification__close\"\n                    aria-label={config.messages.common.close}\n                    onClick={close}\n                  >\n                    <X size={16} aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n              {entry.description && (\n                <div className=\"leaf-notification__description\">{entry.description}</div>\n              )}\n              {entry.actions && <div className=\"leaf-notification__actions\">{entry.actions}</div>}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["empty","createStore","maxCount","entries","sequence","listeners","Set","publish","next","listener","close","key","closing","item","undefined","scope","config","components","getConfig","getComponents","open","rawOptions","options","mergeComponentProps","existing","entry","active","Math","Context","createContext","NotificationProvider","children","store","useState","NotificationHost","NotificationScope","useContext","useNotification","useLeafConfig","ComponentDefaultsContext","latestComponents","useRef","latest","useId","useEffect","api","useMemo","Error","useSyncExternalStore","ScopedPortal","placement","NotificationItem","Notification","rawProps","afterClose","onClose","useComponentProps","remove","inherited","ref","icon","present","usePresence","type","useContentTransition","hover","setHover","focus","setFocus","duration","remaining","cycle","started","Date","timer","setTimeout","clearTimeout","previous","ConfigContext","leafThemeVariables","inertProps","event","FeedbackIcon","X"],"mappings":"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"}