@jinmi/ui 0.0.0-stage → 6.0.2

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

@@ -0,0 +1,12 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/base-ui/Modal/context.ts
+const ModalContext = createContext({
+	close: () => void 0,
+	setCanDismissByClickOutside: () => void 0
+});
+const useModalContext = () => use(ModalContext);
+//#endregion
+export { ModalContext, useModalContext };
+
+//# sourceMappingURL=context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Modal/context.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\nimport type { ModalContextValue } from './type';\r\n\r\nexport const ModalContext = createContext<ModalContextValue>({\r\n  close: () => undefined,\r\n  setCanDismissByClickOutside: () => undefined,\r\n});\r\n\r\nexport const useModalContext = () => use(ModalContext);\r\n"],"mappings":";;;AAMA,MAAa,eAAe,cAAiC;CAC3D,aAAa,KAAA;CACb,mCAAmC,KAAA;AACrC,CAAC;AAED,MAAa,wBAAwB,IAAI,YAAY"}

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

@@ -0,0 +1,23 @@
+import { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from "./type.mjs";
+//#region src/base-ui/Modal/imperative.d.ts
+interface ModalHostProps {
+  root?: HTMLElement | ShadowRoot | null;
+}
+interface ModalSystem {
+  confirmModal: (config: ModalConfirmConfig) => {
+    close: () => void;
+    destroy: () => void;
+  };
+  createModal: (props: ImperativeModalProps) => ModalInstance;
+  ModalHost: React.FC<ModalHostProps>;
+}
+declare function createModalSystem(): ModalSystem;
+declare const ModalHost: import("react").FC<ModalHostProps>;
+declare const createModal: (props: ImperativeModalProps) => ModalInstance;
+declare const confirmModal: (config: ModalConfirmConfig) => {
+  close: () => void;
+  destroy: () => void;
+};
+//#endregion
+export { ModalHost, ModalHostProps, ModalSystem, confirmModal, createModal, createModalSystem };
+//# sourceMappingURL=imperative.d.mts.map

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

@@ -0,0 +1,218 @@
+"use client";
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import Button from "../Button/Button.mjs";
+import { registerDevSingleton } from "../../utils/devSingleton.mjs";
+import { styles } from "./style.mjs";
+import { ModalBackdrop, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle } from "./atoms.mjs";
+import { ModalContext, useModalContext } from "./context.mjs";
+import { memo, useCallback, useEffect, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { createPortal } from "react-dom";
+//#region src/base-ui/Modal/imperative.tsx
+const ModalPortalWrapper = ({ children, root }) => {
+	const appElement = useAppElement();
+	const container = root ?? appElement ?? document.body;
+	return createPortal(children, container);
+};
+const ConfirmBody = ({ config }) => {
+	const { close } = useModalContext();
+	const [loading, setLoading] = useState(false);
+	const { cancelText = "Cancel", content, okButtonProps, okText = "OK", onCancel, onOk } = config;
+	const handleCancel = useCallback(() => {
+		close();
+		onCancel?.();
+	}, [close, onCancel]);
+	const handleOk = useCallback(async () => {
+		if (onOk) try {
+			const result = onOk();
+			if (result && typeof result.then === "function") {
+				setLoading(true);
+				await result;
+				setLoading(false);
+			}
+		} catch {
+			setLoading(false);
+			return;
+		}
+		close();
+	}, [close, onOk]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [content && /* @__PURE__ */ jsx("div", {
+		style: { padding: "12px 16px" },
+		children: content
+	}), /* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx(Button, {
+		onClick: handleCancel,
+		children: cancelText
+	}), /* @__PURE__ */ jsx(Button, {
+		loading,
+		type: "primary",
+		...okButtonProps,
+		onClick: handleOk,
+		children: okText
+	})] })] });
+};
+ConfirmBody.displayName = "ConfirmBody";
+let systemSeed = 0;
+function createModalSystem() {
+	const systemId = systemSeed++;
+	const singletonName = systemId === 0 ? "BaseModalHost" : `BaseModalHost-${systemId}`;
+	let modalStack = [];
+	let modalSeed = 0;
+	const listeners = /* @__PURE__ */ new Set();
+	const notify = () => listeners.forEach((l) => l());
+	const subscribe = (l) => {
+		listeners.add(l);
+		return () => listeners.delete(l);
+	};
+	const EMPTY = [];
+	const getSnapshot = () => modalStack;
+	const getServerSnapshot = () => EMPTY;
+	const updateModal = (id, next) => {
+		let changed = false;
+		modalStack = modalStack.map((item) => {
+			if (item.id !== id) return item;
+			changed = true;
+			return {
+				...item,
+				props: {
+					...item.props,
+					...next
+				}
+			};
+		});
+		if (changed) notify();
+	};
+	const closeModal = (id) => {
+		updateModal(id, { open: false });
+	};
+	const destroyModal = (id) => {
+		const next = modalStack.filter((item) => item.id !== id);
+		if (next.length === modalStack.length) return;
+		modalStack = next;
+		notify();
+	};
+	const StackItem = memo(({ entry }) => {
+		const { id, props } = entry;
+		const { children, classNames, content, footer, maskClosable, onOpenChange, onOpenChangeComplete, open, styles: semanticStyles, title, width } = props;
+		const isOpen = open ?? true;
+		const handleOpenChange = useCallback((nextOpen, eventDetails) => {
+			if (!nextOpen && maskClosable === false && eventDetails?.reason === "outside-press") return;
+			if (!nextOpen) closeModal(id);
+			onOpenChange?.(nextOpen);
+		}, [
+			id,
+			maskClosable,
+			onOpenChange
+		]);
+		const handleExitComplete = useCallback(() => {
+			onOpenChangeComplete?.(false);
+			destroyModal(id);
+		}, [id, onOpenChangeComplete]);
+		const close = useCallback(() => closeModal(id), [id]);
+		const setCanDismissByClickOutside = useCallback((value) => updateModal(id, { maskClosable: value }), [id]);
+		const showTitle = title !== void 0 && title !== false && title !== null;
+		return /* @__PURE__ */ jsx(ModalContext, {
+			value: {
+				close,
+				setCanDismissByClickOutside
+			},
+			children: /* @__PURE__ */ jsx(ModalRoot, {
+				open: isOpen,
+				onExitComplete: handleExitComplete,
+				onOpenChange: handleOpenChange,
+				children: /* @__PURE__ */ jsxs(ModalPortal, { children: [/* @__PURE__ */ jsx(ModalBackdrop, {
+					className: classNames?.backdrop,
+					style: semanticStyles?.backdrop
+				}), /* @__PURE__ */ jsxs(ModalPopup, {
+					className: classNames?.popup,
+					popupStyle: semanticStyles?.popup,
+					width,
+					children: [
+						showTitle && /* @__PURE__ */ jsxs(ModalHeader, {
+							className: classNames?.header,
+							style: semanticStyles?.header,
+							children: [/* @__PURE__ */ jsx(ModalTitle, {
+								className: classNames?.title,
+								style: semanticStyles?.title,
+								children: title
+							}), /* @__PURE__ */ jsx(ModalClose, {
+								className: classNames?.close,
+								style: semanticStyles?.close
+							})]
+						}),
+						/* @__PURE__ */ jsx(ModalContent, {
+							className: cx(!showTitle && styles.contentNoHeader, classNames?.content),
+							style: semanticStyles?.content,
+							children: content ?? children
+						}),
+						footer
+					]
+				})] })
+			})
+		});
+	});
+	StackItem.displayName = "ModalStackItem";
+	const StackRenderer = memo(({ stack }) => {
+		if (!useIsClient()) return null;
+		return stack.map((entry) => /* @__PURE__ */ jsx(StackItem, { entry }, entry.id));
+	});
+	StackRenderer.displayName = "ModalStackRenderer";
+	const Host = ({ root }) => {
+		const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+		const isClient = useIsClient();
+		useEffect(() => {
+			if (!isClient) return;
+			const scope = root ?? document.body;
+			return registerDevSingleton(singletonName, scope);
+		}, [isClient, root]);
+		if (!isClient) return null;
+		if (stack.length === 0) return null;
+		return /* @__PURE__ */ jsx(ModalPortalWrapper, {
+			root,
+			children: /* @__PURE__ */ jsx(StackRenderer, { stack })
+		});
+	};
+	const create = (props) => {
+		const id = `base-modal-${Date.now()}-${modalSeed++}`;
+		modalStack = [...modalStack, {
+			id,
+			props: {
+				...props,
+				open: props.open ?? true
+			}
+		}];
+		notify();
+		return {
+			close: () => closeModal(id),
+			destroy: () => destroyModal(id),
+			setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),
+			update: (nextProps) => updateModal(id, nextProps)
+		};
+	};
+	const confirm = (config) => {
+		const instance = create({
+			content: /* @__PURE__ */ jsx(ConfirmBody, { config }),
+			styles: { content: { padding: 0 } },
+			title: config.title,
+			width: config.width ?? 420
+		});
+		return {
+			close: instance.close,
+			destroy: instance.destroy
+		};
+	};
+	return {
+		ModalHost: Host,
+		confirmModal: confirm,
+		createModal: create
+	};
+}
+const defaultSystem = createModalSystem();
+const ModalHost = defaultSystem.ModalHost;
+const createModal = defaultSystem.createModal;
+const confirmModal = defaultSystem.confirmModal;
+//#endregion
+export { ModalHost, confirmModal, createModal, createModalSystem };
+
+//# sourceMappingURL=imperative.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"imperative.mjs","names":[],"sources":["../../../src/base-ui/Modal/imperative.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { ReactNode } from 'react';\r\nimport { memo, useCallback, useEffect, useState, useSyncExternalStore } from 'react';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport { useIsClient } from '@/hooks/useIsClient';\r\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\r\nimport { registerDevSingleton } from '@/utils/devSingleton';\r\n\r\nimport { Button } from '../Button';\r\nimport {\r\n  ModalBackdrop,\r\n  ModalClose,\r\n  ModalContent,\r\n  ModalFooter,\r\n  ModalHeader,\r\n  ModalPopup,\r\n  ModalPortal,\r\n  ModalRoot,\r\n  ModalTitle,\r\n} from './atoms';\r\nimport { ModalContext, useModalContext } from './context';\r\nimport { styles } from './style';\r\nimport type { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from './type';\r\n\r\n// --- Shared types ---\r\n\r\ntype ModalStackEntry = {\r\n  id: string;\r\n  props: ImperativeModalProps;\r\n};\r\n\r\n// --- Shared components (stack-independent) ---\r\n\r\nconst ModalPortalWrapper = ({\r\n  children,\r\n  root,\r\n}: {\r\n  children: ReactNode;\r\n  root?: HTMLElement | ShadowRoot | null;\r\n}) => {\r\n  const appElement = useAppElement();\r\n  const container = root ?? appElement ?? document.body;\r\n  return createPortal(children, container);\r\n};\r\n\r\nconst ConfirmBody = ({ config }: { config: ModalConfirmConfig }) => {\r\n  const { close } = useModalContext();\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const { cancelText = 'Cancel', content, okButtonProps, okText = 'OK', onCancel, onOk } = config;\r\n\r\n  const handleCancel = useCallback(() => {\r\n    close();\r\n    onCancel?.();\r\n  }, [close, onCancel]);\r\n\r\n  const handleOk = useCallback(async () => {\r\n    if (onOk) {\r\n      try {\r\n        const result = onOk();\r\n        if (result && typeof (result as any).then === 'function') {\r\n          setLoading(true);\r\n          await result;\r\n          setLoading(false);\r\n        }\r\n      } catch {\r\n        setLoading(false);\r\n        return;\r\n      }\r\n    }\r\n    close();\r\n  }, [close, onOk]);\r\n\r\n  return (\r\n    <>\r\n      {content && <div style={{ padding: '12px 16px' }}>{content}</div>}\r\n      <ModalFooter>\r\n        <Button onClick={handleCancel}>{cancelText}</Button>\r\n        <Button loading={loading} type=\"primary\" {...okButtonProps} onClick={handleOk}>\r\n          {okText}\r\n        </Button>\r\n      </ModalFooter>\r\n    </>\r\n  );\r\n};\r\nConfirmBody.displayName = 'ConfirmBody';\r\n\r\n// --- Factory ---\r\n\r\nexport interface ModalHostProps {\r\n  root?: HTMLElement | ShadowRoot | null;\r\n}\r\n\r\nexport interface ModalSystem {\r\n  confirmModal: (config: ModalConfirmConfig) => { close: () => void; destroy: () => void };\r\n  createModal: (props: ImperativeModalProps) => ModalInstance;\r\n  ModalHost: React.FC<ModalHostProps>;\r\n}\r\n\r\nlet systemSeed = 0;\r\n\r\nexport function createModalSystem(): ModalSystem {\r\n  const systemId = systemSeed++;\r\n  const singletonName = systemId === 0 ? 'BaseModalHost' : `BaseModalHost-${systemId}`;\r\n\r\n  // --- Stack state (isolated per system) ---\r\n  let modalStack: ModalStackEntry[] = [];\r\n  let modalSeed = 0;\r\n  const listeners = new Set<() => void>();\r\n\r\n  const notify = () => listeners.forEach((l) => l());\r\n  const subscribe = (l: () => void) => {\r\n    listeners.add(l);\r\n    return () => listeners.delete(l);\r\n  };\r\n  const EMPTY: ModalStackEntry[] = [];\r\n  const getSnapshot = () => modalStack;\r\n  const getServerSnapshot = () => EMPTY;\r\n\r\n  // --- Stack operations ---\r\n\r\n  const updateModal = (id: string, next: Partial<ImperativeModalProps>) => {\r\n    let changed = false;\r\n    modalStack = modalStack.map((item) => {\r\n      if (item.id !== id) return item;\r\n      changed = true;\r\n      return { ...item, props: { ...item.props, ...next } };\r\n    });\r\n    if (changed) notify();\r\n  };\r\n\r\n  const closeModal = (id: string) => {\r\n    updateModal(id, { open: false });\r\n  };\r\n\r\n  const destroyModal = (id: string) => {\r\n    const next = modalStack.filter((item) => item.id !== id);\r\n    if (next.length === modalStack.length) return;\r\n    modalStack = next;\r\n    notify();\r\n  };\r\n\r\n  // --- Stack Item (captures operations via closure) ---\r\n\r\n  const StackItem = memo(({ entry }: { entry: ModalStackEntry }) => {\r\n    const { id, props } = entry;\r\n    const {\r\n      children,\r\n      classNames,\r\n      content,\r\n      footer,\r\n      maskClosable,\r\n      onOpenChange,\r\n      onOpenChangeComplete,\r\n      open,\r\n      styles: semanticStyles,\r\n      title,\r\n      width,\r\n    } = props;\r\n\r\n    const isOpen = open ?? true;\r\n\r\n    const handleOpenChange = useCallback(\r\n      (nextOpen: boolean, eventDetails?: { reason: string }) => {\r\n        if (!nextOpen && maskClosable === false && eventDetails?.reason === 'outside-press') return;\r\n        if (!nextOpen) closeModal(id);\r\n        onOpenChange?.(nextOpen);\r\n      },\r\n      [id, maskClosable, onOpenChange],\r\n    );\r\n\r\n    const handleExitComplete = useCallback(() => {\r\n      onOpenChangeComplete?.(false);\r\n      destroyModal(id);\r\n    }, [id, onOpenChangeComplete]);\r\n\r\n    const close = useCallback(() => closeModal(id), [id]);\r\n    const setCanDismissByClickOutside = useCallback(\r\n      (value: boolean) => updateModal(id, { maskClosable: value }),\r\n      [id],\r\n    );\r\n\r\n    const showTitle = title !== undefined && title !== false && title !== null;\r\n\r\n    return (\r\n      <ModalContext value={{ close, setCanDismissByClickOutside }}>\r\n        <ModalRoot\r\n          open={isOpen}\r\n          onExitComplete={handleExitComplete}\r\n          onOpenChange={handleOpenChange}\r\n        >\r\n          <ModalPortal>\r\n            <ModalBackdrop className={classNames?.backdrop} style={semanticStyles?.backdrop} />\r\n            <ModalPopup\r\n              className={classNames?.popup}\r\n              popupStyle={semanticStyles?.popup}\r\n              width={width}\r\n            >\r\n              {showTitle && (\r\n                <ModalHeader className={classNames?.header} style={semanticStyles?.header}>\r\n                  <ModalTitle className={classNames?.title} style={semanticStyles?.title}>\r\n                    {title}\r\n                  </ModalTitle>\r\n                  <ModalClose className={classNames?.close} style={semanticStyles?.close} />\r\n                </ModalHeader>\r\n              )}\r\n              <ModalContent\r\n                className={cx(!showTitle && styles.contentNoHeader, classNames?.content)}\r\n                style={semanticStyles?.content}\r\n              >\r\n                {content ?? children}\r\n              </ModalContent>\r\n              {footer}\r\n            </ModalPopup>\r\n          </ModalPortal>\r\n        </ModalRoot>\r\n      </ModalContext>\r\n    );\r\n  });\r\n  StackItem.displayName = 'ModalStackItem';\r\n\r\n  const StackRenderer = memo(({ stack }: { stack: ModalStackEntry[] }) => {\r\n    const isClient = useIsClient();\r\n    if (!isClient) return null;\r\n    return stack.map((entry) => <StackItem entry={entry} key={entry.id} />);\r\n  });\r\n  StackRenderer.displayName = 'ModalStackRenderer';\r\n\r\n  // --- ModalHost ---\r\n\r\n  const Host = ({ root }: ModalHostProps) => {\r\n    const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n    const isClient = useIsClient();\r\n\r\n    useEffect(() => {\r\n      if (!isClient) return;\r\n      const scope = root ?? document.body;\r\n      return registerDevSingleton(singletonName, scope);\r\n    }, [isClient, root]);\r\n\r\n    if (!isClient) return null;\r\n    if (stack.length === 0) return null;\r\n\r\n    return (\r\n      <ModalPortalWrapper root={root}>\r\n        <StackRenderer stack={stack} />\r\n      </ModalPortalWrapper>\r\n    );\r\n  };\r\n\r\n  // --- createModal ---\r\n\r\n  const create = (props: ImperativeModalProps): ModalInstance => {\r\n    const id = `base-modal-${Date.now()}-${modalSeed++}`;\r\n    modalStack = [...modalStack, { id, props: { ...props, open: props.open ?? true } }];\r\n    notify();\r\n\r\n    return {\r\n      close: () => closeModal(id),\r\n      destroy: () => destroyModal(id),\r\n      setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),\r\n      update: (nextProps) => updateModal(id, nextProps),\r\n    };\r\n  };\r\n\r\n  // --- confirmModal ---\r\n\r\n  const confirm = (config: ModalConfirmConfig) => {\r\n    const instance = create({\r\n      content: <ConfirmBody config={config} />,\r\n      styles: { content: { padding: 0 } },\r\n      title: config.title,\r\n      width: config.width ?? 420,\r\n    });\r\n\r\n    return {\r\n      close: instance.close,\r\n      destroy: instance.destroy,\r\n    };\r\n  };\r\n\r\n  return { ModalHost: Host, confirmModal: confirm, createModal: create };\r\n}\r\n\r\n// --- Default global instance (backward compatible) ---\r\n\r\nconst defaultSystem = createModalSystem();\r\nexport const ModalHost = defaultSystem.ModalHost;\r\nexport const createModal = defaultSystem.createModal;\r\nexport const confirmModal = defaultSystem.confirmModal;\r\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ModalBackdrop, ModalBackdropProps, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalPopup, ModalPopupProps, ModalPortal, ModalPortalProps, ModalRoot, ModalRootProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps, ModalViewport, ModalViewportProps, useModalActions, useModalOpen } from "./atoms.mjs";
+import { backdropTransition, modalMotionConfig } from "./constants.mjs";
+import { BaseModalProps, ImperativeModalProps, ModalComponentProps, ModalConfirmConfig, ModalContextValue, ModalInstance } from "./type.mjs";
+import { ModalContext, useModalContext } from "./context.mjs";
+import { ModalHost, ModalHostProps, ModalSystem, confirmModal, createModal, createModalSystem } from "./imperative.mjs";
+import Modal from "./Modal.mjs";
+export { type BaseModalProps, type ImperativeModalProps, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, backdropTransition, confirmModal, createModal, createModalSystem, modalMotionConfig, useModalActions, useModalContext, useModalOpen };

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

@@ -0,0 +1,254 @@
+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(--jinmi-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

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

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

@@ -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