@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,254 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Modal/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	backdrop: css`
-    position: fixed;
-    z-index: 1200;
-    inset: 0;
-
-    background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);
-
-    transition: opacity 180ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      opacity: 0;
-    }
-  `,
-	close: css`
-    cursor: pointer;
-
-    position: absolute;
-    inset-block-start: 8px;
-    inset-inline-end: 12px;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 32px;
-    height: 32px;
-    padding: 0;
-    border: none;
-    border-radius: 12px;
-
-    color: ${cssVar.colorTextTertiary};
-
-    background: transparent;
-
-    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &:hover {
-      transform: scale(1.04);
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    ${focusRing};
-  `,
-	closeInline: css`
-    cursor: pointer;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 32px;
-    height: 32px;
-    padding: 0;
-    border: none;
-    border-radius: 12px;
-
-    color: ${cssVar.colorTextTertiary};
-
-    background: transparent;
-
-    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &:hover {
-      transform: scale(1.04);
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    ${focusRing};
-  `,
-	content: css`
-    overflow: hidden auto;
-    padding-block: 0 16px;
-    padding-inline: 16px;
-  `,
-	contentNoHeader: css`
-    padding-block-start: 16px;
-  `,
-	footer: css`
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    justify-content: flex-end;
-
-    padding-block: 12px;
-    padding-inline: 16px;
-  `,
-	header: css`
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    min-height: 48px;
-    padding-block: 8px;
-    padding-inline: 16px;
-  `,
-	headerDraggable: css`
-    cursor: default;
-    user-select: none;
-  `,
-	popup: css`
-    pointer-events: none;
-
-    position: fixed;
-    z-index: 1201;
-    inset: 0;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `,
-	popupInner: css`
-    pointer-events: auto;
-
-    position: relative;
-
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-
-    box-sizing: border-box;
-    width: calc(100% - 32px);
-    max-width: 520px;
-    max-height: calc(100dvh - 64px);
-    border-radius: 12px;
-
-    background: ${cssVar.colorBgElevated};
-    box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);
-
-    transition:
-      transform 220ms cubic-bezier(0.32, 0.72, 0, 1),
-      opacity 220ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &[data-starting-style] {
-      transform: scale(0.97);
-      opacity: 0;
-    }
-
-    &[data-ending-style] {
-      transform: scale(0.98);
-      opacity: 0;
-      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-      transition-duration: 120ms;
-    }
-  `,
-	title: css`
-    margin: 0;
-
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 1.4;
-    color: ${cssVar.colorText};
-  `,
-	loadingSpinner: css`
-    @keyframes modal-spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    display: inline-block;
-
-    width: 14px;
-    height: 14px;
-    border: 2px solid currentcolor;
-    border-block-start-color: transparent;
-    border-radius: 50%;
-
-    animation: modal-spin 0.6s linear infinite;
-  `,
-	fullscreenPopupInner: css`
-    width: 100% !important;
-    max-width: 100% !important;
-    height: 100dvh !important;
-    max-height: 100dvh !important;
-    border: none;
-    border-radius: 12px;
-  `,
-	fullscreenToggle: css`
-    cursor: pointer;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    border: none;
-    border-radius: 12px;
-
-    color: ${cssVar.colorTextTertiary};
-
-    background: transparent;
-
-    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    &:hover {
-      transform: scale(1.04);
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    ${focusRing};
-  `,
-	headerActions: css`
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    margin-inline-end: -4px;
-  `,
-	denyAnimation: css`
-    @keyframes modal-deny {
-      0%,
-      100% {
-        transform: translateX(0);
-      }
-
-      20% {
-        transform: translateX(-5px);
-      }
-
-      40% {
-        transform: translateX(5px);
-      }
-
-      60% {
-        transform: translateX(-3px);
-      }
-
-      80% {
-        transform: translateX(2px);
-      }
-    }
-
-    animation: modal-deny 280ms cubic-bezier(0.36, 0.66, 0.04, 1);
-  `,
-	viewport: css`
-    position: fixed;
-    z-index: 1200;
-    inset: 0;
-    overflow: auto;
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  backdrop: css`\n    position: fixed;\n    z-index: 1200;\n    inset: 0;\n\n    background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n\n    transition: opacity 180ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      opacity: 0;\n    }\n  `,\n\n  close: css`\n    cursor: pointer;\n\n    position: absolute;\n    inset-block-start: 8px;\n    inset-inline-end: 12px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 12px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &:hover {\n      transform: scale(1.04);\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    ${focusRing};\n  `,\n\n  closeInline: css`\n    cursor: pointer;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border: none;\n    border-radius: 12px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &:hover {\n      transform: scale(1.04);\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    ${focusRing};\n  `,\n\n  content: css`\n    overflow: hidden auto;\n    padding-block: 0 16px;\n    padding-inline: 16px;\n  `,\n\n  contentNoHeader: css`\n    padding-block-start: 16px;\n  `,\n\n  footer: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding-block: 12px;\n    padding-inline: 16px;\n  `,\n\n  header: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    min-height: 48px;\n    padding-block: 8px;\n    padding-inline: 16px;\n  `,\n\n  headerDraggable: css`\n    cursor: default;\n    user-select: none;\n  `,\n\n  popup: css`\n    pointer-events: none;\n\n    position: fixed;\n    z-index: 1201;\n    inset: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  popupInner: css`\n    pointer-events: auto;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    box-sizing: border-box;\n    width: calc(100% - 32px);\n    max-width: 520px;\n    max-height: calc(100dvh - 64px);\n    border-radius: 12px;\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n\n    transition:\n      transform 220ms cubic-bezier(0.32, 0.72, 0, 1),\n      opacity 220ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &[data-starting-style] {\n      transform: scale(0.97);\n      opacity: 0;\n    }\n\n    &[data-ending-style] {\n      transform: scale(0.98);\n      opacity: 0;\n      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n      transition-duration: 120ms;\n    }\n  `,\n\n  title: css`\n    margin: 0;\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: ${cssVar.colorText};\n  `,\n\n  loadingSpinner: css`\n    @keyframes modal-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    display: inline-block;\n\n    width: 14px;\n    height: 14px;\n    border: 2px solid currentcolor;\n    border-block-start-color: transparent;\n    border-radius: 50%;\n\n    animation: modal-spin 0.6s linear infinite;\n  `,\n\n  fullscreenPopupInner: css`\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 100dvh !important;\n    max-height: 100dvh !important;\n    border: none;\n    border-radius: 12px;\n  `,\n\n  fullscreenToggle: css`\n    cursor: pointer;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    border-radius: 12px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    transition: all 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    &:hover {\n      transform: scale(1.04);\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    ${focusRing};\n  `,\n\n  headerActions: css`\n    display: flex;\n    gap: 4px;\n    align-items: center;\n    margin-inline-end: -4px;\n  `,\n\n  denyAnimation: css`\n    @keyframes modal-deny {\n      0%,\n      100% {\n        transform: translateX(0);\n      }\n\n      20% {\n        transform: translateX(-5px);\n      }\n\n      40% {\n        transform: translateX(5px);\n      }\n\n      60% {\n        transform: translateX(-3px);\n      }\n\n      80% {\n        transform: translateX(2px);\n      }\n    }\n\n    animation: modal-deny 280ms cubic-bezier(0.36, 0.66, 0.04, 1);\n  `,\n\n  viewport: css`\n    position: fixed;\n    z-index: 1200;\n    inset: 0;\n    overflow: auto;\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;;;qCAKsB,OAAO,iBAAiB;;;;;;;;;CAU3D,OAAO,GAAG;;;;;;;;;;;;;;;;;aAiBC,OAAO,kBAAkB;;;;;;;;eAQvB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;MAGxC,UAAU;;CAGd,aAAa,GAAG;;;;;;;;;;;;;aAaL,OAAO,kBAAkB;;;;;;;;eAQvB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;MAGxC,UAAU;;CAGd,SAAS,GAAG;;;;;CAMZ,iBAAiB,GAAG;;;CAIpB,QAAQ,GAAG;;;;;;;;;CAUX,QAAQ,GAAG;;;;;;;;;CAUX,iBAAiB,GAAG;;;;CAKpB,OAAO,GAAG;;;;;;;;;;;CAYV,YAAY,GAAG;;;;;;;;;;;;;;;kBAeC,OAAO,gBAAgB;kBACvB,OAAO,UAAU;;;;;;;;;;;;;;;;;;CAmBjC,OAAO,GAAG;;;;;;aAMC,OAAO,UAAU;;CAG5B,gBAAgB,GAAG;;;;;;;;;;;;;;;;;CAkBnB,sBAAsB,GAAG;;;;;;;;CASzB,kBAAkB,GAAG;;;;;;;;;;;;;aAaV,OAAO,kBAAkB;;;;;;;;eAQvB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;MAGxC,UAAU;;CAGd,eAAe,GAAG;;;;;;CAOlB,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,UAAU,GAAG;;;;;;AAMf,EAAE"}

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

@@ -1,108 +0,0 @@
-import { ButtonProps } from "../Button/type.mjs";
-import "../Button/index.mjs";
-import { CSSProperties, MouseEvent, ReactNode } from "react";
-//#region src/base-ui/Modal/type.d.ts
-interface BaseModalProps {
-  children?: ReactNode;
-  className?: string;
-  classNames?: {
-    backdrop?: string;
-    close?: string;
-    content?: string;
-    footer?: string;
-    header?: string;
-    popup?: string;
-    title?: string;
-  };
-  maskClosable?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  onOpenChangeComplete?: (open: boolean) => void;
-  open?: boolean;
-  styles?: {
-    backdrop?: CSSProperties;
-    close?: CSSProperties;
-    content?: CSSProperties;
-    footer?: CSSProperties;
-    header?: CSSProperties;
-    popup?: CSSProperties;
-    title?: CSSProperties;
-  };
-  title?: ReactNode;
-  width?: number | string;
-}
-interface ModalContextValue {
-  close: () => void;
-  setCanDismissByClickOutside: (value: boolean) => void;
-}
-interface ModalInstance extends ModalContextValue {
-  destroy: () => void;
-  update: (nextProps: Partial<BaseModalProps>) => void;
-}
-type ImperativeModalProps = BaseModalProps & {
-  content?: ReactNode;
-  footer?: ReactNode;
-};
-type ModalButtonProps = ButtonProps;
-interface ModalComponentProps {
-  afterClose?: () => void;
-  afterOpenChange?: (open: boolean) => void;
-  allowFullscreen?: boolean;
-  cancelButtonProps?: ModalButtonProps;
-  cancelText?: ReactNode;
-  centered?: boolean;
-  children?: ReactNode;
-  className?: string;
-  classNames?: {
-    body?: string;
-    footer?: string;
-    header?: string;
-    mask?: string;
-    title?: string;
-    wrapper?: string;
-  };
-  closable?: boolean;
-  closeIcon?: ReactNode;
-  confirmLoading?: boolean;
-  destroyOnHidden?: boolean;
-  draggable?: boolean;
-  footer?: ReactNode | false | null | ((originNode: ReactNode, extra: {
-    CancelBtn: React.FC;
-    OkBtn: React.FC;
-  }) => ReactNode);
-  getContainer?: HTMLElement | false | null;
-  height?: number | string;
-  keyboard?: boolean;
-  loading?: boolean;
-  mask?: boolean;
-  maskClosable?: boolean;
-  okButtonProps?: ModalButtonProps;
-  okText?: ReactNode;
-  onCancel?: (e: MouseEvent<HTMLButtonElement>) => void;
-  onOk?: (e: MouseEvent<HTMLButtonElement>) => void;
-  open?: boolean;
-  style?: CSSProperties;
-  styles?: {
-    body?: CSSProperties;
-    footer?: CSSProperties;
-    header?: CSSProperties;
-    mask?: CSSProperties;
-    title?: CSSProperties;
-    wrapper?: CSSProperties;
-  };
-  title?: ReactNode | false;
-  width?: number | string;
-  zIndex?: number;
-}
-interface ModalConfirmConfig {
-  cancelText?: ReactNode;
-  content?: ReactNode;
-  okButtonProps?: ModalButtonProps;
-  okText?: ReactNode;
-  onCancel?: () => void;
-  onOk?: (() => void) | (() => Promise<void>);
-  title?: ReactNode;
-  width?: number | string;
-}
-//#endregion
-export { BaseModalProps, ImperativeModalProps, ModalComponentProps, ModalConfirmConfig, ModalContextValue, ModalInstance };
-//# sourceMappingURL=type.d.mts.map

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

@@ -1,6 +0,0 @@
-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

@@ -1,123 +0,0 @@
-"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

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

@@ -1,18 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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/style.mjs

@@ -1,92 +0,0 @@
-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

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

@@ -1,22 +0,0 @@
-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/Popover/ArrowIcon.d.mts

@@ -1,5 +0,0 @@
-//#region src/base-ui/Popover/ArrowIcon.d.ts
-declare const PopoverArrowIcon: import("react").JSX.Element;
-//#endregion
-export { PopoverArrowIcon };
-//# sourceMappingURL=ArrowIcon.d.mts.map