@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/browser/modules/notification/notification.cjs

@@ -0,0 +1,326 @@
+"use client";
+"use strict";
+require('../../../styles/components/notification.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Notification: ()=>Notification,
+    NotificationProvider: ()=>NotificationProvider,
+    NotificationScope: ()=>NotificationScope,
+    useNotification: ()=>useNotification
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const alert_cjs_namespaceObject = require("../alert/alert.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+const empty = [];
+function createStore(maxCount) {
+    let entries = empty;
+    let sequence = 0;
+    const listeners = new Set();
+    const publish = (next)=>{
+        entries = next;
+        for (const listener of listeners)listener();
+    };
+    const close = (key)=>{
+        const closing = entries.filter((item)=>item.open && (void 0 === key || item.key === key));
+        if (!closing.length) return;
+        publish(entries.map((item)=>closing.includes(item) ? {
+                ...item,
+                open: false
+            } : item));
+        for (const item of closing)item.onClose?.();
+    };
+    return {
+        getSnapshot: ()=>entries,
+        subscribe: (listener)=>{
+            listeners.add(listener);
+            return ()=>{
+                listeners.delete(listener);
+                if (!listeners.size) entries = empty;
+            };
+        },
+        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 ? {
+                    ...item,
+                    config
+                } : item));
+        },
+        api: (scope, getConfig)=>{
+            const open = (options)=>{
+                const key = options.key ?? `leaf-notification-${++sequence}`;
+                const existing = entries.find((item)=>item.key === key);
+                const entry = {
+                    ...options,
+                    key,
+                    scope,
+                    config: getConfig(),
+                    open: true,
+                    revision: (existing?.revision ?? 0) + 1
+                };
+                publish(existing ? entries.map((item)=>item.key === key ? entry : item) : [
+                    ...entries,
+                    entry
+                ]);
+                const active = entries.filter((item)=>item.open);
+                if (active.length > Math.max(1, maxCount)) for (const item of active.slice(0, active.length - Math.max(1, maxCount)))close(item.key);
+                return key;
+            };
+            return {
+                open,
+                close,
+                success: (options)=>open({
+                        ...options,
+                        type: 'success'
+                    }),
+                info: (options)=>open({
+                        ...options,
+                        type: 'info'
+                    }),
+                warning: (options)=>open({
+                        ...options,
+                        type: 'warning'
+                    }),
+                error: (options)=>open({
+                        ...options,
+                        type: 'error'
+                    })
+            };
+        }
+    };
+}
+const Context = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+function NotificationProvider({ children, maxCount = 5 }) {
+    const [store] = (0, external_react_namespaceObject.useState)(()=>createStore(maxCount));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Context.Provider, {
+        value: store,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationHost, {
+                store: store
+            }),
+            children
+        ]
+    });
+}
+function NotificationScope({ children }) {
+    return (0, external_react_namespaceObject.useContext)(Context) ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationProvider, {
+        children: children
+    });
+}
+function useNotification() {
+    const store = (0, external_react_namespaceObject.useContext)(Context);
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const latest = (0, external_react_namespaceObject.useRef)(config);
+    latest.current = config;
+    const scope = (0, external_react_namespaceObject.useId)();
+    (0, external_react_namespaceObject.useEffect)(()=>store?.update(scope, config), [
+        store,
+        scope,
+        config
+    ]);
+    const api = (0, external_react_namespaceObject.useMemo)(()=>store?.api(scope, ()=>latest.current), [
+        store,
+        scope
+    ]);
+    if (!api) throw new Error('useNotification requires ConfigProvider or NotificationProvider.');
+    return api;
+}
+function NotificationHost({ store }) {
+    const entries = (0, external_react_namespaceObject.useSyncExternalStore)(store.subscribe, store.getSnapshot, ()=>empty);
+    if (!entries.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        children: [
+            'top-right',
+            'top-left',
+            'bottom-right',
+            'bottom-left'
+        ].map((placement)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: `leaf-notification-region leaf-notification-region--${placement}`,
+                children: entries.filter((entry)=>(entry.placement ?? 'top-right') === placement).map((entry)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationItem, {
+                        entry: entry,
+                        close: ()=>store.close(entry.key),
+                        remove: ()=>store.remove(entry.key)
+                    }, entry.key))
+            }, placement))
+    });
+}
+function Notification({ open, afterClose, onClose, ...options }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: `leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotificationItem, {
+                entry: {
+                    ...options,
+                    key: 'single',
+                    open,
+                    revision: 0
+                },
+                close: ()=>onClose?.(),
+                remove: ()=>afterClose?.()
+            })
+        })
+    });
+}
+function NotificationItem({ entry, close, remove }) {
+    const inherited = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const config = entry.config ?? inherited;
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const icon = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(entry.open, ref);
+    const type = entry.type ?? 'info';
+    (0, presence_cjs_namespaceObject.useContentTransition)(icon, `${entry.open}:${type}`);
+    const [hover, setHover] = (0, external_react_namespaceObject.useState)(false);
+    const [focus, setFocus] = (0, external_react_namespaceObject.useState)(false);
+    const duration = entry.duration ?? 4.5;
+    const remaining = (0, external_react_namespaceObject.useRef)(1000 * duration);
+    const cycle = (0, external_react_namespaceObject.useRef)({
+        open: entry.open,
+        revision: entry.revision,
+        duration
+    });
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (cycle.current.revision !== entry.revision || cycle.current.duration !== duration || entry.open && !cycle.current.open) remaining.current = 1000 * duration;
+        cycle.current = {
+            open: entry.open,
+            revision: entry.revision,
+            duration
+        };
+        if (!entry.open || hover || focus || 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,
+        entry.revision,
+        duration,
+        hover,
+        focus,
+        close
+    ]);
+    const previous = (0, external_react_namespaceObject.useRef)(present);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (previous.current && !present) remove();
+        previous.current = present;
+    }, [
+        present,
+        remove
+    ]);
+    if (!present) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_cjs_namespaceObject.ConfigContext.Provider, {
+        value: config,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            className: "leaf-notification-slot",
+            "data-state": entry.open ? 'open' : 'closing',
+            style: entry.config ? (0, external_theme_cjs_namespaceObject.leafThemeVariables)(config.theme) : void 0,
+            ...(0, inert_cjs_namespaceObject.inertProps)(!entry.open),
+            "aria-hidden": !entry.open || void 0,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-notification-slot__content",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: `leaf-notification leaf-notification--${type}`,
+                    role: 'error' === type || 'warning' === type ? 'alert' : 'status',
+                    onPointerEnter: ()=>setHover(true),
+                    onPointerLeave: ()=>setHover(false),
+                    onFocus: ()=>setFocus(true),
+                    onBlur: (event)=>{
+                        if (!event.currentTarget.contains(event.relatedTarget)) setFocus(false);
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            ref: icon,
+                            className: "leaf-notification__icon",
+                            "aria-hidden": "true",
+                            children: entry.icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(alert_cjs_namespaceObject.FeedbackIcon, {
+                                type: type
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "leaf-notification__body",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: "leaf-notification__header",
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                            className: "leaf-notification__title",
+                                            children: entry.title
+                                        }),
+                                        false !== entry.closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                            type: "button",
+                                            className: "leaf-notification__close",
+                                            "aria-label": config.messages.close,
+                                            onClick: close,
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                                size: 16,
+                                                "aria-hidden": "true"
+                                            })
+                                        })
+                                    ]
+                                }),
+                                entry.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: "leaf-notification__description",
+                                    children: entry.description
+                                }),
+                                entry.actions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: "leaf-notification__actions",
+                                    children: entry.actions
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+}
+exports.Notification = __webpack_exports__.Notification;
+exports.NotificationProvider = __webpack_exports__.NotificationProvider;
+exports.NotificationScope = __webpack_exports__.NotificationScope;
+exports.useNotification = __webpack_exports__.useNotification;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Notification",
+    "NotificationProvider",
+    "NotificationScope",
+    "useNotification"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=notification.cjs.map

package/dist/cjs/browser/modules/notification/notification.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification/notification.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/notification/notification.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport {\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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","empty","createStore","maxCount","entries","sequence","listeners","Set","publish","next","listener","close","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":"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"}

package/dist/cjs/browser/modules/pagination/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Pagination: ()=>external_pagination_cjs_namespaceObject.Pagination
+});
+const external_pagination_cjs_namespaceObject = require("./pagination.cjs");
+exports.Pagination = __webpack_exports__.Pagination;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Pagination"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/pagination/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/pagination/pagination.cjs

@@ -0,0 +1,234 @@
+"use client";
+"use strict";
+require('../../../styles/components/pagination.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Pagination: ()=>Pagination
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const index_cjs_namespaceObject = require("../inputnumber/index.cjs");
+const external_select_index_cjs_namespaceObject = require("../select/index.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
+const positiveInteger = (value)=>Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;
+function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageSize = 10, onChange, showSizeChanger = false, pageSizeOptions = [
+    10,
+    20,
+    50,
+    100
+], showQuickJumper = false, showTotal, simple = false, disabled = false, hideOnSinglePage = false, size = 'md', className, 'aria-label': label, ...props }) {
+    const { messages, direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const indicator = (0, external_react_namespaceObject.useRef)(null);
+    const jumpId = `${(0, external_react_namespaceObject.useId)()}-jump`;
+    const [internalPage, setPage] = (0, external_react_namespaceObject.useState)(defaultCurrent);
+    const [internalSize, setSize] = (0, external_react_namespaceObject.useState)(defaultPageSize);
+    const [jump, setJump] = (0, external_react_namespaceObject.useState)(null);
+    const count = Math.max(0, Number.isFinite(total) ? Math.floor(total) : 0);
+    const perPage = positiveInteger(pageSize ?? internalSize);
+    const pages = Math.max(1, Math.ceil(count / perPage));
+    const page = Math.min(pages, positiveInteger(current ?? internalPage));
+    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, indicator, '[aria-current="page"]', `${page}-${pages}-${simple}-${direction}`, !hideOnSinglePage || 1 !== pages);
+    const choose = (next, nextSize = perPage)=>{
+        if (disabled) return;
+        const normalizedSize = positiveInteger(nextSize);
+        const normalizedPage = Math.min(Math.max(1, Math.ceil(count / normalizedSize)), positiveInteger(next));
+        if (void 0 === current) setPage(normalizedPage);
+        if (void 0 === pageSize) setSize(normalizedSize);
+        if (normalizedPage !== page || normalizedSize !== perPage) onChange?.(normalizedPage, normalizedSize);
+    };
+    const candidates = pages <= 7 ? Array.from({
+        length: pages
+    }, (_, i)=>i + 1) : [
+        ...new Set([
+            1,
+            pages,
+            ...Array.from({
+                length: 3
+            }, (_, i)=>Math.min(pages - 1, Math.max(2, page - 1 + i))),
+            ...page <= 3 ? [
+                2,
+                3,
+                4
+            ] : [],
+            ...page >= pages - 2 ? [
+                pages - 3,
+                pages - 2,
+                pages - 1
+            ] : []
+        ])
+    ].sort((a, b)=>a - b);
+    const options = [
+        ...new Set([
+            ...pageSizeOptions.map(positiveInteger),
+            perPage
+        ])
+    ].sort((a, b)=>a - b);
+    if (hideOnSinglePage && 1 === pages) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("nav", {
+        ...props,
+        ref: root,
+        "aria-label": label ?? messages.pagination,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-pagination', `leaf-pagination--${size}`, className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                ref: indicator,
+                className: "leaf-pagination__indicator",
+                "aria-hidden": "true"
+            }),
+            showTotal && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-pagination__total",
+                children: showTotal(count, [
+                    0 === count ? 0 : (page - 1) * perPage + 1,
+                    Math.min(count, page * perPage)
+                ])
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                disabled: disabled || 1 === page,
+                "aria-label": messages.previousPage,
+                onClick: ()=>choose(page - 1),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeft, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            simple ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: "leaf-pagination__simple",
+                children: [
+                    page,
+                    " / ",
+                    pages
+                ]
+            }) : candidates.map((number, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                    className: "leaf-pagination__entry",
+                    children: [
+                        index > 0 && number - (candidates[index - 1] ?? 0) > 1 && (number - (candidates[index - 1] ?? 0) === 2 ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "button",
+                            disabled: disabled,
+                            "aria-label": `${messages.page} ${number - 1}`,
+                            onClick: ()=>choose(number - 1),
+                            children: number - 1
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                            type: "button",
+                            className: "leaf-pagination__jump",
+                            disabled: disabled,
+                            "aria-label": number > page ? messages.pageForward : messages.pageBack,
+                            onClick: ()=>choose(page + (number > page ? 5 : -5)),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    "aria-hidden": "true",
+                                    children: "…"
+                                }),
+                                number > page ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsRight, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsLeft, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                })
+                            ]
+                        })),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "button",
+                            "aria-label": `${messages.page} ${number}`,
+                            "aria-current": number === page ? 'page' : void 0,
+                            "data-leaf-indicator-item": "",
+                            disabled: disabled,
+                            onClick: ()=>choose(number),
+                            children: number
+                        })
+                    ]
+                }, number)),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                disabled: disabled || page === pages,
+                "aria-label": messages.nextPage,
+                onClick: ()=>choose(page + 1),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            showSizeChanger && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_index_cjs_namespaceObject.Select, {
+                size: size,
+                className: "leaf-pagination__size",
+                "aria-label": messages.pageSize,
+                disabled: disabled,
+                value: String(perPage),
+                popupWidth: "auto",
+                popupMaxWidth: 240,
+                options: options.map((number)=>({
+                        value: String(number),
+                        label: `${number} ${messages.itemsPerPage}`
+                    })),
+                onChange: (next)=>choose(Math.floor((page - 1) * perPage / Number(next)) + 1, Number(next))
+            }),
+            showQuickJumper && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", {
+                className: "leaf-pagination__jumper",
+                htmlFor: jumpId,
+                children: [
+                    messages.jumpTo,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.InputNumber, {
+                        id: jumpId,
+                        "aria-label": messages.jumpTo,
+                        size: size,
+                        min: 1,
+                        max: pages,
+                        precision: 0,
+                        controls: false,
+                        disabled: disabled,
+                        value: jump,
+                        onChange: setJump,
+                        onKeyDown: (event)=>{
+                            if ('Enter' === event.key && !event.nativeEvent.isComposing && event.currentTarget.value.trim() && Number.isFinite(Number(event.currentTarget.value))) {
+                                event.preventDefault();
+                                choose(Number(event.currentTarget.value));
+                                setJump(Math.min(pages, positiveInteger(Number(event.currentTarget.value))));
+                            }
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.Pagination = __webpack_exports__.Pagination;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Pagination"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=pagination.cjs.map