@lobehub/ui 5.49.1 → 5.50.0

package/es/base-ui/Badge/style.mjs

@@ -0,0 +1,112 @@
+import { createStaticStyles, cssVar, keyframes } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Badge/style.ts
+const pulse = keyframes`
+  to {
+    scale: 2.4;
+    opacity: 0;
+  }
+`;
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	pill: css`
+    display: inline-block;
+
+    box-sizing: border-box;
+    min-width: 18px;
+    height: 18px;
+    padding-inline: 5px;
+    border-radius: 999px;
+
+    font-family: ${cssVar.fontFamilyCode};
+    font-size: 11px;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+    line-height: 18px;
+    color: ${cssVar.colorWhite};
+    text-align: center;
+    white-space: nowrap;
+
+    background: ${cssVar.colorError};
+    box-shadow: 0 0 0 1.5px ${cssVar.colorBgContainer};
+  `,
+	pillAbsolute: css`
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    translate: 50% -50%;
+  `,
+	pillDot: css`
+    width: 8px;
+    min-width: 0;
+    height: 8px;
+    padding: 0;
+
+    box-shadow: none;
+  `,
+	pillSmall: css`
+    min-width: 14px;
+    height: 14px;
+    font-size: 11px;
+    line-height: 14px;
+  `,
+	statusDot: css`
+    position: relative;
+
+    flex-shrink: 0;
+
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+
+    background: ${cssVar.colorTextQuaternary};
+  `,
+	statusDotProcessing: css`
+    &::after {
+      content: '';
+
+      position: absolute;
+      inset: -1px;
+
+      border: 1px solid currentcolor;
+      border-radius: 50%;
+
+      animation: ${pulse} 1.2s ease-out infinite;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      &::after {
+        animation: none;
+      }
+    }
+  `,
+	statusRoot: css`
+    display: inline-flex;
+    gap: 8px;
+    align-items: center;
+  `,
+	statusText: css`
+    color: ${cssVar.colorText};
+  `,
+	wrapper: css`
+    position: relative;
+    display: inline-block;
+  `
+}));
+const statusColor = {
+	default: cssVar.colorTextQuaternary,
+	error: cssVar.colorError,
+	processing: cssVar.colorInfo,
+	success: cssVar.colorSuccess,
+	warning: cssVar.colorWarning
+};
+const pillSize = cva(styles.pill, {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: null,
+		small: styles.pillSmall
+	} }
+});
+//#endregion
+export { pillSize, statusColor, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Badge/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Badge/style.ts"],"sourcesContent":["import { createStaticStyles, cssVar, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst pulse = keyframes`\n  to {\n    scale: 2.4;\n    opacity: 0;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  pill: css`\n    display: inline-block;\n\n    box-sizing: border-box;\n    min-width: 18px;\n    height: 18px;\n    padding-inline: 5px;\n    border-radius: 999px;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 11px;\n    font-weight: 500;\n    font-variant-numeric: tabular-nums;\n    line-height: 18px;\n    color: ${cssVar.colorWhite};\n    text-align: center;\n    white-space: nowrap;\n\n    background: ${cssVar.colorError};\n    box-shadow: 0 0 0 1.5px ${cssVar.colorBgContainer};\n  `,\n  pillAbsolute: css`\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    translate: 50% -50%;\n  `,\n  pillDot: css`\n    width: 8px;\n    min-width: 0;\n    height: 8px;\n    padding: 0;\n\n    box-shadow: none;\n  `,\n  pillSmall: css`\n    min-width: 14px;\n    height: 14px;\n    font-size: 11px;\n    line-height: 14px;\n  `,\n  statusDot: css`\n    position: relative;\n\n    flex-shrink: 0;\n\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n\n    background: ${cssVar.colorTextQuaternary};\n  `,\n  statusDotProcessing: css`\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset: -1px;\n\n      border: 1px solid currentcolor;\n      border-radius: 50%;\n\n      animation: ${pulse} 1.2s ease-out infinite;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      &::after {\n        animation: none;\n      }\n    }\n  `,\n  statusRoot: css`\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n  `,\n  statusText: css`\n    color: ${cssVar.colorText};\n  `,\n  wrapper: css`\n    position: relative;\n    display: inline-block;\n  `,\n}));\n\nexport const statusColor: Record<string, string> = {\n  default: cssVar.colorTextQuaternary,\n  error: cssVar.colorError,\n  processing: cssVar.colorInfo,\n  success: cssVar.colorSuccess,\n  warning: cssVar.colorWarning,\n};\n\nexport const pillSize = cva(styles.pill, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: null,\n      small: styles.pillSmall,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAM,QAAQ,SAAS;;;;;;AAOvB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;mBASQ,OAAO,eAAe;;;;;aAK5B,OAAO,WAAW;;;;kBAIb,OAAO,WAAW;8BACN,OAAO,iBAAiB;;CAEpD,cAAc,GAAG;;;;;;CAMjB,SAAS,GAAG;;;;;;;;CAQZ,WAAW,GAAG;;;;;;CAMd,WAAW,GAAG;;;;;;;;;kBASE,OAAO,oBAAoB;;CAE3C,qBAAqB,GAAG;;;;;;;;;;mBAUP,MAAM;;;;;;;;;CASvB,YAAY,GAAG;;;;;CAKf,YAAY,GAAG;aACJ,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;;AAId,EAAE;AAEF,MAAa,cAAsC;CACjD,SAAS,OAAO;CAChB,OAAO,OAAO;CACd,YAAY,OAAO;CACnB,SAAS,OAAO;CAChB,SAAS,OAAO;AAClB;AAEA,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS;EACT,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

package/es/base-ui/Badge/type.d.mts

@@ -0,0 +1,19 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Badge/type.d.ts
+type BadgeStatus = 'success' | 'processing' | 'default' | 'error' | 'warning';
+type BadgeSize = 'default' | 'small';
+interface BadgeProps extends Omit<ComponentProps<'span'>, 'color'> {
+  color?: string;
+  count?: ReactNode;
+  dot?: boolean;
+  offset?: [number, number];
+  overflowCount?: number;
+  ref?: Ref<HTMLSpanElement>;
+  showZero?: boolean;
+  size?: BadgeSize;
+  status?: BadgeStatus;
+  text?: ReactNode;
+}
+//#endregion
+export { BadgeProps, BadgeSize, BadgeStatus };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Input/style.d.mts

@@ -23,8 +23,8 @@ declare const styles: {
 };
 declare const rootVariants: (props?: ({
   shadow?: boolean | null | undefined;
-  size?: "large" | "middle" | "small" | null | undefined;
-  variant?: "borderless" | "filled" | "outlined" | null | undefined;
+  size?: "small" | "middle" | "large" | null | undefined;
+  variant?: "filled" | "borderless" | "outlined" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 export { rootVariants, styles };

package/es/base-ui/Pagination/Pagination.d.mts

@@ -0,0 +1,6 @@
+import { PaginationProps } from "./type.mjs";
+//#region src/base-ui/Pagination/Pagination.d.ts
+declare const Pagination: import("react").NamedExoticComponent<PaginationProps>;
+//#endregion
+export { Pagination as default };
+//# sourceMappingURL=Pagination.d.mts.map

package/es/base-ui/Pagination/Pagination.mjs

@@ -0,0 +1,123 @@
+"use client";
+import Select from "../Select/Select.mjs";
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { clampPage, getPageCount, getPaginationItems } from "./helpers.mjs";
+import { buttonVariants, ellipsisVariants, styles } from "./style.mjs";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+//#region src/base-ui/Pagination/Pagination.tsx
+const Pagination = memo(({ className, current, defaultCurrent = 1, defaultPageSize = 10, disabled, hideOnSinglePage, onChange, onPageSizeChange, pageSize, pageSizeOptions = [
+	10,
+	20,
+	50,
+	100
+], ref, showSizeChanger = false, showTotal, size = "middle", style, total, ...rest }) => {
+	const [mergedPageSize, setMergedPageSize] = useMergeState(defaultPageSize, { value: pageSize });
+	const pageCount = getPageCount(total, mergedPageSize);
+	const [mergedCurrent, setMergedCurrent] = useMergeState(defaultCurrent, { value: current });
+	const onChangeStable = useEventCallback((nextCurrent, nextPageSize) => {
+		onChange?.(nextCurrent, nextPageSize);
+	});
+	const pendingNotifyRef = useRef(null);
+	const [prevPageCount, setPrevPageCount] = useState(pageCount);
+	if (pageCount !== prevPageCount) {
+		setPrevPageCount(pageCount);
+		if (mergedCurrent > pageCount && pageCount >= 1) {
+			setMergedCurrent(pageCount);
+			pendingNotifyRef.current = {
+				current: pageCount,
+				pageSize: mergedPageSize
+			};
+		}
+	}
+	useEffect(() => {
+		if (!pendingNotifyRef.current) return;
+		const { current: nextCurrent, pageSize: nextPageSize } = pendingNotifyRef.current;
+		pendingNotifyRef.current = null;
+		onChangeStable(nextCurrent, nextPageSize);
+	});
+	const displayCurrent = clampPage(mergedCurrent, pageCount);
+	if (hideOnSinglePage && pageCount <= 1) return null;
+	const commitCurrent = (nextCurrent, nextPageSize) => {
+		setMergedCurrent(nextCurrent);
+		onChange?.(nextCurrent, nextPageSize);
+	};
+	const goTo = (page) => {
+		commitCurrent(clampPage(page, pageCount), mergedPageSize);
+	};
+	const handlePageSizeChange = (value) => {
+		const nextSize = Number(value);
+		const nextPageCount = getPageCount(total, nextSize);
+		const nextCurrent = clampPage(displayCurrent, nextPageCount);
+		setMergedPageSize(nextSize);
+		commitCurrent(nextCurrent, nextSize);
+		onPageSizeChange?.(nextCurrent, nextSize);
+	};
+	const items = getPaginationItems(displayCurrent, pageCount);
+	const rangeStart = total === 0 ? 0 : (displayCurrent - 1) * mergedPageSize + 1;
+	const rangeEnd = Math.min(displayCurrent * mergedPageSize, total);
+	return /* @__PURE__ */ jsxs("nav", {
+		"aria-label": "Pagination",
+		className: cx(styles.root, className),
+		ref,
+		role: "navigation",
+		style,
+		...rest,
+		children: [
+			showTotal && /* @__PURE__ */ jsx("span", {
+				className: styles.total,
+				children: showTotal(total, [rangeStart, rangeEnd])
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Previous page",
+				className: buttonVariants({ size }),
+				disabled: disabled || displayCurrent <= 1,
+				type: "button",
+				onClick: () => goTo(displayCurrent - 1),
+				children: /* @__PURE__ */ jsx(ChevronLeft, { size: size === "small" ? 14 : 16 })
+			}),
+			items.map((item) => typeof item === "number" ? /* @__PURE__ */ jsx("button", {
+				"aria-current": item === displayCurrent ? "page" : void 0,
+				className: buttonVariants({ size }),
+				disabled,
+				type: "button",
+				onClick: () => goTo(item),
+				children: item
+			}, item) : /* @__PURE__ */ jsx("span", {
+				className: ellipsisVariants({ size }),
+				children: "···"
+			}, item)),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Next page",
+				className: buttonVariants({ size }),
+				disabled: disabled || displayCurrent >= pageCount,
+				type: "button",
+				onClick: () => goTo(displayCurrent + 1),
+				children: /* @__PURE__ */ jsx(ChevronRight, { size: size === "small" ? 14 : 16 })
+			}),
+			showSizeChanger && /* @__PURE__ */ jsx(Select, {
+				disabled,
+				size: size === "small" ? "small" : "middle",
+				style: {
+					flex: "none",
+					marginInlineStart: 8,
+					width: "auto"
+				},
+				value: String(mergedPageSize),
+				options: pageSizeOptions.map((option) => ({
+					label: `${option} / page`,
+					value: String(option)
+				})),
+				onChange: handlePageSizeChange
+			})
+		]
+	});
+});
+Pagination.displayName = "Pagination";
+//#endregion
+export { Pagination as default };
+
+//# sourceMappingURL=Pagination.mjs.map

package/es/base-ui/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { memo, useEffect, useRef, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Select from '@/base-ui/Select';\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { clampPage, getPageCount, getPaginationItems } from './helpers';\nimport { buttonVariants, ellipsisVariants, styles } from './style';\nimport type { PaginationProps } from './type';\n\nconst Pagination = memo<PaginationProps>(\n  ({\n    className,\n    current,\n    defaultCurrent = 1,\n    defaultPageSize = 10,\n    disabled,\n    hideOnSinglePage,\n    onChange,\n    onPageSizeChange,\n    pageSize,\n    pageSizeOptions = [10, 20, 50, 100],\n    ref,\n    showSizeChanger = false,\n    showTotal,\n    size = 'middle',\n    style,\n    total,\n    ...rest\n  }) => {\n    const [mergedPageSize, setMergedPageSize] = useControlledState(defaultPageSize, {\n      value: pageSize,\n    });\n    const pageCount = getPageCount(total, mergedPageSize);\n    const [mergedCurrent, setMergedCurrent] = useControlledState(defaultCurrent, {\n      value: current,\n    });\n    const onChangeStable = useEventCallback((nextCurrent: number, nextPageSize: number) => {\n      onChange?.(nextCurrent, nextPageSize);\n    });\n\n    const pendingNotifyRef = useRef<{ current: number; pageSize: number } | null>(null);\n    const [prevPageCount, setPrevPageCount] = useState(pageCount);\n\n    if (pageCount !== prevPageCount) {\n      setPrevPageCount(pageCount);\n\n      if (mergedCurrent > pageCount && pageCount >= 1) {\n        setMergedCurrent(pageCount);\n        pendingNotifyRef.current = { current: pageCount, pageSize: mergedPageSize };\n      }\n    }\n\n    useEffect(() => {\n      if (!pendingNotifyRef.current) return;\n\n      const { current: nextCurrent, pageSize: nextPageSize } = pendingNotifyRef.current;\n      pendingNotifyRef.current = null;\n      onChangeStable(nextCurrent, nextPageSize);\n    });\n\n    const displayCurrent = clampPage(mergedCurrent, pageCount);\n\n    if (hideOnSinglePage && pageCount <= 1) return null;\n\n    const commitCurrent = (nextCurrent: number, nextPageSize: number) => {\n      setMergedCurrent(nextCurrent);\n      onChange?.(nextCurrent, nextPageSize);\n    };\n\n    const goTo = (page: number) => {\n      commitCurrent(clampPage(page, pageCount), mergedPageSize);\n    };\n\n    const handlePageSizeChange = (value: string) => {\n      const nextSize = Number(value);\n      const nextPageCount = getPageCount(total, nextSize);\n      const nextCurrent = clampPage(displayCurrent, nextPageCount);\n\n      setMergedPageSize(nextSize);\n      commitCurrent(nextCurrent, nextSize);\n      onPageSizeChange?.(nextCurrent, nextSize);\n    };\n\n    const items = getPaginationItems(displayCurrent, pageCount);\n    const rangeStart = total === 0 ? 0 : (displayCurrent - 1) * mergedPageSize + 1;\n    const rangeEnd = Math.min(displayCurrent * mergedPageSize, total);\n\n    return (\n      <nav\n        aria-label=\"Pagination\"\n        className={cx(styles.root, className)}\n        ref={ref}\n        role=\"navigation\"\n        style={style}\n        {...rest}\n      >\n        {showTotal && (\n          <span className={styles.total}>{showTotal(total, [rangeStart, rangeEnd])}</span>\n        )}\n        <button\n          aria-label=\"Previous page\"\n          className={buttonVariants({ size })}\n          disabled={disabled || displayCurrent <= 1}\n          type=\"button\"\n          onClick={() => goTo(displayCurrent - 1)}\n        >\n          <ChevronLeft size={size === 'small' ? 14 : 16} />\n        </button>\n        {items.map((item) =>\n          typeof item === 'number' ? (\n            <button\n              aria-current={item === displayCurrent ? 'page' : undefined}\n              className={buttonVariants({ size })}\n              disabled={disabled}\n              key={item}\n              type=\"button\"\n              onClick={() => goTo(item)}\n            >\n              {item}\n            </button>\n          ) : (\n            <span className={ellipsisVariants({ size })} key={item}>\n              ···\n            </span>\n          ),\n        )}\n        <button\n          aria-label=\"Next page\"\n          className={buttonVariants({ size })}\n          disabled={disabled || displayCurrent >= pageCount}\n          type=\"button\"\n          onClick={() => goTo(displayCurrent + 1)}\n        >\n          <ChevronRight size={size === 'small' ? 14 : 16} />\n        </button>\n        {showSizeChanger && (\n          <Select\n            disabled={disabled}\n            size={size === 'small' ? 'small' : 'middle'}\n            style={{ flex: 'none', marginInlineStart: 8, width: 'auto' }}\n            value={String(mergedPageSize)}\n            options={pageSizeOptions.map((option) => ({\n              label: `${option} / page`,\n              value: String(option),\n            }))}\n            onChange={handlePageSizeChange}\n          />\n        )}\n      </nav>\n    );\n  },\n);\n\nPagination.displayName = 'Pagination';\n\nexport default Pagination;\n"],"mappings":"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"}

package/es/base-ui/Pagination/helpers.mjs

@@ -0,0 +1,18 @@
+//#region src/base-ui/Pagination/helpers.ts
+const getPageCount = (total, pageSize) => Math.max(1, Math.ceil(total / pageSize));
+const clampPage = (page, pageCount) => Math.min(Math.max(page, 1), pageCount);
+const getPaginationItems = (current, pageCount) => {
+	if (pageCount <= 1) return [1];
+	const items = [1];
+	const start = Math.max(2, current - 2);
+	const end = Math.min(pageCount - 1, current + 2);
+	if (start > 2) items.push("ellipsis-prev");
+	for (let page = start; page <= end; page += 1) items.push(page);
+	if (end < pageCount - 1) items.push("ellipsis-next");
+	items.push(pageCount);
+	return items;
+};
+//#endregion
+export { clampPage, getPageCount, getPaginationItems };
+
+//# sourceMappingURL=helpers.mjs.map

package/es/base-ui/Pagination/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/base-ui/Pagination/helpers.ts"],"sourcesContent":["export type PaginationItem = number | 'ellipsis-prev' | 'ellipsis-next';\n\nexport const getPageCount = (total: number, pageSize: number) =>\n  Math.max(1, Math.ceil(total / pageSize));\n\nexport const clampPage = (page: number, pageCount: number) =>\n  Math.min(Math.max(page, 1), pageCount);\n\nexport const getPaginationItems = (current: number, pageCount: number): PaginationItem[] => {\n  if (pageCount <= 1) return [1];\n\n  const items: PaginationItem[] = [1];\n  const start = Math.max(2, current - 2);\n  const end = Math.min(pageCount - 1, current + 2);\n\n  if (start > 2) items.push('ellipsis-prev');\n  for (let page = start; page <= end; page += 1) items.push(page);\n  if (end < pageCount - 1) items.push('ellipsis-next');\n\n  items.push(pageCount);\n\n  return items;\n};\n"],"mappings":";AAEA,MAAa,gBAAgB,OAAe,aAC1C,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,QAAQ,CAAC;AAEzC,MAAa,aAAa,MAAc,cACtC,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,SAAS;AAEvC,MAAa,sBAAsB,SAAiB,cAAwC;CAC1F,IAAI,aAAa,GAAG,OAAO,CAAC,CAAC;CAE7B,MAAM,QAA0B,CAAC,CAAC;CAClC,MAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,CAAC;CACrC,MAAM,MAAM,KAAK,IAAI,YAAY,GAAG,UAAU,CAAC;CAE/C,IAAI,QAAQ,GAAG,MAAM,KAAK,eAAe;CACzC,KAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,GAAG,MAAM,KAAK,IAAI;CAC9D,IAAI,MAAM,YAAY,GAAG,MAAM,KAAK,eAAe;CAEnD,MAAM,KAAK,SAAS;CAEpB,OAAO;AACT"}

package/es/base-ui/Pagination/index.d.mts

@@ -0,0 +1,3 @@
+import { PaginationProps, PaginationSize } from "./type.mjs";
+import Pagination from "./Pagination.mjs";
+export { type PaginationProps, type PaginationSize, Pagination as default };

package/es/base-ui/Pagination/style.mjs

@@ -0,0 +1,92 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Pagination/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	button: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    min-width: 28px;
+    height: 28px;
+    padding-inline: 6px;
+    border: none;
+    border-radius: ${cssVar.borderRadius};
+
+    font-size: 13px;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    transition: background-color 0.15s;
+
+    &:hover:not(:disabled) {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    &:disabled {
+      cursor: default;
+      color: ${cssVar.colorTextQuaternary};
+      background: transparent;
+    }
+
+    &[aria-current='page'] {
+      font-weight: 600;
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillSecondary};
+    }
+  `,
+	ellipsis: css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 28px;
+
+    color: ${cssVar.colorTextQuaternary};
+    letter-spacing: 2px;
+  `,
+	root: css`
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    font-variant-numeric: tabular-nums;
+  `,
+	small: css`
+    min-width: 24px;
+    height: 24px;
+    font-size: 12px;
+  `,
+	smallEllipsis: css`
+    width: 24px;
+  `,
+	total: css`
+    margin-inline-end: 8px;
+    font-size: 12px;
+    color: ${cssVar.colorTextTertiary};
+    white-space: nowrap;
+  `
+}));
+const buttonVariants = cva(styles.button, {
+	defaultVariants: { size: "middle" },
+	variants: { size: {
+		middle: null,
+		small: styles.small
+	} }
+});
+const ellipsisVariants = cva(styles.ellipsis, {
+	defaultVariants: { size: "middle" },
+	variants: { size: {
+		middle: null,
+		small: styles.smallEllipsis
+	} }
+});
+//#endregion
+export { buttonVariants, ellipsisVariants, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Pagination/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Pagination/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  button: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 28px;\n    height: 28px;\n    padding-inline: 6px;\n    border: none;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 13px;\n    font-weight: 500;\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    transition: background-color 0.15s;\n\n    &:hover:not(:disabled) {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:disabled {\n      cursor: default;\n      color: ${cssVar.colorTextQuaternary};\n      background: transparent;\n    }\n\n    &[aria-current='page'] {\n      font-weight: 600;\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  ellipsis: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n\n    color: ${cssVar.colorTextQuaternary};\n    letter-spacing: 2px;\n  `,\n  root: css`\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    font-variant-numeric: tabular-nums;\n  `,\n  small: css`\n    min-width: 24px;\n    height: 24px;\n    font-size: 12px;\n  `,\n  smallEllipsis: css`\n    width: 24px;\n  `,\n  total: css`\n    margin-inline-end: 8px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n    white-space: nowrap;\n  `,\n}));\n\nexport const buttonVariants = cva(styles.button, {\n  defaultVariants: {\n    size: 'middle',\n  },\n  variants: {\n    size: {\n      middle: null,\n      small: styles.small,\n    },\n  },\n});\n\nexport const ellipsisVariants = cva(styles.ellipsis, {\n  defaultVariants: {\n    size: 'middle',\n  },\n  variants: {\n    size: {\n      middle: null,\n      small: styles.smallEllipsis,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;qBAWQ,OAAO,aAAa;;;;;aAK5B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;;;eAK9B,OAAO,oBAAoB;;;;;;eAM3B,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;CAG5C,UAAU,GAAG;;;;;;;aAOF,OAAO,oBAAoB;;;CAGtC,MAAM,GAAG;;;;;;CAMT,OAAO,GAAG;;;;;CAKV,eAAe,GAAG;;;CAGlB,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;;AAGtC,EAAE;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,mBAAmB,IAAI,OAAO,UAAU;CACnD,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

package/es/base-ui/Pagination/type.d.mts

@@ -0,0 +1,22 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Pagination/type.d.ts
+type PaginationSize = 'small' | 'middle';
+interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
+  current?: number;
+  defaultCurrent?: number;
+  defaultPageSize?: number;
+  disabled?: boolean;
+  hideOnSinglePage?: boolean;
+  onChange?: (page: number, pageSize: number) => void;
+  onPageSizeChange?: (current: number, size: number) => void;
+  pageSize?: number;
+  pageSizeOptions?: number[];
+  ref?: Ref<HTMLElement>;
+  showSizeChanger?: boolean;
+  showTotal?: (total: number, range: [number, number]) => ReactNode;
+  size?: PaginationSize;
+  total: number;
+}
+//#endregion
+export { PaginationProps, PaginationSize };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Progress/Progress.d.mts

@@ -0,0 +1,6 @@
+import { ProgressProps } from "./type.mjs";
+//#region src/base-ui/Progress/Progress.d.ts
+declare const Progress: import("react").NamedExoticComponent<ProgressProps>;
+//#endregion
+export { Progress as default };
+//# sourceMappingURL=Progress.d.mts.map

package/es/base-ui/Progress/Progress.mjs

@@ -0,0 +1,179 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { styles, trackHeight } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx } from "antd-style";
+import { Check, X } from "lucide-react";
+//#region src/base-ui/Progress/Progress.tsx
+const circleDiameterMap = {
+	large: 72,
+	middle: 40,
+	small: 20
+};
+const circleStrokeMap = {
+	large: 4,
+	middle: 3,
+	small: 2
+};
+const statusColor = {
+	active: cssVar.colorInfo,
+	exception: cssVar.colorError,
+	success: cssVar.colorSuccess
+};
+const Progress = memo(({ className, format, label, percent, ref, segments = 20, showInfo = true, size = "middle", status = "normal", strokeColor, style, type = "line", variant = "line", ...rest }) => {
+	const clamped = Math.min(100, Math.max(0, percent));
+	const barColor = strokeColor ?? (status === "normal" ? cssVar.colorPrimary : statusColor[status]);
+	const info = useMemo(() => {
+		if (status === "success") return /* @__PURE__ */ jsx(Icon, {
+			icon: Check,
+			size: 14,
+			style: { color: barColor }
+		});
+		if (status === "exception") return /* @__PURE__ */ jsx(Icon, {
+			icon: X,
+			size: 14,
+			style: { color: barColor }
+		});
+		return format ? format(clamped) : `${clamped}%`;
+	}, [
+		status,
+		format,
+		clamped,
+		barColor
+	]);
+	const progressAria = {
+		"aria-valuemax": 100,
+		"aria-valuemin": 0,
+		"aria-valuenow": clamped,
+		"aria-valuetext": useMemo(() => {
+			if (!format) return void 0;
+			const value = format(clamped);
+			return typeof value === "string" || typeof value === "number" ? String(value) : void 0;
+		}, [format, clamped]),
+		"role": "progressbar"
+	};
+	if (type === "circle") {
+		const isPreset = typeof size === "string";
+		const diameter = isPreset ? circleDiameterMap[size] : size;
+		const stroke = isPreset ? circleStrokeMap[size] : Math.max(2, Math.round(diameter * 3 / 40));
+		const radius = diameter / 2 - stroke;
+		const circumference = 2 * Math.PI * radius;
+		const offset = circumference * (1 - clamped / 100);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cx(styles.circleRoot, className),
+			ref,
+			style,
+			...progressAria,
+			...rest,
+			children: [/* @__PURE__ */ jsxs("svg", {
+				className: styles.circleSvg,
+				height: diameter,
+				viewBox: `0 0 ${diameter} ${diameter}`,
+				width: diameter,
+				children: [/* @__PURE__ */ jsx("circle", {
+					className: styles.circleTrack,
+					cx: diameter / 2,
+					cy: diameter / 2,
+					r: radius,
+					strokeWidth: stroke
+				}), /* @__PURE__ */ jsx("circle", {
+					cx: diameter / 2,
+					cy: diameter / 2,
+					fill: "none",
+					r: radius,
+					stroke: barColor,
+					strokeDasharray: circumference,
+					strokeDashoffset: offset,
+					strokeLinecap: "round",
+					strokeWidth: stroke,
+					style: { transition: "stroke-dashoffset 0.3s" }
+				})]
+			}), showInfo && diameter >= 40 && /* @__PURE__ */ jsx("span", {
+				className: styles.circleInfo,
+				style: { fontSize: diameter <= 40 ? 12 : 16 },
+				children: info
+			})]
+		});
+	}
+	const heightStyle = typeof size === "number" ? { height: size } : void 0;
+	const heightClass = (family) => typeof size === "number" ? void 0 : trackHeight({
+		family,
+		size
+	});
+	if (variant === "segments") {
+		const filled = Math.round(segments * clamped / 100);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cx(styles.rowRoot, className),
+			ref,
+			style,
+			...progressAria,
+			...rest,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cx(styles.segments, heightClass("block")),
+				style: heightStyle,
+				children: Array.from({ length: segments }, (_, index) => /* @__PURE__ */ jsx("span", {
+					className: cx(styles.segment, index < filled && styles.segmentOn),
+					style: index < filled ? { background: barColor } : void 0
+				}, index))
+			}), showInfo && /* @__PURE__ */ jsx("span", {
+				className: styles.rowInfo,
+				children: info
+			})]
+		});
+	}
+	if (variant === "inset") return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.rowRoot, className),
+		ref,
+		style,
+		...progressAria,
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cx(styles.rowTrack, styles.insetTrack, heightClass("block")),
+			style: heightStyle,
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.insetBarWrapper,
+				children: /* @__PURE__ */ jsx("div", {
+					className: styles.bar,
+					style: {
+						background: barColor,
+						width: `${clamped}%`
+					},
+					children: /* @__PURE__ */ jsx("span", { className: styles.insetCap })
+				})
+			})
+		}), showInfo && /* @__PURE__ */ jsx("span", {
+			className: styles.rowInfo,
+			children: info
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.lineRoot, className),
+		ref,
+		style,
+		...progressAria,
+		...rest,
+		children: [(label || showInfo) && /* @__PURE__ */ jsxs("div", {
+			className: styles.lineMeta,
+			children: [/* @__PURE__ */ jsx("span", { children: label }), showInfo && /* @__PURE__ */ jsx("span", {
+				className: styles.lineValue,
+				children: info
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx(styles.lineTrack, heightClass("line")),
+			style: heightStyle,
+			children: /* @__PURE__ */ jsx("div", {
+				style: {
+					background: barColor,
+					width: `${clamped}%`
+				},
+				className: cx(styles.bar, variant === "line" && status === "active" && styles.barActive)
+			})
+		})]
+	});
+});
+Progress.displayName = "Progress";
+//#endregion
+export { Progress as default };
+
+//# sourceMappingURL=Progress.mjs.map

package/es/base-ui/Progress/Progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.mjs","names":[],"sources":["../../../src/base-ui/Progress/Progress.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { Check, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles, trackHeight } from './style';\nimport type { ProgressProps } from './type';\n\nconst circleDiameterMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 72,\n  middle: 40,\n  small: 20,\n};\nconst circleStrokeMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 4,\n  middle: 3,\n  small: 2,\n};\n\nconst statusColor = {\n  active: cssVar.colorInfo,\n  exception: cssVar.colorError,\n  success: cssVar.colorSuccess,\n};\n\nconst Progress = memo<ProgressProps>(\n  ({\n    className,\n    format,\n    label,\n    percent,\n    ref,\n    segments = 20,\n    showInfo = true,\n    size = 'middle',\n    status = 'normal',\n    strokeColor,\n    style,\n    type = 'line',\n    variant = 'line',\n    ...rest\n  }) => {\n    const clamped = Math.min(100, Math.max(0, percent));\n    const barColor =\n      strokeColor ?? (status === 'normal' ? cssVar.colorPrimary : statusColor[status]);\n\n    const info = useMemo(() => {\n      if (status === 'success') return <Icon icon={Check} size={14} style={{ color: barColor }} />;\n      if (status === 'exception') return <Icon icon={X} size={14} style={{ color: barColor }} />;\n      return format ? format(clamped) : `${clamped}%`;\n    }, [status, format, clamped, barColor]);\n\n    const ariaValueText = useMemo(() => {\n      if (!format) return undefined;\n      const value = format(clamped);\n      return typeof value === 'string' || typeof value === 'number' ? String(value) : undefined;\n    }, [format, clamped]);\n\n    const progressAria = {\n      'aria-valuemax': 100,\n      'aria-valuemin': 0,\n      'aria-valuenow': clamped,\n      'aria-valuetext': ariaValueText,\n      'role': 'progressbar' as const,\n    };\n\n    if (type === 'circle') {\n      const isPreset = typeof size === 'string';\n      const diameter = isPreset\n        ? circleDiameterMap[size as 'small' | 'middle' | 'large']\n        : (size as number);\n      const stroke = isPreset\n        ? circleStrokeMap[size as 'small' | 'middle' | 'large']\n        : Math.max(2, Math.round((diameter * 3) / 40));\n      const radius = diameter / 2 - stroke;\n      const circumference = 2 * Math.PI * radius;\n      const offset = circumference * (1 - clamped / 100);\n\n      return (\n        <div\n          className={cx(styles.circleRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <svg\n            className={styles.circleSvg}\n            height={diameter}\n            viewBox={`0 0 ${diameter} ${diameter}`}\n            width={diameter}\n          >\n            <circle\n              className={styles.circleTrack}\n              cx={diameter / 2}\n              cy={diameter / 2}\n              r={radius}\n              strokeWidth={stroke}\n            />\n            <circle\n              cx={diameter / 2}\n              cy={diameter / 2}\n              fill=\"none\"\n              r={radius}\n              stroke={barColor}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n              strokeWidth={stroke}\n              style={{ transition: 'stroke-dashoffset 0.3s' }}\n            />\n          </svg>\n          {showInfo && diameter >= 40 && (\n            <span className={styles.circleInfo} style={{ fontSize: diameter <= 40 ? 12 : 16 }}>\n              {info}\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    const heightStyle = typeof size === 'number' ? { height: size } : undefined;\n    const heightClass = (family: 'line' | 'block') =>\n      typeof size === 'number' ? undefined : trackHeight({ family, size });\n\n    if (variant === 'segments') {\n      const filled = Math.round((segments * clamped) / 100);\n\n      return (\n        <div\n          className={cx(styles.rowRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <div className={cx(styles.segments, heightClass('block'))} style={heightStyle}>\n            {Array.from({ length: segments }, (_, index) => (\n              <span\n                className={cx(styles.segment, index < filled && styles.segmentOn)}\n                key={index}\n                style={index < filled ? { background: barColor } : undefined}\n              />\n            ))}\n          </div>\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\n        </div>\n      );\n    }\n\n    if (variant === 'inset') {\n      return (\n        <div\n          className={cx(styles.rowRoot, className)}\n          ref={ref}\n          style={style}\n          {...progressAria}\n          {...rest}\n        >\n          <div\n            className={cx(styles.rowTrack, styles.insetTrack, heightClass('block'))}\n            style={heightStyle}\n          >\n            <div className={styles.insetBarWrapper}>\n              <div className={styles.bar} style={{ background: barColor, width: `${clamped}%` }}>\n                <span className={styles.insetCap} />\n              </div>\n            </div>\n          </div>\n          {showInfo && <span className={styles.rowInfo}>{info}</span>}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={cx(styles.lineRoot, className)}\n        ref={ref}\n        style={style}\n        {...progressAria}\n        {...rest}\n      >\n        {(label || showInfo) && (\n          <div className={styles.lineMeta}>\n            <span>{label}</span>\n            {showInfo && <span className={styles.lineValue}>{info}</span>}\n          </div>\n        )}\n        <div className={cx(styles.lineTrack, heightClass('line'))} style={heightStyle}>\n          <div\n            style={{ background: barColor, width: `${clamped}%` }}\n            className={cx(\n              styles.bar,\n              variant === 'line' && status === 'active' && styles.barActive,\n            )}\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"mappings":"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"}