@ifhover/leaf-ui 0.5.0 → 0.6.0

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

@@ -1,32 +1,38 @@
 "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 { InputNumber } from "../inputnumber/index.js";
-import { Select } from "../select/index.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 Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageSize = 10, onChange, showSizeChanger = false, pageSizeOptions = [
+function PaginationControl({ total, current, defaultCurrent = 1, pageSize, defaultPageSize = 10, onChange, showSizeChanger = false, pageSizeOptions = [
     10,
     20,
     50,
     100
-], showQuickJumper = false, showTotal, simple = false, disabled = false, hideOnSinglePage = false, size = 'md', className, 'aria-label': label, ...props }) {
+], 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}-${direction}`, !hideOnSinglePage || 1 !== pages);
+    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);
@@ -35,6 +41,14 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
         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) : [
@@ -58,7 +72,7 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
     ].sort((a, b)=>a - b);
     const options = [
         ...new Set([
-            ...pageSizeOptions.map(positiveInteger),
+            ...pageSizeOptions.filter((value)=>Number.isFinite(value) && value >= 1).map(Math.floor),
             perPage
         ])
     ].sort((a, b)=>a - b);
@@ -66,8 +80,14 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
     return /*#__PURE__*/ jsxs("nav", {
         ...props,
         ref: root,
-        "aria-label": label ?? messages.pagination,
-        className: classes('leaf-pagination', `leaf-pagination--${size}`, className),
+        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,
@@ -76,15 +96,17 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
             }),
             showTotal && /*#__PURE__*/ jsx("span", {
                 className: "leaf-pagination__total",
-                children: showTotal(count, [
+                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.previousPage,
+                "aria-label": messages.pagination.previousPage,
                 onClick: ()=>choose(page - 1),
                 children: /*#__PURE__*/ jsx(ChevronLeft, {
                     size: 16,
@@ -104,14 +126,16 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
                         index > 0 && number - (candidates[index - 1] ?? 0) > 1 && (number - (candidates[index - 1] ?? 0) === 2 ? /*#__PURE__*/ jsx("button", {
                             type: "button",
                             disabled: disabled,
-                            "aria-label": `${messages.page} ${number - 1}`,
+                            "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.pageForward : messages.pageBack,
+                            "aria-label": number > page ? messages.pagination.pageForward : messages.pagination.pageBack,
                             onClick: ()=>choose(page + (number > page ? 5 : -5)),
                             children: [
                                 /*#__PURE__*/ jsx("span", {
@@ -129,7 +153,9 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
                         })),
                         /*#__PURE__*/ jsx("button", {
                             type: "button",
-                            "aria-label": `${messages.page} ${number}`,
+                            "aria-label": format('pagination.pageLabel', {
+                                page: number
+                            }),
                             "aria-current": number === page ? 'page' : void 0,
                             "data-leaf-indicator-item": "",
                             disabled: disabled,
@@ -141,24 +167,26 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
             /*#__PURE__*/ jsx("button", {
                 type: "button",
                 disabled: disabled || page === pages,
-                "aria-label": messages.nextPage,
+                "aria-label": messages.pagination.nextPage,
                 onClick: ()=>choose(page + 1),
                 children: /*#__PURE__*/ jsx(ChevronRight, {
                     size: 16,
                     "aria-hidden": "true"
                 })
             }),
-            showSizeChanger && /*#__PURE__*/ jsx(Select, {
+            showSizeChanger && /*#__PURE__*/ jsx(SelectControl, {
                 size: size,
                 className: "leaf-pagination__size",
-                "aria-label": messages.pageSize,
+                "aria-label": messages.pagination.pageSize,
                 disabled: disabled,
                 value: String(perPage),
                 popupWidth: "auto",
                 popupMaxWidth: 240,
                 options: options.map((number)=>({
                         value: String(number),
-                        label: `${number} ${messages.itemsPerPage}`
+                        label: format('pagination.pageSizeOption', {
+                            count: number
+                        })
                     })),
                 onChange: (next)=>choose(Math.floor((page - 1) * perPage / Number(next)) + 1, Number(next))
             }),
@@ -166,10 +194,10 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
                 className: "leaf-pagination__jumper",
                 htmlFor: jumpId,
                 children: [
-                    messages.jumpTo,
-                    /*#__PURE__*/ jsx(InputNumber, {
+                    messages.pagination.jumpTo,
+                    /*#__PURE__*/ jsx(InputNumberControl, {
                         id: jumpId,
-                        "aria-label": messages.jumpTo,
+                        "aria-label": messages.pagination.jumpTo,
                         size: size,
                         min: 1,
                         max: pages,
@@ -178,11 +206,23 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
                         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() && Number.isFinite(Number(event.currentTarget.value))) {
+                            if ('Enter' === event.key && !event.nativeEvent.isComposing && event.currentTarget.value.trim()) {
                                 event.preventDefault();
-                                choose(Number(event.currentTarget.value));
-                                setJump(Math.min(pages, positiveInteger(Number(event.currentTarget.value))));
+                                commitJump(event.currentTarget.value);
                             }
                         }
                     })
@@ -191,6 +231,12 @@ function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageS
         ]
     });
 }
-export { Pagination };
+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

@@ -1 +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 { useLeafConfig } from '../config-provider/context';\nimport { InputNumber } from '../inputnumber';\nimport { Select } from '../select';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\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?: (total: number, range: readonly [number, number]) => ReactNode;\n  simple?: boolean;\n  disabled?: boolean;\n  hideOnSinglePage?: boolean;\n  size?: ControlSize;\n}\nconst positiveInteger = (value: number) =>\n  Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;\nexport function Pagination({\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,\n  simple = false,\n  disabled = false,\n  hideOnSinglePage = false,\n  size = 'md',\n  className,\n  'aria-label': label,\n  ...props\n}: PaginationProps) {\n  const { messages, direction } = useLeafConfig();\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 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}-${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 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 = [...new Set([...pageSizeOptions.map(positiveInteger), perPage])].sort(\n    (a, b) => a - b,\n  );\n  if (hideOnSinglePage && pages === 1) return null;\n  return (\n    <nav\n      {...props}\n      ref={root}\n      aria-label={label ?? messages.pagination}\n      className={classes('leaf-pagination', `leaf-pagination--${size}`, className)}\n    >\n      <span ref={indicator} className=\"leaf-pagination__indicator\" aria-hidden=\"true\" />\n      {showTotal && (\n        <span className=\"leaf-pagination__total\">\n          {showTotal(count, [\n            count === 0 ? 0 : (page - 1) * perPage + 1,\n            Math.min(count, page * perPage),\n          ])}\n        </span>\n      )}\n      <button\n        type=\"button\"\n        disabled={disabled || page === 1}\n        aria-label={messages.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={`${messages.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={number > page ? messages.pageForward : messages.pageBack}\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={`${messages.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.nextPage}\n        onClick={() => choose(page + 1)}\n      >\n        <ChevronRight size={16} aria-hidden=\"true\" />\n      </button>\n      {showSizeChanger && (\n        <Select\n          size={size}\n          className=\"leaf-pagination__size\"\n          aria-label={messages.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: `${number} ${messages.itemsPerPage}`,\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.jumpTo}\n          <InputNumber\n            id={jumpId}\n            aria-label={messages.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            onKeyDown={(event) => {\n              if (\n                event.key === 'Enter' &&\n                !event.nativeEvent.isComposing &&\n                event.currentTarget.value.trim() &&\n                Number.isFinite(Number(event.currentTarget.value))\n              ) {\n                event.preventDefault();\n                choose(Number(event.currentTarget.value));\n                setJump(Math.min(pages, positiveInteger(Number(event.currentTarget.value))));\n              }\n            }}\n          />\n        </label>\n      )}\n    </nav>\n  );\n}\n"],"names":["positiveInteger","value","Number","Math","Pagination","total","current","defaultCurrent","pageSize","defaultPageSize","onChange","showSizeChanger","pageSizeOptions","showQuickJumper","showTotal","simple","disabled","hideOnSinglePage","size","className","label","props","messages","direction","useLeafConfig","root","useRef","indicator","jumpId","useId","internalPage","setPage","useState","internalSize","setSize","jump","setJump","count","perPage","pages","page","useMovingIndicator","choose","next","nextSize","normalizedSize","normalizedPage","undefined","candidates","Array","_","i","Set","a","b","options","classes","ChevronLeft","number","index","ChevronsRight","ChevronsLeft","ChevronRight","Select","String","InputNumber","event"],"mappings":"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"}
+{"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/popconfirm.js

@@ -1,14 +1,17 @@
 "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 { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
-import { Popover } from "../popover/index.js";
+import { PopoverControl } from "../popover/popover.js";
 import { useControllable } from "../shared/use-controllable.js";
 import { useText } from "../shared/use-text.js";
-function Popconfirm({ title, description, type = 'warning', icon, confirmText, cancelText, confirmButtonProps, cancelButtonProps, showCancel = true, onConfirm, onCancel, onError, open: controlled, defaultOpen = false, onOpenChange, children, ...props }) {
+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);
@@ -27,7 +30,7 @@ function Popconfirm({ title, description, type = 'warning', icon, confirmText, c
     }, [
         open
     ]);
-    return /*#__PURE__*/ jsx(Popover, {
+    return /*#__PURE__*/ jsx(PopoverControl, {
         ...props,
         trigger: "click",
         open: open,
@@ -38,7 +41,7 @@ function Popconfirm({ title, description, type = 'warning', icon, confirmText, c
             }
         },
         autoFocus: false,
-        "aria-label": props['aria-label'] ?? ('string' == typeof title ? title : messages.confirm),
+        "aria-label": props['aria-label'] ?? ('string' == typeof title ? title : messages.common.confirm),
         className: [
             'leaf-popconfirm',
             props.className
@@ -66,12 +69,12 @@ function Popconfirm({ title, description, type = 'warning', icon, confirmText, c
                         error && /*#__PURE__*/ jsx("p", {
                             role: "alert",
                             className: "leaf-popconfirm__error",
-                            children: t('操作失败，请重试', 'Action failed. Please retry.')
+                            children: t('popconfirm.actionFailedPleaseRetry')
                         }),
                         /*#__PURE__*/ jsxs("div", {
                             className: "leaf-popconfirm__actions",
                             children: [
-                                showCancel && /*#__PURE__*/ jsx(Button, {
+                                showCancel && /*#__PURE__*/ jsx(ButtonControl, {
                                     ...cancelButtonProps,
                                     size: cancelButtonProps?.size ?? 'sm',
                                     variant: cancelButtonProps?.variant ?? 'outline',
@@ -83,9 +86,9 @@ function Popconfirm({ title, description, type = 'warning', icon, confirmText, c
                                             setOpen(false);
                                         }
                                     },
-                                    children: cancelText ?? messages.cancel
+                                    children: cancelText ?? messages.common.cancel
                                 }),
-                                /*#__PURE__*/ jsx(Button, {
+                                /*#__PURE__*/ jsx(ButtonControl, {
                                     ...confirmButtonProps,
                                     size: confirmButtonProps?.size ?? 'sm',
                                     danger: confirmButtonProps?.danger ?? 'error' === type,
@@ -112,7 +115,7 @@ function Popconfirm({ title, description, type = 'warning', icon, confirmText, c
                                             }
                                         }
                                     },
-                                    children: confirmText ?? messages.confirm
+                                    children: confirmText ?? messages.common.confirm
                                 })
                             ]
                         })

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

@@ -1 +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 { Button, type ButtonProps } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Popover, type PopoverProps } from '../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({\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}: PopconfirmProps) {\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={props['aria-label'] ?? (typeof title === 'string' ? title : messages.confirm)}\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('操作失败，请重试', 'Action failed. Please retry.')}\n              </p>\n            )}\n            <div className=\"leaf-popconfirm__actions\">\n              {showCancel && (\n                <Button\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.cancel}\n                </Button>\n              )}\n              <Button\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.confirm}\n              </Button>\n            </div>\n          </div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"names":["Popconfirm","title","description","type","icon","confirmText","cancelText","confirmButtonProps","cancelButtonProps","showCancel","onConfirm","onCancel","onError","controlled","defaultOpen","onOpenChange","children","props","messages","useLeafConfig","t","useText","open","setOpen","useControllable","busy","setBusy","useState","error","setError","inFlight","useRef","generation","useEffect","Popover","next","Boolean","FeedbackIcon","Button","event","request","reason"],"mappings":"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"}
+{"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/popover.js

@@ -1,13 +1,15 @@
 "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 Popover({ 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 }) {
+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);
@@ -146,6 +148,12 @@ function Popover({ children, title, content, trigger: mode = 'click', placement
         ]
     });
 }
-export { Popover };
+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

@@ -1 +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 { 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 Popover({\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"],"names":["Popover","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"],"mappings":"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"}
+{"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/progress.js

@@ -1,10 +1,13 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/progress.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, X } from "lucide-react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
-function Progress({ percent = 0, type = 'line', status = 'normal', showInfo = true, format, strokeWidth, color, size = 100, indeterminate = false, active = true, trailColor, segments, steps, dashboard = false, successPercent, className, style, 'aria-label': label, ...props }) {
+function Progress(rawProps) {
+    const { percent = 0, type = 'line', status = 'normal', showInfo = true, format, strokeWidth, color, size = 100, indeterminate = false, active = true, trailColor, segments, steps, dashboard = false, successPercent, className, style, 'aria-label': label, ...props } = useComponentProps('Progress', rawProps);
     const { messages } = useLeafConfig();
     const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));
     const state = indeterminate || 'normal' !== status || 100 !== value ? status : 'success';
@@ -34,8 +37,8 @@ function Progress({ percent = 0, type = 'line', status = 'normal', showInfo = tr
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": indeterminate ? void 0 : value,
-        "aria-label": label ?? messages.progress,
-        "aria-valuetext": indeterminate ? messages.loading : `${value}%`,
+        "aria-label": label ?? messages.progress.label,
+        "aria-valuetext": indeterminate ? messages.common.loading : `${value}%`,
         "data-status": state,
         "data-indeterminate": indeterminate || void 0,
         "data-active": active && 'line' === type && !stepCount && !indeterminate && 'normal' === state && filled > 0 && filled < 100 || void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"progress/progress.js","sources":["../../../../../src/progress/progress.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress({\n  percent = 0,\n  type = 'line',\n  status = 'normal',\n  showInfo = true,\n  format,\n  strokeWidth,\n  color,\n  size = 100,\n  indeterminate = false,\n  active = true,\n  trailColor,\n  segments,\n  steps,\n  dashboard = false,\n  successPercent,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: ProgressProps) {\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress}\n      aria-valuetext={indeterminate ? messages.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["Progress","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":";;;;;;AA4BO,SAASA,SAAS,EACvBC,UAAU,CAAC,EACXC,OAAO,MAAM,EACbC,SAAS,QAAQ,EACjBC,WAAW,IAAI,EACfC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,OAAO,GAAG,EACVC,gBAAgB,KAAK,EACrBC,SAAS,IAAI,EACbC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,YAAY,KAAK,EACjBC,cAAc,EACdC,SAAS,EACTC,KAAK,EACL,cAAcC,KAAK,EACnB,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,QAAQC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,KAAKC,OAAO,QAAQ,CAACvB,WAAWA,UAAU;IAC7E,MAAMwB,QAAQ,AAAChB,iBAAiBN,AAAW,aAAXA,UAAuBmB,AAAU,QAAVA,QAA4BnB,SAAZ;IACvE,MAAMuB,QAAQH,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIjB,eAAgBJ,CAAAA,AAAS,aAATA,OAAoB,IAAI;IAC/E,MAAMyB,UAAUtB,SACdA,OAAOiB,SACLG,AAAU,cAAVA,QAAsB,WAAZ,GACZ,IAACG,OAAKA;QAAC,eAAY;SACjBH,AAAU,YAAVA,QAAoB,WAAV,GACZ,IAACI,GAACA;QAAC,eAAY;SAEf,GAAGP,MAAM,CAAC,CAAC;IAEb,MAAMQ,SAAS,KAAKJ,QAAQ;IAC5B,MAAMK,gBAAgB,IAAIR,KAAK,EAAE,GAAGO;IACpC,MAAME,QAAQlB,YAAYiB,AAAgB,OAAhBA,gBAAuBA;IACjD,MAAME,YACJpB,SAASW,OAAO,QAAQ,CAACX,SAASU,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,MAAMA,KAAK,KAAK,CAACV,WAAW;IACrF,IAAIqB,YAAY;IAChB,MAAMC,WAAWvB,UAAU,IAAI,CAACwB;QAC9B,MAAMnC,UAAUsB,KAAK,GAAG,CACtB,GACAA,KAAK,GAAG,CAACW,WAAWV,OAAO,QAAQ,CAACY,QAAQ,OAAO,IAAIA,QAAQ,OAAO,GAAG;QAE3EF,aAAajC;QACb,OAAO;YAAE,GAAGmC,OAAO;YAAEnC;QAAQ;IAC/B;IACA,MAAMoC,SAASF,UAAU,SACrBA,SAAS,MAAM,CAAC,CAACG,OAAOC,UAAYD,QAAQC,QAAQ,OAAO,EAAE,KAC7DjB;IACJ,OAAO,WAAP,GACE,KAAC;QACE,GAAGH,KAAK;QACT,MAAK;QACL,iBAAe;QACf,iBAAe;QACf,iBAAeV,gBAAgB+B,SAAYlB;QAC3C,cAAYJ,SAASE,SAAS,QAAQ;QACtC,kBAAgBX,gBAAgBW,SAAS,OAAO,GAAG,GAAGE,MAAM,CAAC,CAAC;QAC9D,eAAaG;QACb,sBAAoBhB,iBAAiB+B;QACrC,eACG9B,UACCR,AAAS,WAATA,QACA,CAAC+B,aACD,CAACxB,iBACDgB,AAAU,aAAVA,SACAY,SAAS,KACTA,SAAS,OACXG;QAEF,WAAWC,QACT,iBACA,CAAC,eAAe,EAAEvC,MAAM,EACxBY,aAAa,4BACb4B,QAAQ7B,UAAU,wBAClBG;QAEF,OAAO;YACL,GAAIT,QAAQ;gBAAE,yBAAyBA;YAAM,IAAI,CAAC,CAAC;YACnD,GAAII,aAAa;gBAAE,yBAAyBA;YAAW,IAAI,CAAC,CAAC;YAC7D,GAAIT,AAAS,aAATA,OAAoB;gBAAE,OAAOM;gBAAM,QAAQA;YAAK,IAAI,CAAC,CAAC;YAC1D,GAAGS,KAAK;QACV;;YAEU,WAATf,OAAkB,WAAT,GACR,IAAC;gBACC,WAAU;gBACV,OAAO;oBAAE,QAAQwB;oBAAO,SAASd,UAAU,SAAS,SAAS4B;gBAAU;0BAEtEP,YACCU,MAAM,IAAI,CAAC;oBAAE,QAAQV;gBAAU,GAAG,CAACW,GAAGC,QAAUA,OAAO,GAAG,CAAC,CAACA,QAAAA,WAAAA,GAC1D,IAAC;wBAEC,WAAU;wBACV,eAAcA,QAAQZ,YAAa,MAAMX,SAASkB;wBAClD,OACE5B,UAAU,CAACiC,MAAM,GACZ;4BAAE,yBAAyBjC,QAAQ,CAACiC,MAAM,EAAE;wBAAM,IACnDL;uBAND,CAAC,KAAK,EAAEK,OAAO,KAUtBjC,UAAU,SACZuB,UAAU,IAAI,CAACC,SAASS,QAAAA,WAAAA,GACtB,IAAC;wBAEC,WAAU;wBACV,OAAO;4BAAE,OAAO,GAAGT,QAAQ,OAAO,CAAC,CAAC,CAAC;4BAAE,YAAYA,QAAQ,KAAK;wBAAC;uBAF5DA,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAES,OAAO,mBAM1C,IAAC;oBAAI,WAAU;oBAAsB,OAAO;wBAAE,OAAO,GAAGvB,MAAM,CAAC,CAAC;oBAAC;;+BAIrE,KAAC;gBAAI,SAAQ;gBAAc,eAAY;;kCACrC,IAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGQ;wBACH,aAAaJ;wBACb,iBAAiBZ,YAAY,GAAGkB,MAAM,CAAC,EAAED,eAAe,GAAGS;wBAC3D,WAAW1B,YAAY,sBAAsB0B;;kCAE/C,IAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGV;wBACH,aAAaJ;wBACb,iBACEjB,gBACI,GAAGsB,AAAgB,OAAhBA,cAAqB,CAAC,EAAEA,eAAe,GAC1C,GAAIC,QAAQV,QAAS,IAAI,CAAC,EAAES,eAAe;wBAEjD,kBAAkB;wBAClB,WAAWjB,YAAY,sBAAsB;;oBAE3B0B,WAAnBzB,kBAAgC,WAAbyB,GAClB,IAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGV;wBACH,aAAaJ;wBACb,iBAAiB,GAAIM,QAAQT,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACD,OAAOP,mBAAoB,IAAI,CAAC,EAAEgB,eAAe;wBACnG,WAAWjB,YAAY,sBAAsB;;;;YAKpDV,YAAY,CAACK,iBAAiB,WAAjBA,GAAiB,IAAC;gBAAK,WAAU;0BAAuBkB;;;;AAG5E"}
+{"version":3,"file":"progress/progress.js","sources":["../../../../../src/progress/progress.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress(rawProps: ProgressProps) {\n  const {\n    percent = 0,\n    type = 'line',\n    status = 'normal',\n    showInfo = true,\n    format,\n    strokeWidth,\n    color,\n    size = 100,\n    indeterminate = false,\n    active = true,\n    trailColor,\n    segments,\n    steps,\n    dashboard = false,\n    successPercent,\n    className,\n    style,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Progress', rawProps);\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress.label}\n      aria-valuetext={indeterminate ? messages.common.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["Progress","rawProps","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","useComponentProps","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":"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"}