@ifhover/leaf-ui 0.0.0-stage → 0.6.0

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

@@ -0,0 +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 {\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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"}

package/dist/esm/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export type { PaginationProps } from './pagination.js';
+export { Pagination } from './pagination.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/pagination/index.js

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

package/dist/esm/pagination/pagination.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ControlSize } from '../shared/types.js';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    total: number;
+    current?: number;
+    defaultCurrent?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    onChange?: (page: number, pageSize: number) => void;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: readonly number[];
+    showQuickJumper?: boolean;
+    showTotal?: boolean | ((total: number, range: readonly [number, number]) => ReactNode);
+    simple?: boolean;
+    disabled?: boolean;
+    hideOnSinglePage?: boolean;
+    size?: ControlSize;
+    variant?: 'outline' | 'ghost';
+}
+export declare function PaginationControl({ total, current, defaultCurrent, pageSize, defaultPageSize, onChange, showSizeChanger, pageSizeOptions, showQuickJumper, showTotal, simple, disabled, hideOnSinglePage, size, variant, className, dir, 'aria-label': label, ...props }: PaginationProps): import("react").JSX.Element | null;
+export declare function Pagination(rawProps: PaginationProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAMrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAGD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,cAAkB,EAClB,QAAQ,EACR,eAAoB,EACpB,QAAQ,EACR,eAAuB,EACvB,eAAmC,EACnC,eAAuB,EACvB,SAAiB,EACjB,MAAc,EACd,QAAgB,EAChB,gBAAwB,EACxB,IAAW,EACX,OAAmB,EACnB,SAAS,EACT,GAAG,EACH,YAAY,EAAE,KAAK,EACnB,GAAG,KAAK,EACT,EAAE,eAAe,sCA6NjB;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,eAAe,+BAGnD"}

package/dist/esm/pagination/pagination.js

@@ -0,0 +1,240 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { InputNumberControl } from "../inputnumber/inputnumber.js";
+import { SelectControl } from "../select/select.js";
+import { classes } from "../shared/classes.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
+import { useMovingIndicator } from "../tabs/use-moving-indicator.js";
+const positiveInteger = (value)=>Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;
+function PaginationControl({ total, current, defaultCurrent = 1, pageSize, defaultPageSize = 10, onChange, showSizeChanger = false, pageSizeOptions = [
+    10,
+    20,
+    50,
+    100
+], showQuickJumper = false, showTotal = false, simple = false, disabled = false, hideOnSinglePage = false, size = 'md', variant = 'outline', className, dir, 'aria-label': label, ...props }) {
+    const { messages, direction } = useLeafConfig();
+    const format = useFormattedText();
+    const root = useRef(null);
+    const indicator = useRef(null);
+    const jumpId = `${useId()}-jump`;
+    const [internalPage, setPage] = useState(defaultCurrent);
+    const [internalSize, setSize] = useState(defaultPageSize);
+    const [jump, setJump] = useState(null);
+    const committedJump = useRef(null);
+    const pointerAction = useRef(false);
+    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));
+    useMovingIndicator(root, indicator, '[aria-current="page"]', `${page}-${pages}-${simple}-${variant}-${dir ?? 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 commitJump = (text)=>{
+        if (disabled || !text.trim() || !Number.isFinite(Number(text))) return;
+        const next = Math.min(pages, positiveInteger(Number(text)));
+        if (committedJump.current === next) return;
+        committedJump.current = next;
+        choose(next);
+        setJump(next);
+    };
+    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.filter((value)=>Number.isFinite(value) && value >= 1).map(Math.floor),
+            perPage
+        ])
+    ].sort((a, b)=>a - b);
+    if (hideOnSinglePage && 1 === pages) return null;
+    return /*#__PURE__*/ jsxs("nav", {
+        ...props,
+        ref: root,
+        dir: dir ?? direction,
+        "aria-label": label ?? messages.pagination.label,
+        "data-disabled": disabled ? '' : void 0,
+        className: classes('leaf-pagination', `leaf-pagination--${size}`, `leaf-pagination--${variant}`, className),
+        onPointerDownCapture: (event)=>{
+            pointerAction.current = event.target instanceof Element && null !== event.target.closest('button, [role="combobox"]');
+            props.onPointerDownCapture?.(event);
+        },
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                ref: indicator,
+                className: "leaf-pagination__indicator",
+                "aria-hidden": "true"
+            }),
+            showTotal && /*#__PURE__*/ jsx("span", {
+                className: "leaf-pagination__total",
+                children: 'function' == typeof showTotal ? showTotal(count, [
+                    0 === count ? 0 : (page - 1) * perPage + 1,
+                    Math.min(count, page * perPage)
+                ]) : format('pagination.total', {
+                    total: count
+                })
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                disabled: disabled || 1 === page,
+                "aria-label": messages.pagination.previousPage,
+                onClick: ()=>choose(page - 1),
+                children: /*#__PURE__*/ jsx(ChevronLeft, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            simple ? /*#__PURE__*/ jsxs("span", {
+                className: "leaf-pagination__simple",
+                children: [
+                    page,
+                    " / ",
+                    pages
+                ]
+            }) : candidates.map((number, index)=>/*#__PURE__*/ jsxs("span", {
+                    className: "leaf-pagination__entry",
+                    children: [
+                        index > 0 && number - (candidates[index - 1] ?? 0) > 1 && (number - (candidates[index - 1] ?? 0) === 2 ? /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            disabled: disabled,
+                            "aria-label": format('pagination.pageLabel', {
+                                page: number - 1
+                            }),
+                            onClick: ()=>choose(number - 1),
+                            children: number - 1
+                        }) : /*#__PURE__*/ jsxs("button", {
+                            type: "button",
+                            className: "leaf-pagination__jump",
+                            disabled: disabled,
+                            "aria-label": number > page ? messages.pagination.pageForward : messages.pagination.pageBack,
+                            onClick: ()=>choose(page + (number > page ? 5 : -5)),
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": "true",
+                                    children: "…"
+                                }),
+                                number > page ? /*#__PURE__*/ jsx(ChevronsRight, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                }) : /*#__PURE__*/ jsx(ChevronsLeft, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                })
+                            ]
+                        })),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            "aria-label": format('pagination.pageLabel', {
+                                page: number
+                            }),
+                            "aria-current": number === page ? 'page' : void 0,
+                            "data-leaf-indicator-item": "",
+                            disabled: disabled,
+                            onClick: ()=>choose(number),
+                            children: number
+                        })
+                    ]
+                }, number)),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                disabled: disabled || page === pages,
+                "aria-label": messages.pagination.nextPage,
+                onClick: ()=>choose(page + 1),
+                children: /*#__PURE__*/ jsx(ChevronRight, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            showSizeChanger && /*#__PURE__*/ jsx(SelectControl, {
+                size: size,
+                className: "leaf-pagination__size",
+                "aria-label": messages.pagination.pageSize,
+                disabled: disabled,
+                value: String(perPage),
+                popupWidth: "auto",
+                popupMaxWidth: 240,
+                options: options.map((number)=>({
+                        value: String(number),
+                        label: format('pagination.pageSizeOption', {
+                            count: number
+                        })
+                    })),
+                onChange: (next)=>choose(Math.floor((page - 1) * perPage / Number(next)) + 1, Number(next))
+            }),
+            showQuickJumper && /*#__PURE__*/ jsxs("label", {
+                className: "leaf-pagination__jumper",
+                htmlFor: jumpId,
+                children: [
+                    messages.pagination.jumpTo,
+                    /*#__PURE__*/ jsx(InputNumberControl, {
+                        id: jumpId,
+                        "aria-label": messages.pagination.jumpTo,
+                        size: size,
+                        min: 1,
+                        max: pages,
+                        precision: 0,
+                        controls: false,
+                        disabled: disabled,
+                        value: jump,
+                        onChange: setJump,
+                        onFocus: ()=>{
+                            committedJump.current = null;
+                            pointerAction.current = false;
+                        },
+                        onInput: (event)=>{
+                            if (event.currentTarget.value !== String(committedJump.current)) committedJump.current = null;
+                        },
+                        onBlur: (event)=>{
+                            const action = pointerAction.current;
+                            pointerAction.current = false;
+                            if (action || event.relatedTarget && root.current?.contains(event.relatedTarget)) return;
+                            commitJump(event.currentTarget.value);
+                        },
+                        onKeyDown: (event)=>{
+                            if ('Enter' === event.key && !event.nativeEvent.isComposing && event.currentTarget.value.trim()) {
+                                event.preventDefault();
+                                commitJump(event.currentTarget.value);
+                            }
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Pagination(rawProps) {
+    const props = useComponentProps('Pagination', rawProps);
+    return /*#__PURE__*/ jsx(PaginationControl, {
+        ...props
+    });
+}
+export { Pagination, PaginationControl };
+
+//# sourceMappingURL=pagination.js.map

package/dist/esm/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination/pagination.js","sources":["../../../src/pagination/pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { InputNumberControl as InputNumber } from '../inputnumber/inputnumber';\nimport { SelectControl } from '../select/select';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  total: number;\n  current?: number;\n  defaultCurrent?: number;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onChange?: (page: number, pageSize: number) => void;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: readonly number[];\n  showQuickJumper?: boolean;\n  showTotal?: boolean | ((total: number, range: readonly [number, number]) => ReactNode);\n  simple?: boolean;\n  disabled?: boolean;\n  hideOnSinglePage?: boolean;\n  size?: ControlSize;\n  variant?: 'outline' | 'ghost';\n}\nconst positiveInteger = (value: number) =>\n  Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;\nexport function PaginationControl({\n  total,\n  current,\n  defaultCurrent = 1,\n  pageSize,\n  defaultPageSize = 10,\n  onChange,\n  showSizeChanger = false,\n  pageSizeOptions = [10, 20, 50, 100],\n  showQuickJumper = false,\n  showTotal = false,\n  simple = false,\n  disabled = false,\n  hideOnSinglePage = false,\n  size = 'md',\n  variant = 'outline',\n  className,\n  dir,\n  'aria-label': label,\n  ...props\n}: PaginationProps) {\n  const { messages, direction } = useLeafConfig();\n  const format = useFormattedText();\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const jumpId = `${useId()}-jump`;\n  const [internalPage, setPage] = useState(defaultCurrent);\n  const [internalSize, setSize] = useState(defaultPageSize);\n  const [jump, setJump] = useState<number | null>(null);\n  const committedJump = useRef<number | null>(null);\n  const pointerAction = useRef(false);\n  const count = Math.max(0, Number.isFinite(total) ? Math.floor(total) : 0);\n  const perPage = positiveInteger(pageSize ?? internalSize);\n  const pages = Math.max(1, Math.ceil(count / perPage));\n  const page = Math.min(pages, positiveInteger(current ?? internalPage));\n  useMovingIndicator(\n    root,\n    indicator,\n    '[aria-current=\"page\"]',\n    `${page}-${pages}-${simple}-${variant}-${dir ?? direction}`,\n    !hideOnSinglePage || pages !== 1,\n  );\n  const choose = (next: number, nextSize = perPage) => {\n    if (disabled) return;\n    const normalizedSize = positiveInteger(nextSize);\n    const normalizedPage = Math.min(\n      Math.max(1, Math.ceil(count / normalizedSize)),\n      positiveInteger(next),\n    );\n    if (current === undefined) setPage(normalizedPage);\n    if (pageSize === undefined) setSize(normalizedSize);\n    if (normalizedPage !== page || normalizedSize !== perPage)\n      onChange?.(normalizedPage, normalizedSize);\n  };\n  const commitJump = (text: string) => {\n    if (disabled || !text.trim() || !Number.isFinite(Number(text))) return;\n    const next = Math.min(pages, positiveInteger(Number(text)));\n    if (committedJump.current === next) return;\n    committedJump.current = next;\n    choose(next);\n    setJump(next);\n  };\n  const candidates =\n    pages <= 7\n      ? Array.from({ length: pages }, (_, i) => i + 1)\n      : [\n          ...new Set([\n            1,\n            pages,\n            ...Array.from({ length: 3 }, (_, i) => Math.min(pages - 1, Math.max(2, page - 1 + i))),\n            ...(page <= 3 ? [2, 3, 4] : []),\n            ...(page >= pages - 2 ? [pages - 3, pages - 2, pages - 1] : []),\n          ]),\n        ].sort((a, b) => a - b);\n  const options = [\n    ...new Set([\n      ...pageSizeOptions.filter((value) => Number.isFinite(value) && value >= 1).map(Math.floor),\n      perPage,\n    ]),\n  ].sort((a, b) => a - b);\n  if (hideOnSinglePage && pages === 1) return null;\n  return (\n    <nav\n      {...props}\n      ref={root}\n      dir={dir ?? direction}\n      aria-label={label ?? messages.pagination.label}\n      data-disabled={disabled ? '' : undefined}\n      className={classes(\n        'leaf-pagination',\n        `leaf-pagination--${size}`,\n        `leaf-pagination--${variant}`,\n        className,\n      )}\n      onPointerDownCapture={(event) => {\n        // Safari may blur an input without focusing the button clicked next.\n        pointerAction.current =\n          event.target instanceof Element &&\n          event.target.closest('button, [role=\"combobox\"]') !== null;\n        props.onPointerDownCapture?.(event);\n      }}\n    >\n      <span ref={indicator} className=\"leaf-pagination__indicator\" aria-hidden=\"true\" />\n      {showTotal && (\n        <span className=\"leaf-pagination__total\">\n          {typeof showTotal === 'function'\n            ? showTotal(count, [\n                count === 0 ? 0 : (page - 1) * perPage + 1,\n                Math.min(count, page * perPage),\n              ])\n            : format('pagination.total', { total: count })}\n        </span>\n      )}\n      <button\n        type=\"button\"\n        disabled={disabled || page === 1}\n        aria-label={messages.pagination.previousPage}\n        onClick={() => choose(page - 1)}\n      >\n        <ChevronLeft size={16} aria-hidden=\"true\" />\n      </button>\n      {simple ? (\n        <span className=\"leaf-pagination__simple\">\n          {page} / {pages}\n        </span>\n      ) : (\n        candidates.map((number, index) => (\n          <span className=\"leaf-pagination__entry\" key={number}>\n            {index > 0 &&\n              number - (candidates[index - 1] ?? 0) > 1 &&\n              (number - (candidates[index - 1] ?? 0) === 2 ? (\n                <button\n                  type=\"button\"\n                  disabled={disabled}\n                  aria-label={format('pagination.pageLabel', { page: number - 1 })}\n                  onClick={() => choose(number - 1)}\n                >\n                  {number - 1}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"leaf-pagination__jump\"\n                  disabled={disabled}\n                  aria-label={\n                    number > page ? messages.pagination.pageForward : messages.pagination.pageBack\n                  }\n                  onClick={() => choose(page + (number > page ? 5 : -5))}\n                >\n                  <span aria-hidden=\"true\">…</span>\n                  {number > page ? (\n                    <ChevronsRight size={16} aria-hidden=\"true\" />\n                  ) : (\n                    <ChevronsLeft size={16} aria-hidden=\"true\" />\n                  )}\n                </button>\n              ))}\n            <button\n              type=\"button\"\n              aria-label={format('pagination.pageLabel', { page: number })}\n              aria-current={number === page ? 'page' : undefined}\n              data-leaf-indicator-item=\"\"\n              disabled={disabled}\n              onClick={() => choose(number)}\n            >\n              {number}\n            </button>\n          </span>\n        ))\n      )}\n      <button\n        type=\"button\"\n        disabled={disabled || page === pages}\n        aria-label={messages.pagination.nextPage}\n        onClick={() => choose(page + 1)}\n      >\n        <ChevronRight size={16} aria-hidden=\"true\" />\n      </button>\n      {showSizeChanger && (\n        <SelectControl\n          size={size}\n          className=\"leaf-pagination__size\"\n          aria-label={messages.pagination.pageSize}\n          disabled={disabled}\n          value={String(perPage)}\n          popupWidth=\"auto\"\n          popupMaxWidth={240}\n          options={options.map((number) => ({\n            value: String(number),\n            label: format('pagination.pageSizeOption', { count: number }),\n          }))}\n          onChange={(next) =>\n            choose(Math.floor(((page - 1) * perPage) / Number(next)) + 1, Number(next))\n          }\n        />\n      )}\n      {showQuickJumper && (\n        <label className=\"leaf-pagination__jumper\" htmlFor={jumpId}>\n          {messages.pagination.jumpTo}\n          <InputNumber\n            id={jumpId}\n            aria-label={messages.pagination.jumpTo}\n            size={size}\n            min={1}\n            max={pages}\n            precision={0}\n            controls={false}\n            disabled={disabled}\n            value={jump}\n            onChange={setJump}\n            onFocus={() => {\n              committedJump.current = null;\n              pointerAction.current = false;\n            }}\n            onInput={(event) => {\n              if (event.currentTarget.value !== String(committedJump.current))\n                committedJump.current = null;\n            }}\n            onBlur={(event) => {\n              // A clicked page or size control takes precedence over an uncommitted draft.\n              const action = pointerAction.current;\n              pointerAction.current = false;\n              if (action || (event.relatedTarget && root.current?.contains(event.relatedTarget)))\n                return;\n              commitJump(event.currentTarget.value);\n            }}\n            onKeyDown={(event) => {\n              if (\n                event.key === 'Enter' &&\n                !event.nativeEvent.isComposing &&\n                event.currentTarget.value.trim()\n              ) {\n                event.preventDefault();\n                commitJump(event.currentTarget.value);\n              }\n            }}\n          />\n        </label>\n      )}\n    </nav>\n  );\n}\n\nexport function Pagination(rawProps: PaginationProps) {\n  const props = useComponentProps('Pagination', rawProps);\n  return <PaginationControl {...props} />;\n}\n"],"names":["positiveInteger","value","Number","Math","PaginationControl","total","current","defaultCurrent","pageSize","defaultPageSize","onChange","showSizeChanger","pageSizeOptions","showQuickJumper","showTotal","simple","disabled","hideOnSinglePage","size","variant","className","dir","label","props","messages","direction","useLeafConfig","format","useFormattedText","root","useRef","indicator","jumpId","useId","internalPage","setPage","useState","internalSize","setSize","jump","setJump","committedJump","pointerAction","count","perPage","pages","page","useMovingIndicator","choose","next","nextSize","normalizedSize","normalizedPage","undefined","commitJump","text","candidates","Array","_","i","Set","a","b","options","classes","event","Element","ChevronLeft","number","index","ChevronsRight","ChevronsLeft","ChevronRight","SelectControl","String","InputNumber","action","Pagination","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/popconfirm/index.d.ts

@@ -0,0 +1,3 @@
+export type { PopconfirmProps } from './popconfirm.js';
+export { Popconfirm } from './popconfirm.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popconfirm/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/popconfirm/index.js

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

package/dist/esm/popconfirm/popconfirm.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type FeedbackType } from '../alert/alert.js';
+import { type ButtonProps } from '../button/button.js';
+import type { PopoverProps } from '../popover/index.js';
+export interface PopconfirmProps extends Omit<PopoverProps, 'title' | 'content' | 'trigger' | 'autoFocus'> {
+    title: ReactNode;
+    description?: ReactNode;
+    type?: FeedbackType | 'default';
+    icon?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    confirmButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    showCancel?: boolean;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    onError?: (error: unknown) => void;
+}
+export declare function Popconfirm(rawProps: PopconfirmProps): import("react").JSX.Element;
+//# sourceMappingURL=popconfirm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.d.ts","sourceRoot":"","sources":["../../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACzE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AACD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,eAAe,+BAyHnD"}

package/dist/esm/popconfirm/popconfirm.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { FeedbackIcon } from "../alert/alert.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { PopoverControl } from "../popover/popover.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useText } from "../shared/use-text.js";
+function Popconfirm(rawProps) {
+    const { title, description, type = 'warning', icon, confirmText, cancelText, confirmButtonProps, cancelButtonProps, showCancel = true, onConfirm, onCancel, onError, open: controlled, defaultOpen = false, onOpenChange, children, ...props } = useComponentProps('Popconfirm', rawProps);
+    const { messages } = useLeafConfig();
+    const t = useText();
+    const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(false);
+    const inFlight = useRef(false);
+    const generation = useRef(0);
+    useEffect(()=>{
+        generation.current++;
+        inFlight.current = false;
+        setBusy(false);
+        if (open) setError(false);
+        return ()=>{
+            generation.current++;
+        };
+    }, [
+        open
+    ]);
+    return /*#__PURE__*/ jsx(PopoverControl, {
+        ...props,
+        trigger: "click",
+        open: open,
+        onOpenChange: (next)=>{
+            if (!inFlight.current) {
+                setError(false);
+                setOpen(next);
+            }
+        },
+        autoFocus: false,
+        "aria-label": props['aria-label'] ?? ('string' == typeof title ? title : messages.common.confirm),
+        className: [
+            'leaf-popconfirm',
+            props.className
+        ].filter(Boolean).join(' '),
+        content: /*#__PURE__*/ jsxs("div", {
+            className: "leaf-popconfirm__content",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: `leaf-popconfirm__icon leaf-popconfirm__icon--${type}`,
+                    children: icon ?? ('default' !== type ? /*#__PURE__*/ jsx(FeedbackIcon, {
+                        type: type
+                    }) : null)
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-popconfirm__body",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "leaf-popconfirm__title",
+                            children: title
+                        }),
+                        description && /*#__PURE__*/ jsx("div", {
+                            className: "leaf-popconfirm__description",
+                            children: description
+                        }),
+                        error && /*#__PURE__*/ jsx("p", {
+                            role: "alert",
+                            className: "leaf-popconfirm__error",
+                            children: t('popconfirm.actionFailedPleaseRetry')
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "leaf-popconfirm__actions",
+                            children: [
+                                showCancel && /*#__PURE__*/ jsx(ButtonControl, {
+                                    ...cancelButtonProps,
+                                    size: cancelButtonProps?.size ?? 'sm',
+                                    variant: cancelButtonProps?.variant ?? 'outline',
+                                    disabled: busy || cancelButtonProps?.disabled,
+                                    onClick: (event)=>{
+                                        cancelButtonProps?.onClick?.(event);
+                                        if (!event.defaultPrevented) {
+                                            onCancel?.();
+                                            setOpen(false);
+                                        }
+                                    },
+                                    children: cancelText ?? messages.common.cancel
+                                }),
+                                /*#__PURE__*/ jsx(ButtonControl, {
+                                    ...confirmButtonProps,
+                                    size: confirmButtonProps?.size ?? 'sm',
+                                    danger: confirmButtonProps?.danger ?? 'error' === type,
+                                    loading: busy || confirmButtonProps?.loading,
+                                    onClick: async (event)=>{
+                                        confirmButtonProps?.onClick?.(event);
+                                        if (event.defaultPrevented || inFlight.current) return;
+                                        inFlight.current = true;
+                                        const request = generation.current;
+                                        setBusy(true);
+                                        setError(false);
+                                        try {
+                                            await onConfirm?.();
+                                            if (generation.current !== request) return;
+                                            setOpen(false);
+                                        } catch (reason) {
+                                            if (generation.current !== request) return;
+                                            setError(true);
+                                            onError?.(reason);
+                                        } finally{
+                                            if (generation.current === request) {
+                                                inFlight.current = false;
+                                                setBusy(false);
+                                            }
+                                        }
+                                    },
+                                    children: confirmText ?? messages.common.confirm
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }),
+        children: children
+    });
+}
+export { Popconfirm };
+
+//# sourceMappingURL=popconfirm.js.map

package/dist/esm/popconfirm/popconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm/popconfirm.js","sources":["../../../src/popconfirm/popconfirm.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { FeedbackIcon, type FeedbackType } from '../alert/alert';\nimport { ButtonControl, type ButtonProps } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { PopoverProps } from '../popover';\nimport { PopoverControl as Popover } from '../popover/popover';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface PopconfirmProps\n  extends Omit<PopoverProps, 'title' | 'content' | 'trigger' | 'autoFocus'> {\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType | 'default';\n  icon?: ReactNode;\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  showCancel?: boolean;\n  onConfirm?: () => void | Promise<void>;\n  onCancel?: () => void;\n  onError?: (error: unknown) => void;\n}\nexport function Popconfirm(rawProps: PopconfirmProps) {\n  const {\n    title,\n    description,\n    type = 'warning',\n    icon,\n    confirmText,\n    cancelText,\n    confirmButtonProps,\n    cancelButtonProps,\n    showCancel = true,\n    onConfirm,\n    onCancel,\n    onError,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  } = useComponentProps('Popconfirm', rawProps);\n  const { messages } = useLeafConfig();\n  const t = useText();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(false);\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(false);\n    if (open) setError(false);\n    return () => {\n      generation.current++;\n    };\n  }, [open]);\n  return (\n    <Popover\n      {...props}\n      trigger=\"click\"\n      open={open}\n      onOpenChange={(next) => {\n        if (!inFlight.current) {\n          setError(false);\n          setOpen(next);\n        }\n      }}\n      autoFocus={false}\n      aria-label={\n        props['aria-label'] ?? (typeof title === 'string' ? title : messages.common.confirm)\n      }\n      className={['leaf-popconfirm', props.className].filter(Boolean).join(' ')}\n      content={\n        <div className=\"leaf-popconfirm__content\">\n          <div className={`leaf-popconfirm__icon leaf-popconfirm__icon--${type}`}>\n            {icon ?? (type !== 'default' ? <FeedbackIcon type={type} /> : null)}\n          </div>\n          <div className=\"leaf-popconfirm__body\">\n            <div className=\"leaf-popconfirm__title\">{title}</div>\n            {description && <div className=\"leaf-popconfirm__description\">{description}</div>}\n            {error && (\n              <p role=\"alert\" className=\"leaf-popconfirm__error\">\n                {t('popconfirm.actionFailedPleaseRetry')}\n              </p>\n            )}\n            <div className=\"leaf-popconfirm__actions\">\n              {showCancel && (\n                <ButtonControl\n                  {...cancelButtonProps}\n                  size={cancelButtonProps?.size ?? 'sm'}\n                  variant={cancelButtonProps?.variant ?? 'outline'}\n                  disabled={busy || cancelButtonProps?.disabled}\n                  onClick={(event) => {\n                    cancelButtonProps?.onClick?.(event);\n                    if (!event.defaultPrevented) {\n                      onCancel?.();\n                      setOpen(false);\n                    }\n                  }}\n                >\n                  {cancelText ?? messages.common.cancel}\n                </ButtonControl>\n              )}\n              <ButtonControl\n                {...confirmButtonProps}\n                size={confirmButtonProps?.size ?? 'sm'}\n                danger={confirmButtonProps?.danger ?? type === 'error'}\n                loading={busy || confirmButtonProps?.loading}\n                onClick={async (event) => {\n                  confirmButtonProps?.onClick?.(event);\n                  if (event.defaultPrevented || inFlight.current) return;\n                  inFlight.current = true;\n                  const request = generation.current;\n                  setBusy(true);\n                  setError(false);\n                  try {\n                    await onConfirm?.();\n                    if (generation.current !== request) return;\n                    setOpen(false);\n                  } catch (reason) {\n                    if (generation.current !== request) return;\n                    setError(true);\n                    onError?.(reason);\n                  } finally {\n                    if (generation.current === request) {\n                      inFlight.current = false;\n                      setBusy(false);\n                    }\n                  }\n                }}\n              >\n                {confirmText ?? messages.common.confirm}\n              </ButtonControl>\n            </div>\n          </div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"names":["Popconfirm","rawProps","title","description","type","icon","confirmText","cancelText","confirmButtonProps","cancelButtonProps","showCancel","onConfirm","onCancel","onError","controlled","defaultOpen","onOpenChange","children","props","useComponentProps","messages","useLeafConfig","t","useText","open","setOpen","useControllable","busy","setBusy","useState","error","setError","inFlight","useRef","generation","useEffect","Popover","next","Boolean","FeedbackIcon","ButtonControl","event","request","reason"],"mappings":"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"}

package/dist/esm/popover/index.d.ts

@@ -0,0 +1,3 @@
+export type { PopoverProps } from './popover.js';
+export { Popover } from './popover.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/popover/index.js

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

package/dist/esm/popover/popover.d.ts

@@ -0,0 +1,27 @@
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
+import { type PopupOptions } from '../shared/floating.js';
+export interface PopoverProps extends PopupOptions {
+    children: ReactElement<HTMLAttributes<HTMLElement> & {
+        ref?: Ref<HTMLElement>;
+        disabled?: boolean;
+    }>;
+    title?: ReactNode;
+    content: ReactNode;
+    trigger?: 'click' | 'hover';
+    placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    width?: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    'aria-label'?: string;
+}
+export declare function PopoverControl({ children, title, content, trigger: mode, placement, open: controlled, defaultOpen, onOpenChange, disabled, autoFocus, enterDelay, leaveDelay, width, maxWidth, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, style, 'aria-label': label, }: PopoverProps): import("react").JSX.Element;
+export declare function Popover(rawProps: PopoverProps): import("react").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAKf,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAG1F,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,QAAQ,EAAE,YAAY,CACpB,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAC7E,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EAAE,IAAc,EACvB,SAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,UAAgB,EAChB,UAAgB,EAChB,KAAqB,EACrB,QAAc,EACd,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,YAAY,EAAE,KAAK,GACpB,EAAE,YAAY,+BAgJd;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BAG7C"}