@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Modal/style.mjs

@@ -1,56 +1,172 @@
-import { createStaticStyles } from "antd-style";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		content: css`
-      [class*='ant-modal-footer'] {
-        margin: 0;
-        padding: 16px;
-      }
-
-      [class*='ant-modal-header'] {
-        display: flex;
-        gap: 4px;
-        align-items: center;
-        justify-content: center;
-
-        height: 56px;
-        margin-block-end: 0;
-        padding: 16px;
-      }
-
-      [class*='ant-modal-container'] {
-        overflow: hidden;
-        padding: 0;
-        border: 1px solid ${cssVar.colorSplit};
-        border-radius: ${cssVar.borderRadiusLG};
-      }
-    `,
-		drawerContent: css`
-      [class*='ant-drawer-close'] {
-        padding: 0;
-      }
-
-      [class*='ant-drawer-header'] {
-        flex: none;
-        height: ${56}px !important;
-        padding-block: 0;
-        padding-inline: 16px;
-      }
-
-      [class*='ant-drawer-footer'] {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-
-        padding: 16px;
-        border: none;
-      }
-    `,
-		wrap: css`
-      overflow: hidden auto;
-    `
-	};
-});
+//#region src/Modal/style.ts
+const styles = {
+	backdrop: {
+		kpwlN0: "lb10a8y8t",
+		kmkexE: "lb11o4mfb",
+		kWkggS: "lb2643",
+		kSiTet: "lb1i2unn7",
+		kVAEAm: "lbixxii4",
+		kY2c9j: "lb1i7x82i",
+		$$css: true
+	},
+	close: {
+		k87sOh: "lbfr5jun",
+		kt4wiu: "lb9q68il",
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	},
+	closeInline: {
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb4pepcl",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kWkggS: "lbjbqb8w lb1ri6zej",
+		kMwMTN: "lb53gy9q lb1bxu9lh",
+		kmkexE: "lbxgdrqz",
+		kkrTdU: "lb1ypdohk",
+		k3aq6I: "lbcum6zn",
+		k1xSpc: "lb78zum5",
+		kGNEyG: "lb6s0dn4",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb10w6t97",
+		kmVPX3: "lb1717udv",
+		kzqmXN: "lb1td3qas",
+		$$css: true
+	},
+	content: {
+		kg3NbH: "lb1hr3lfm",
+		kGO01o: "lb1l90r2v",
+		kLKAdn: "lbexx8yu",
+		kXHlph: "lb6ikm8r",
+		kORKVm: "lb1odjw0f",
+		$$css: true
+	},
+	contentNoHeader: {
+		kLKAdn: "lbyamay9",
+		$$css: true
+	},
+	denyAnimation: {
+		k44tkh: "lbb8lv0f",
+		kKVMdj: "lbe2vv0f",
+		kyAemX: "lb1bx5ho5",
+		$$css: true
+	},
+	footer: {
+		kOIVth: "lb167g77z",
+		k8WAf4: "lb10dr8xq",
+		kg3NbH: "lb1hr3lfm",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lb13a6bvl",
+		$$css: true
+	},
+	fullscreenPopupInner: {
+		kZKoxP: "lb1mkwkuc",
+		kskxy: "lb1bsd8ea",
+		ks0D6T: "lbc408io",
+		kzqmXN: "lb1ng3b2o",
+		$$css: true
+	},
+	fullscreenToggle: {
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb4pepcl",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kWkggS: "lbjbqb8w lb1ri6zej",
+		kMwMTN: "lb53gy9q lb1bxu9lh",
+		kmkexE: "lbxgdrqz",
+		kkrTdU: "lb1ypdohk",
+		k3aq6I: "lbcum6zn",
+		k1xSpc: "lb78zum5",
+		kGNEyG: "lb6s0dn4",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb1fgtraw",
+		kmVPX3: "lb1717udv",
+		kzqmXN: "lbgd8bvy",
+		$$css: true
+	},
+	header: {
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lb1hr3lfm",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lb1qughib",
+		kAzted: "lb1wxaq2x",
+		$$css: true
+	},
+	headerActions: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		k71WvV: "lb1lxpwgx",
+		$$css: true
+	},
+	headerDraggable: {
+		kkrTdU: "lbt0e3qv",
+		kfSwDN: "lb87ps6o",
+		$$css: true
+	},
+	loadingSpinner: {
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbdh2fpr",
+		k44tkh: "lbdz8niu",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb1v0ides",
+		kyAemX: "lb1esw782",
+		kLZC3w: "lb1v8p93f",
+		k1xSpc: "lb1rg5ohu",
+		kZKoxP: "lb1v9usgg",
+		kzqmXN: "lb6jxa94",
+		$$css: true
+	},
+	popup: {
+		kpwlN0: "lb10a8y8t",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lbl56j7k",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lbixxii4",
+		kY2c9j: "lb1mblwae",
+		$$css: true
+	},
+	popupInner: {
+		kaIpWk: "lb4pepcl",
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lb1w937bt",
+		kGVxlE: "lb4hq661",
+		kB7OPa: "lb9f619",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kSiTet: "lb1i2unn7",
+		kfzvcC: "lb67bb7w",
+		kVAEAm: "lb1n2onr6",
+		k3aq6I: "lbg71pz7 lb1htj8e4",
+		kIyJzY: "lb1ofcnca lb16bar5h",
+		k1ekBW: "lbwcsmn1",
+		kAMwcw: "lbmea1ks lb1gcu4m7",
+		kskxy: "lbw2jzks",
+		ks0D6T: "lb1lwm3bp",
+		kzqmXN: "lbkxa9zd",
+		$$css: true
+	},
+	title: {
+		kogj98: "lb1ghz6dp",
+		kMwMTN: "lb66ogz0",
+		kGuDYH: "lbif65rj",
+		k63SB2: "lb1s688f",
+		kLWn49: "lb37zpob",
+		$$css: true
+	},
+	viewport: {
+		kpwlN0: "lb10a8y8t",
+		kVQacm: "lbysyzu8",
+		kVAEAm: "lbixxii4",
+		kY2c9j: "lb1i7x82i",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

package/es/Modal/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const HEADER_HEIGHT = 56;\nexport const FOOTER_HEIGHT = 68;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    content: css`\n      [class*='ant-modal-footer'] {\n        margin: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-header'] {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n        justify-content: center;\n\n        height: 56px;\n        margin-block-end: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-container'] {\n        overflow: hidden;\n        padding: 0;\n        border: 1px solid ${cssVar.colorSplit};\n        border-radius: ${cssVar.borderRadiusLG};\n      }\n    `,\n    drawerContent: css`\n      [class*='ant-drawer-close'] {\n        padding: 0;\n      }\n\n      [class*='ant-drawer-header'] {\n        flex: none;\n        height: ${HEADER_HEIGHT}px !important;\n        padding-block: 0;\n        padding-inline: 16px;\n      }\n\n      [class*='ant-drawer-footer'] {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n\n        padding: 16px;\n        border: none;\n      }\n    `,\n    wrap: css`\n      overflow: hidden auto;\n    `,\n  };\n});\n"],"mappings":";AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;4BAoBY,OAAO,WAAW;yBACrB,OAAO,eAAe;;;EAG3C,eAAe,GAAG;;;;;;;kBAOU,GAAA;;;;;;;;;;;;;;EAc5B,MAAM,GAAG;;;CAGX;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Modal/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst softEase = 'cubic-bezier(0.32, 0.72, 0, 1)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst ending = ':is([data-ending-style])';\n\nconst spin = stylex.keyframes({\n  to: { transform: 'rotate(360deg)' },\n});\n\nconst deny = stylex.keyframes({\n  '0%, 100%': { transform: 'translateX(0)' },\n  '20%': { transform: 'translateX(-5px)' },\n  '40%': { transform: 'translateX(5px)' },\n  '60%': { transform: 'translateX(-3px)' },\n  '80%': { transform: 'translateX(2px)' },\n});\n\nconst iconButton = (size: number) => ({\n  borderColor: 'currentcolor',\n  borderRadius: 12,\n  borderStyle: 'none',\n  borderWidth: 'medium',\n  backgroundColor: { default: 'transparent', ':hover': cssVar.colorFillSecondary },\n  color: { default: cssVar.colorTextTertiary, ':hover': cssVar.colorText },\n  transition: `all 160ms ${softEase}`,\n  cursor: 'pointer',\n  transform: { default: null, ':hover': 'scale(1.04)' },\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  height: size,\n  padding: 0,\n  width: size,\n});\n\nexport const styles = stylex.create({\n  backdrop: {\n    inset: 0,\n    transition: `opacity 180ms ${softEase}`,\n    backgroundColor: `color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent)`,\n    opacity: { default: null, [startingOrEnding]: 0 },\n    position: 'fixed',\n    zIndex: 1200,\n  },\n\n  close: {\n    insetBlockStart: 8,\n    insetInlineEnd: 12,\n    position: 'absolute',\n  },\n\n  closeInline: iconButton(32),\n\n  content: {\n    paddingInline: 16,\n    paddingBlockEnd: 16,\n    paddingBlockStart: 0,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  },\n\n  contentNoHeader: {\n    paddingBlockStart: 16,\n  },\n\n  denyAnimation: {\n    animationDuration: '280ms',\n    animationName: deny,\n    animationTimingFunction: 'cubic-bezier(0.36, 0.66, 0.04, 1)',\n  },\n\n  footer: {\n    gap: 8,\n    paddingBlock: 12,\n    paddingInline: 16,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n\n  fullscreenPopupInner: {\n    height: '100dvh !important',\n    maxHeight: '100dvh !important',\n    maxWidth: '100% !important',\n    width: '100% !important',\n  },\n\n  fullscreenToggle: iconButton(28),\n\n  header: {\n    paddingBlock: 8,\n    paddingInline: 16,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minHeight: 48,\n  },\n\n  headerActions: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    marginInlineEnd: -4,\n  },\n\n  headerDraggable: {\n    cursor: 'default',\n    userSelect: 'none',\n  },\n\n  loadingSpinner: {\n    borderColor: 'currentcolor',\n    borderRadius: '50%',\n    borderStyle: 'solid',\n    borderWidth: 2,\n    animationDuration: '0.6s',\n    animationIterationCount: 'infinite',\n    animationName: spin,\n    animationTimingFunction: 'linear',\n    borderBlockStartColor: 'transparent',\n    display: 'inline-block',\n    height: 14,\n    width: 14,\n  },\n\n  popup: {\n    inset: 0,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n    position: 'fixed',\n    zIndex: 1201,\n  },\n\n  popupInner: {\n    borderRadius: 12,\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgElevated,\n    boxShadow: `${cssVar.boxShadow}, var(--lobe-ring)`,\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    opacity: { default: null, [startingOrEnding]: 0 },\n    pointerEvents: 'auto',\n    position: 'relative',\n    transform: {\n      default: null,\n      [ending]: 'scale(0.98)',\n      ':is([data-starting-style]):not([data-ending-style])': 'scale(0.97)',\n    },\n    transitionDuration: { default: '220ms, 220ms', [ending]: '120ms' },\n    transitionProperty: 'transform, opacity',\n    transitionTimingFunction: {\n      default: `${softEase}, ${softEase}`,\n      [ending]: 'cubic-bezier(0.4, 0, 1, 1)',\n    },\n    maxHeight: 'calc(100dvh - 64px)',\n    maxWidth: 520,\n    width: 'calc(100% - 32px)',\n  },\n\n  title: {\n    margin: 0,\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 1.4,\n  },\n\n  viewport: {\n    inset: 0,\n    overflow: 'auto',\n    position: 'fixed',\n    zIndex: 1200,\n  },\n});\n"],"mappings":";AAkCA,MAAa,SAAS;CACpB,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,sBAAsB;EACpB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Modal/type.d.mts

@@ -1,42 +1,107 @@
-import { ComponentType } from "react";
-import { ModalProps } from "antd";
+import { ButtonProps } from "../Button/type.mjs";
+import "../Button/index.mjs";
+import { CSSProperties, MouseEvent, ReactNode } from "react";
 //#region src/Modal/type.d.ts
-type ModalProps$1 = Omit<ModalProps, 'okType' | 'wrapClassName'> & {
-  allowFullscreen?: boolean;
-  enableResponsive?: boolean;
-  paddings?: {
-    desktop?: number;
-    mobile?: number;
+export interface BaseModalProps {
+  children?: ReactNode;
+  className?: string;
+  classNames?: {
+    backdrop?: string;
+    close?: string;
+    content?: string;
+    footer?: string;
+    header?: string;
+    popup?: string;
+    title?: string;
   };
-};
-type ModalContextValue = {
+  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;
+}
+export interface ModalContextValue {
   close: () => void;
   setCanDismissByClickOutside: (value: boolean) => void;
-};
-type ModalInstance = ModalContextValue & {
-  destroy: () => void;
-  update: (nextProps: Partial<ImperativeModalProps>) => void;
-};
-type ImperativeModalProps = ModalProps$1;
-type RawModalComponentProps = {
-  onClose: () => void;
-  open: boolean;
-};
-type RawModalComponent<P = any> = ComponentType<P>;
-type RawModalOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = {
-  destroyDelay?: number;
-  destroyOnClose?: boolean;
-  onCloseKey?: CloseKey;
-  openKey?: OpenKey;
-};
-type RawModalKeyOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = RawModalOptions<OpenKey, CloseKey> & {
-  onCloseKey: CloseKey;
-  openKey: OpenKey;
-};
-type RawModalInstance<P = any, OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = ModalContextValue & {
+}
+export interface ModalInstance extends ModalContextValue {
   destroy: () => void;
-  update: (nextProps: Partial<Omit<P, Extract<OpenKey, keyof P> | Extract<CloseKey, keyof P>>>) => void;
+  update: (nextProps: Partial<BaseModalProps>) => void;
+}
+export type ImperativeModalProps = BaseModalProps & {
+  content?: ReactNode;
+  footer?: ReactNode;
 };
+type ModalButtonProps = ButtonProps;
+export 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;
+}
+export interface ModalConfirmConfig {
+  cancelText?: ReactNode;
+  content?: ReactNode;
+  okButtonProps?: ModalButtonProps;
+  okText?: ReactNode;
+  onCancel?: () => void;
+  onOk?: (() => void) | (() => Promise<void>);
+  title?: ReactNode;
+  width?: number | string;
+}
 //#endregion
-export { ImperativeModalProps, ModalContextValue, ModalInstance, ModalProps$1 as ModalProps, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions };
 //# sourceMappingURL=type.d.mts.map

package/es/MotionProvider/index.d.mts

@@ -1,13 +1,12 @@
 import { Context, ReactNode } from "react";
 import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
-type MotionComponentType = typeof import('motion/react').motion | typeof m;
-declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: import("react").NamedExoticComponent<{
+export type MotionComponentType = typeof import('motion/react').motion | typeof m;
+export declare const MotionComponent: Context<MotionComponentType>;
+export declare const MotionProvider: import("react").NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;
-declare const useMotionComponent: () => MotionComponentType;
+export declare const useMotionComponent: () => MotionComponentType;
 //#endregion
-export { MotionComponent, MotionComponentType, MotionProvider, useMotionComponent };
 //# sourceMappingURL=index.d.mts.map

package/es/Pagination/Pagination.d.mts

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

package/es/Pagination/Pagination.mjs

@@ -0,0 +1,124 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { useEventCallback } from "../hooks/useEventCallback.mjs";
+import Select from "../Select/Select.mjs";
+import { clampPage, getPageCount, getPaginationItems } from "./helpers.mjs";
+import { styles } from "./style.mjs";
+import { createElement, memo, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import useControlledState from "use-merge-value";
+//#region src/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] = useControlledState(defaultPageSize, { value: pageSize });
+	const pageCount = getPageCount(total, mergedPageSize);
+	const [mergedCurrent, setMergedCurrent] = useControlledState(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 buttonProps = stylex.props(styles.button, size === "small" && styles.small);
+	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",
+		ref,
+		role: "navigation",
+		...styleProps(styles.root, className, style),
+		...rest,
+		children: [
+			showTotal && /* @__PURE__ */ jsx("span", {
+				...stylex.props(styles.total),
+				children: showTotal(total, [rangeStart, rangeEnd])
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Previous page",
+				...buttonProps,
+				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__ */ createElement("button", {
+				"aria-current": item === displayCurrent ? "page" : void 0,
+				...buttonProps,
+				disabled,
+				key: item,
+				type: "button",
+				onClick: () => goTo(item)
+			}, item) : /* @__PURE__ */ jsx("span", {
+				...stylex.props(styles.ellipsis, size === "small" && styles.smallEllipsis),
+				children: "···"
+			}, item)),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Next page",
+				...buttonProps,
+				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/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","names":[],"sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { memo, useEffect, useRef, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport Select from '@/Select';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { clampPage, getPageCount, getPaginationItems } from './helpers';\nimport { 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 buttonProps = stylex.props(styles.button, size === 'small' && styles.small);\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        ref={ref}\n        role=\"navigation\"\n        {...styleProps(styles.root, className, style)}\n        {...rest}\n      >\n        {showTotal && (\n          <span {...stylex.props(styles.total)}>{showTotal(total, [rangeStart, rangeEnd])}</span>\n        )}\n        <button\n          aria-label=\"Previous page\"\n          {...buttonProps}\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              {...buttonProps}\n              disabled={disabled}\n              key={item}\n              type=\"button\"\n              onClick={() => goTo(item)}\n            >\n              {item}\n            </button>\n          ) : (\n            <span\n              key={item}\n              {...stylex.props(styles.ellipsis, size === 'small' && styles.smallEllipsis)}\n            >\n              ···\n            </span>\n          ),\n        )}\n        <button\n          aria-label=\"Next page\"\n          {...buttonProps}\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":";;;;;;;;;;;;AAYA,MAAM,aAAa,MAAuB,EACxC,WACA,SACA,iBAAiB,GACjB,kBAAkB,IAClB,UACA,kBACA,UACA,kBACA,UACA,kBAAkB;CAAC;CAAI;CAAI;CAAI;AAAG,GAClC,KACA,kBAAkB,OAClB,WACA,OAAO,UACP,OACA,OACA,GAAG,WACC;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,mBAAmB,iBAAiB,EAC9E,OAAO,SACT,CAAC;CACD,MAAM,YAAY,aAAa,OAAO,cAAc;CACpD,MAAM,CAAC,eAAe,oBAAoB,mBAAmB,gBAAgB,EAC3E,OAAO,QACT,CAAC;CACD,MAAM,iBAAiB,kBAAkB,aAAqB,iBAAyB;EACrF,WAAW,aAAa,YAAY;CACtC,CAAC;CACD,MAAM,mBAAmB,OAGf,IAAI;CACd,MAAM,CAAC,eAAe,oBAAoB,SAAS,SAAS;CAC5D,IAAI,cAAc,eAAe;EAC/B,iBAAiB,SAAS;EAC1B,IAAI,gBAAgB,aAAa,aAAa,GAAG;GAC/C,iBAAiB,SAAS;GAC1B,iBAAiB,UAAU;IACzB,SAAS;IACT,UAAU;GACZ;EACF;CACF;CACA,gBAAgB;EACd,IAAI,CAAC,iBAAiB,SAAS;EAC/B,MAAM,EACJ,SAAS,aACT,UAAU,iBACR,iBAAiB;EACrB,iBAAiB,UAAU;EAC3B,eAAe,aAAa,YAAY;CAC1C,CAAC;CACD,MAAM,iBAAiB,UAAU,eAAe,SAAS;CACzD,IAAI,oBAAoB,aAAa,GAAG,OAAO;CAC/C,MAAM,iBAAiB,aAAqB,iBAAyB;EACnE,iBAAiB,WAAW;EAC5B,WAAW,aAAa,YAAY;CACtC;CACA,MAAM,QAAQ,SAAiB;EAC7B,cAAc,UAAU,MAAM,SAAS,GAAG,cAAc;CAC1D;CACA,MAAM,wBAAwB,UAAkB;EAC9C,MAAM,WAAW,OAAO,KAAK;EAC7B,MAAM,gBAAgB,aAAa,OAAO,QAAQ;EAClD,MAAM,cAAc,UAAU,gBAAgB,aAAa;EAC3D,kBAAkB,QAAQ;EAC1B,cAAc,aAAa,QAAQ;EACnC,mBAAmB,aAAa,QAAQ;CAC1C;CACA,MAAM,cAAc,OAAO,MAAM,OAAO,QAAQ,SAAS,WAAW,OAAO,KAAK;CAChF,MAAM,QAAQ,mBAAmB,gBAAgB,SAAS;CAC1D,MAAM,aAAa,UAAU,IAAI,KAAK,iBAAiB,KAAK,iBAAiB;CAC7E,MAAM,WAAW,KAAK,IAAI,iBAAiB,gBAAgB,KAAK;CAChE,OAAO,qBAAC,OAAD;EAAK,cAAW;EAAkB;EAAK,MAAK;EAAa,GAAI,WAAW,OAAO,MAAM,WAAW,KAAK;EAAG,GAAI;EAA5G,UAAA;GACA,aAAa,oBAAC,QAAD;IAAM,GAAI,OAAO,MAAM,OAAO,KAAK;IAAI,UAAA,UAAU,OAAO,CAAC,YAAY,QAAQ,CAAC;GAAQ,CAAA;GACpG,oBAAC,UAAD;IAAQ,cAAW;IAAgB,GAAI;IAAa,UAAU,YAAY,kBAAkB;IAAG,MAAK;IAAS,eAAe,KAAK,iBAAiB,CAAC;IACjJ,UAAA,oBAAC,aAAD,EAAa,MAAM,SAAS,UAAU,KAAK,GAAK,CAAA;GAC1C,CAAA;GACP,MAAM,KAAI,SAAQ,OAAO,SAAS,WAAW,8BAAC,UAAD;IAAQ,gBAAc,SAAS,iBAAiB,SAAS,KAAA;IAAW,GAAI;IAAuB;IAAU,KAAK;IAAM,MAAK;IAAS,eAAe,KAAK,IAAI;GAE5L,GADL,IACK,IAAI,oBAAC,QAAD;IAAiB,GAAI,OAAO,MAAM,OAAO,UAAU,SAAS,WAAW,OAAO,aAAa;IAAG,UAAA;GAEpG,GAFiB,IAEjB,CAAC;GACX,oBAAC,UAAD;IAAQ,cAAW;IAAY,GAAI;IAAa,UAAU,YAAY,kBAAkB;IAAW,MAAK;IAAS,eAAe,KAAK,iBAAiB,CAAC;IACrJ,UAAA,oBAAC,cAAD,EAAc,MAAM,SAAS,UAAU,KAAK,GAAK,CAAA;GAC3C,CAAA;GACP,mBAAmB,oBAAC,QAAD;IAAkB;IAAU,MAAM,SAAS,UAAU,UAAU;IAAU,OAAO;KACtG,MAAM;KACN,mBAAmB;KACnB,OAAO;IACT;IAAG,OAAO,OAAO,cAAc;IAAG,SAAS,gBAAgB,KAAI,YAAW;KACxE,OAAO,GAAG,OAAO;KACjB,OAAO,OAAO,MAAM;IACtB,EAAE;IAAG,UAAU;GAAuB,CAAA;EAC/B;;AACX,CAAC;AACD,WAAW,cAAc"}

package/es/Pagination/helpers.mjs

@@ -0,0 +1,18 @@
+//#region src/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/Pagination/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../src/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/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Pagination/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Pagination/index.mjs

@@ -0,0 +1 @@
+export { default } from "./Pagination.mjs";

package/es/Pagination/style.mjs

@@ -0,0 +1,60 @@
+//#region src/Pagination/style.ts
+const styles = {
+	button: {
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb1sbi92r",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kg3NbH: "lb1xijbu4",
+		kmkexE: "lb1t3whoi",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbyerwnv lbjbqb8w lb1df4reh",
+		kMwMTN: "lbc77et8 lb8qk002 lb1n0sy1w lb1cjlyg3",
+		kkrTdU: "lb1ypdohk lbtgyt42",
+		k1xSpc: "lb3nfvp2",
+		kGuDYH: "lb4z9k3i",
+		kcqcaj: "lbss6m8b",
+		k63SB2: "lbk50ysn lb1nq3um7",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb1fgtraw",
+		k7Eaqz: "lb1264ykn",
+		$$css: true
+	},
+	ellipsis: {
+		kGNEyG: "lb6s0dn4",
+		kMwMTN: "lbybvley",
+		k1xSpc: "lb3nfvp2",
+		kjj79g: "lbl56j7k",
+		kb6lSQ: "lbl5zsmt",
+		kzqmXN: "lbgd8bvy",
+		$$css: true
+	},
+	root: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		kcqcaj: "lbss6m8b",
+		$$css: true
+	},
+	small: {
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lbxk0z11",
+		k7Eaqz: "lbnei2rj",
+		$$css: true
+	},
+	smallEllipsis: {
+		kzqmXN: "lbvy4d1p",
+		$$css: true
+	},
+	total: {
+		kMwMTN: "lb53gy9q",
+		kGuDYH: "lbfifm61",
+		k71WvV: "lb1xegmmw",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Pagination/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Pagination/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst enabledHover = ':hover:not(:disabled)';\nconst currentAtRest = ':is([aria-current=\"page\"]):is(:disabled, :not(:hover))';\n\nexport const styles = stylex.create({\n  button: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    paddingInline: 6,\n    transition: 'background-color 0.15s',\n    alignItems: 'center',\n    backgroundColor: {\n      [currentAtRest]: cssVar.colorFillSecondary,\n      default: 'transparent',\n      [enabledHover]: cssVar.colorFillTertiary,\n    },\n    color: {\n      'default': cssVar.colorTextSecondary,\n      [enabledHover]: cssVar.colorText,\n      ':disabled:not([aria-current=\"page\"])': cssVar.colorTextQuaternary,\n      ':is([aria-current=\"page\"]):not(:hover:not(:disabled))': cssVar.colorText,\n    },\n    cursor: { 'default': 'pointer', ':disabled': 'default' },\n    display: 'inline-flex',\n    fontSize: 13,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: { 'default': 500, ':is([aria-current=\"page\"])': 600 },\n    justifyContent: 'center',\n    height: 28,\n    minWidth: 28,\n  },\n  ellipsis: {\n    alignItems: 'center',\n    color: cssVar.colorTextQuaternary,\n    display: 'inline-flex',\n    justifyContent: 'center',\n    letterSpacing: 2,\n    width: 28,\n  },\n  root: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'inline-flex',\n    fontVariantNumeric: 'tabular-nums',\n  },\n  small: {\n    fontSize: 12,\n    height: 24,\n    minWidth: 24,\n  },\n  smallEllipsis: {\n    width: 24,\n  },\n  total: {\n    color: cssVar.colorTextTertiary,\n    fontSize: 12,\n    marginInlineEnd: 8,\n    whiteSpace: 'nowrap',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}