@ifhover/leaf-ui 0.0.0-stage → 0.6.0

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

@@ -0,0 +1,242 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/pagination.css';
+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/browser/modules/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/browser/modules/popconfirm/index.js

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

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

@@ -0,0 +1,131 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/popconfirm.css';
+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/browser/modules/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/browser/modules/popover/index.js

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

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

@@ -0,0 +1,159 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/popover.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, useEffect, useId, useRef, useState, version } from "react";
+import { tabbable } from "tabbable";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+import { useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
+import { useNaturalHeightTransition } from "../shared/presence.js";
+function PopoverControl({ children, title, content, trigger: mode = 'click', placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, autoFocus = true, enterDelay = 100, leaveDelay = 100, width = 'max-content', maxWidth = 320, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, style, 'aria-label': label }) {
+    const [internal, setInternal] = useState(defaultOpen);
+    const inactive = disabled || children.props.disabled;
+    const open = !inactive && (controlled ?? internal);
+    const trigger = useRef(null);
+    const panel = useRef(null);
+    const body = useRef(null);
+    useNaturalHeightTransition(panel, body, open);
+    const childRef = version.startsWith('18.') ? children.ref : children.props.ref;
+    const ref = useMergedRef(trigger, childRef);
+    const id = `${useId()}-popover`;
+    const timer = useRef(void 0);
+    const focused = useRef(false);
+    const hovered = useRef(false);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const dismiss = ()=>{
+        clearTimeout(timer.current);
+        change(false);
+    };
+    const schedule = (next, delay)=>{
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>change(next), Math.max(0, delay));
+    };
+    useFloatingDismiss(open, dismiss, trigger, panel);
+    useEffect(()=>()=>clearTimeout(timer.current), []);
+    useEffect(()=>{
+        if (inactive) {
+            clearTimeout(timer.current);
+            setInternal(false);
+        }
+    }, [
+        inactive
+    ]);
+    useEffect(()=>{
+        const node = panel.current;
+        if (!open || 'click' !== mode || !node || !autoFocus) return;
+        (tabbable(node)[0] ?? node).focus();
+        return ()=>{
+            if (node.contains(document.activeElement)) trigger.current?.focus();
+        };
+    }, [
+        open,
+        mode,
+        autoFocus
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ cloneElement(children, {
+                ref,
+                'aria-haspopup': 'click' === mode ? 'dialog' : children.props['aria-haspopup'],
+                'aria-expanded': 'click' === mode ? open : children.props['aria-expanded'],
+                'aria-controls': open ? id : children.props['aria-controls'],
+                'aria-describedby': 'hover' === mode && open ? [
+                    children.props['aria-describedby'],
+                    id
+                ].filter(Boolean).join(' ') : children.props['aria-describedby'],
+                onClick: (event)=>{
+                    children.props.onClick?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented) change(!open);
+                },
+                onKeyDown: (event)=>{
+                    children.props.onKeyDown?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented && 'ArrowDown' === event.key) {
+                        event.preventDefault();
+                        change(true);
+                    }
+                },
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented && 'touch' !== event.pointerType) {
+                        hovered.current = true;
+                        schedule(true, enterDelay);
+                    }
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current) schedule(false, leaveDelay);
+                },
+                onFocus: (event)=>{
+                    children.props.onFocus?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented) {
+                        focused.current = true;
+                        clearTimeout(timer.current);
+                        change(true);
+                    }
+                },
+                onBlur: (event)=>{
+                    children.props.onBlur?.(event);
+                    focused.current = false;
+                    if ('hover' === mode && !hovered.current && !panel.current?.contains(event.relatedTarget)) schedule(false, leaveDelay);
+                }
+            }),
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                open: open,
+                render: popupRender,
+                container: getPopupContainer,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                role: 'click' === mode ? 'dialog' : 'tooltip',
+                tabIndex: -1,
+                placement: popupPlacement ?? placement,
+                width: width,
+                maxWidth: maxWidth,
+                className: classes('leaf-floating', 'leaf-popover', className, popupClassName),
+                style: {
+                    ...style,
+                    ...popupStyle
+                },
+                "aria-label": label ?? ('string' == typeof title ? title : void 0),
+                "aria-labelledby": null != title ? `${id}-title` : void 0,
+                onPointerEnter: ()=>{
+                    hovered.current = true;
+                    clearTimeout(timer.current);
+                },
+                onPointerLeave: ()=>{
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current && !panel.current?.contains(document.activeElement)) schedule(false, leaveDelay);
+                },
+                children: [
+                    null != title && /*#__PURE__*/ jsx("div", {
+                        id: `${id}-title`,
+                        className: "leaf-popover__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        ref: body,
+                        className: "leaf-popover__content",
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Popover(rawProps) {
+    const props = useComponentProps('Popover', rawProps);
+    return /*#__PURE__*/ jsx(PopoverControl, {
+        ...props
+    });
+}
+export { Popover, PopoverControl };
+
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover/popover.js","sources":["../../../../../src/popover/popover.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport { useNaturalHeightTransition } from '../shared/presence';\n\nexport interface PopoverProps extends PopupOptions {\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  title?: ReactNode;\n  content: ReactNode;\n  trigger?: 'click' | 'hover';\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  width?: number | string;\n  maxWidth?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  'aria-label'?: string;\n}\nexport function PopoverControl({\n  children,\n  title,\n  content,\n  trigger: mode = 'click',\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  autoFocus = true,\n  enterDelay = 100,\n  leaveDelay = 100,\n  width = 'max-content',\n  maxWidth = 320,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  style,\n  'aria-label': label,\n}: PopoverProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const body = useRef<HTMLDivElement>(null);\n  useNaturalHeightTransition(panel, body, open);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-popover`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || mode !== 'click' || !node || !autoFocus) return;\n    (tabbable(node)[0] ?? node).focus();\n    return () => {\n      if (node.contains(document.activeElement)) trigger.current?.focus();\n    };\n  }, [open, mode, autoFocus]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-haspopup': mode === 'click' ? 'dialog' : children.props['aria-haspopup'],\n        'aria-expanded': mode === 'click' ? open : children.props['aria-expanded'],\n        'aria-controls': open ? id : children.props['aria-controls'],\n        'aria-describedby':\n          mode === 'hover' && open\n            ? [children.props['aria-describedby'], id].filter(Boolean).join(' ')\n            : children.props['aria-describedby'],\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (mode === 'click' && !inactive && !event.defaultPrevented) change(!open);\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (\n            mode === 'click' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.key === 'ArrowDown'\n          ) {\n            event.preventDefault();\n            change(true);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (\n            mode === 'hover' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.pointerType !== 'touch'\n          ) {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (mode === 'hover' && !focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (mode === 'hover' && !inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (mode === 'hover' && !hovered.current && !panel.current?.contains(event.relatedTarget))\n            schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role={mode === 'click' ? 'dialog' : 'tooltip'}\n        tabIndex={-1}\n        placement={popupPlacement ?? placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-popover', className, popupClassName)}\n        style={{ ...style, ...popupStyle }}\n        aria-label={label ?? (typeof title === 'string' ? title : undefined)}\n        aria-labelledby={title != null ? `${id}-title` : undefined}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (\n            mode === 'hover' &&\n            !focused.current &&\n            !panel.current?.contains(document.activeElement)\n          )\n            schedule(false, leaveDelay);\n        }}\n      >\n        {title != null && (\n          <div id={`${id}-title`} className=\"leaf-popover__title\">\n            {title}\n          </div>\n        )}\n        <div ref={body} className=\"leaf-popover__content\">\n          {content}\n        </div>\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function Popover(rawProps: PopoverProps) {\n  const props = useComponentProps('Popover', rawProps);\n  return <PopoverControl {...props} />;\n}\n"],"names":["PopoverControl","children","title","content","mode","placement","controlled","defaultOpen","onOpenChange","disabled","autoFocus","enterDelay","leaveDelay","width","maxWidth","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","style","label","internal","setInternal","useState","inactive","open","trigger","useRef","panel","body","useNaturalHeightTransition","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","dismiss","clearTimeout","schedule","delay","setTimeout","Math","useFloatingDismiss","useEffect","node","tabbable","document","cloneElement","Boolean","event","FloatingPanel","classes","Popover","rawProps","props","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/progress/index.js

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