@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/message/item.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { FeedbackIcon } from "../alert/alert.js";
+import { ConfigContext, useLeafConfig } from "../config-provider/context.js";
+import { inertProps } from "../shared/inert.js";
+import { usePresence } from "../shared/presence.js";
+import { leafThemeVariables } from "../theme.js";
+function MessageItem({ entry, close, remove }) {
+    const inherited = useLeafConfig();
+    const config = entry.config ?? inherited;
+    const { messages } = config;
+    const variables = useMemo(()=>entry.config ? leafThemeVariables(config.theme) : void 0, [
+        entry.config,
+        config.theme
+    ]);
+    const ref = useRef(null);
+    const present = usePresence(entry.open, ref);
+    const type = entry.type ?? 'info';
+    const [hover, setHover] = useState(false);
+    const duration = entry.duration ?? ('loading' === entry.type ? 0 : 3);
+    const remaining = useRef(1000 * duration);
+    const lastRevision = useRef(entry.revision);
+    const previousCycle = useRef({
+        open: entry.open,
+        duration
+    });
+    useEffect(()=>{
+        if (lastRevision.current !== entry.revision || !previousCycle.current.open && entry.open || previousCycle.current.duration !== duration) {
+            remaining.current = 1000 * duration;
+            lastRevision.current = entry.revision;
+        }
+        previousCycle.current = {
+            open: entry.open,
+            duration
+        };
+        if (!entry.open || hover || duration <= 0) return;
+        const started = Date.now();
+        const timer = setTimeout(close, remaining.current);
+        return ()=>{
+            clearTimeout(timer);
+            remaining.current = Math.max(0, remaining.current - (Date.now() - started));
+        };
+    }, [
+        entry.open,
+        duration,
+        hover,
+        close,
+        entry.revision
+    ]);
+    const wasPresent = useRef(present);
+    useEffect(()=>{
+        if (wasPresent.current && !present) remove();
+        wasPresent.current = present;
+    }, [
+        present,
+        remove
+    ]);
+    if (!present) return null;
+    return /*#__PURE__*/ jsx(ConfigContext.Provider, {
+        value: config,
+        children: /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            className: "leaf-message-slot",
+            lang: entry.config?.locale,
+            "data-leaf-theme": entry.config?.theme.appearance,
+            style: variables,
+            "data-state": entry.open ? 'open' : 'closing',
+            "aria-hidden": !entry.open || void 0,
+            ...inertProps(!entry.open),
+            children: /*#__PURE__*/ jsx("div", {
+                className: "leaf-message-slot__content",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: `leaf-message leaf-message--${type}`,
+                    "data-state": entry.open ? 'open' : 'closing',
+                    role: 'error' === type || 'warning' === type ? 'alert' : 'status',
+                    onPointerEnter: ()=>setHover(true),
+                    onPointerLeave: ()=>setHover(false),
+                    onFocus: ()=>setHover(true),
+                    onBlur: (event)=>{
+                        if (!event.currentTarget.contains(event.relatedTarget)) setHover(false);
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: "leaf-message__icon",
+                            "aria-hidden": "true",
+                            children: /*#__PURE__*/ jsx(FeedbackIcon, {
+                                type: type
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            children: entry.content
+                        }),
+                        entry.closable && /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            "aria-label": messages.common.close,
+                            onClick: close,
+                            children: /*#__PURE__*/ jsx(X, {
+                                size: 15,
+                                "aria-hidden": "true"
+                            })
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+export { MessageItem };
+
+//# sourceMappingURL=item.js.map

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

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

package/dist/esm/message/message.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import type { FeedbackType } from '../alert/alert.js';
+export interface MessageOptions {
+    key?: string;
+    content: ReactNode;
+    type?: FeedbackType | 'loading';
+    duration?: number;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export interface MessageApi {
+    open: (options: MessageOptions) => string;
+    success: (content: ReactNode, duration?: number) => string;
+    info: (content: ReactNode, duration?: number) => string;
+    warning: (content: ReactNode, duration?: number) => string;
+    error: (content: ReactNode, duration?: number) => string;
+    loading: (content: ReactNode) => string;
+    close: (key?: string) => void;
+}
+export interface MessageProps extends Omit<MessageOptions, 'key'> {
+    open: boolean;
+    afterClose?: () => void;
+}
+export declare function Message(rawProps: MessageProps): import("react").JSX.Element;
+/** Entry providers render one queue; consumers receive the scoped message API. */
+export declare function useMessage(): {
+    message: MessageApi;
+};
+//# sourceMappingURL=message.d.ts.map

package/dist/esm/message/message.d.ts.map

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

package/dist/esm/message/message.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useId, useMemo, useRef } from "react";
+import { ComponentDefaultsContext, useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { ScopedPortal } from "../shared/scoped-portal.js";
+import { MessageItem } from "./item.js";
+import { MessageContext } from "./store.js";
+function Message(rawProps) {
+    const { open, afterClose, onClose, ...options } = useComponentProps('Message', rawProps);
+    return /*#__PURE__*/ jsx(ScopedPortal, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "leaf-message-region",
+            children: /*#__PURE__*/ jsx(MessageItem, {
+                entry: {
+                    ...options,
+                    key: 'single',
+                    open,
+                    revision: 0
+                },
+                close: ()=>onClose?.(),
+                remove: ()=>afterClose?.()
+            })
+        })
+    });
+}
+function useMessage() {
+    const store = useContext(MessageContext);
+    const config = useLeafConfig();
+    const components = useContext(ComponentDefaultsContext);
+    const currentComponents = useRef(components);
+    currentComponents.current = components;
+    const currentConfig = useRef(config);
+    currentConfig.current = config;
+    const scope = useId();
+    const message = useMemo(()=>store?.api(scope, ()=>currentConfig.current, ()=>currentComponents.current), [
+        store,
+        scope
+    ]);
+    useEffect(()=>{
+        store?.updateScope(scope, config, components);
+    }, [
+        store,
+        scope,
+        config,
+        components
+    ]);
+    const result = useMemo(()=>message ? {
+            message
+        } : void 0, [
+        message
+    ]);
+    if (!result) throw new Error('useMessage requires ConfigProvider or MessageProvider.');
+    return result;
+}
+export { Message, useMessage };
+
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +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 { 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/message/provider.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import { type MessageStore } from './store.js';
+export interface MessageProviderProps {
+    children?: ReactNode;
+}
+/** Use a separate message queue when an application has no ConfigProvider or needs isolation. */
+export declare function MessageProvider({ children }: MessageProviderProps): import("react").JSX.Element;
+/** Nested ConfigProviders keep the application queue and supply per-message settings. */
+export declare function MessageScope({ children }: MessageProviderProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare function MessageHost({ store }: {
+    store: MessageStore;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=provider.d.ts.map

package/dist/esm/message/provider.d.ts.map

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

package/dist/esm/message/provider.js

@@ -0,0 +1,51 @@
+"use client";
+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";
+import { MessageContext, createMessageStore, emptyMessages } from "./store.js";
+function MessageProvider({ children }) {
+    const [store] = useState(createMessageStore);
+    return /*#__PURE__*/ jsxs(MessageContext.Provider, {
+        value: store,
+        children: [
+            /*#__PURE__*/ jsx(MessageHost, {
+                store: store
+            }),
+            children
+        ]
+    });
+}
+function MessageScope({ children }) {
+    const store = useContext(MessageContext);
+    return store ? children : /*#__PURE__*/ jsx(MessageProvider, {
+        children: children
+    });
+}
+function MessageHost({ store }) {
+    const config = useLeafConfig();
+    const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, ()=>emptyMessages);
+    if (!entries.length) return null;
+    const zIndex = Math.max(...entries.map((entry)=>entry.config?.theme.tokens?.messageZIndex ?? config.theme.tokens?.messageZIndex ?? 1200));
+    return /*#__PURE__*/ jsx(ScopedPortal, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "leaf-message-region",
+            style: {
+                zIndex
+            },
+            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))
+        })
+    });
+}
+export { MessageHost, MessageProvider, MessageScope };
+
+//# sourceMappingURL=provider.js.map

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

@@ -0,0 +1 @@
+{"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/message/store.d.ts

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

package/dist/esm/message/store.d.ts.map

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

package/dist/esm/message/store.js

@@ -0,0 +1,107 @@
+"use client";
+import { createContext } from "react";
+import { mergeComponentProps } from "../config-provider/component-defaults.js";
+const emptyMessages = [];
+function createMessageStore() {
+    let entries = emptyMessages;
+    let sequence = 0;
+    let available = true;
+    const listeners = new Set();
+    const publish = (next)=>{
+        entries = next;
+        for (const listener of listeners)listener();
+    };
+    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);
+        const entry = {
+            ...options,
+            key,
+            scope,
+            config,
+            components,
+            open: true,
+            revision: (existing?.revision ?? 0) + 1
+        };
+        publish(existing ? entries.map((item)=>item.key === key ? entry : item) : [
+            ...entries,
+            entry
+        ]);
+        return key;
+    };
+    const close = (key)=>{
+        const closing = entries.filter((entry)=>entry.open && (void 0 === key || entry.key === key));
+        if (!closing.length) return;
+        publish(entries.map((entry)=>closing.includes(entry) ? {
+                ...entry,
+                open: false
+            } : entry));
+        for (const entry of closing)entry.onClose?.();
+    };
+    return {
+        getSnapshot: ()=>entries,
+        subscribe: (listener)=>{
+            available = true;
+            listeners.add(listener);
+            return ()=>{
+                listeners.delete(listener);
+                if (!listeners.size) {
+                    available = false;
+                    entries = emptyMessages;
+                }
+            };
+        },
+        close,
+        remove: (key)=>{
+            publish(entries.filter((entry)=>entry.key !== key || entry.open));
+        },
+        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,
+                    components
+                } : entry));
+        },
+        api: (scope, getConfig, getComponents)=>{
+            const show = (options)=>{
+                const components = getComponents?.();
+                return open(mergeComponentProps(components?.Message, options), scope, getConfig?.(), components);
+            };
+            return {
+                open: show,
+                close,
+                success: (content, duration)=>show({
+                        content,
+                        duration,
+                        type: 'success'
+                    }),
+                info: (content, duration)=>show({
+                        content,
+                        duration,
+                        type: 'info'
+                    }),
+                warning: (content, duration)=>show({
+                        content,
+                        duration,
+                        type: 'warning'
+                    }),
+                error: (content, duration)=>show({
+                        content,
+                        duration,
+                        type: 'error'
+                    }),
+                loading: (content)=>show({
+                        content,
+                        duration: 0,
+                        type: 'loading'
+                    })
+            };
+        }
+    };
+}
+const MessageContext = createContext(null);
+export { MessageContext, createMessageStore, emptyMessages };
+
+//# sourceMappingURL=store.js.map

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

@@ -0,0 +1 @@
+{"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/modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { ModalFooterActions, ModalProps } from './modal.js';
+export { Modal } from './modal.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/modal/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Modal } from "./modal.js";

package/dist/esm/modal/modal.d.ts

@@ -0,0 +1,38 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type ButtonProps } from '../button/button.js';
+import { type DialogFocusOptions } from '../shared/dialog.js';
+export interface ModalFooterActions {
+    confirmButton: ReactNode;
+    cancelButton: ReactNode;
+}
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, DialogFocusOptions {
+    open: boolean;
+    title?: ReactNode;
+    /** Supporting text displayed below the title. */
+    description?: ReactNode;
+    /** Decorative header icon. */
+    icon?: ReactNode;
+    /** Separate the header and footer with subtle borders. */
+    divided?: boolean;
+    footer?: ReactNode | ((actions: ModalFooterActions) => ReactNode);
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    confirmLoading?: boolean;
+    confirmButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    width?: number | string;
+    closable?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
+    preserve?: boolean;
+    container?: Element | DocumentFragment | (() => Element | DocumentFragment);
+}
+export declare function ModalBase(props: ModalProps): import("react").JSX.Element;
+export declare function Modal(rawProps: ModalProps): import("react").JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/dist/esm/modal/modal.d.ts.map

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