@swiftcrab/crab 0.0.5 → 0.0.7

package/es/modal/ConfirmDialog.d.ts

@@ -0,0 +1,35 @@
+import { ModalFuncProps, ModalLocale } from "./interface.js";
+import { ThemeConfig } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+//#region components/modal/ConfirmDialog.d.ts
+export interface ConfirmDialogProps extends ModalFuncProps {
+  prefixCls: string;
+  afterClose?: () => void;
+  close?: (...args: any[]) => void;
+  /**
+   * `close` prop support `...args` that pass to the developer
+   * that we can not break this.
+   * Provider `onClose` for internal usage
+   */
+  onConfirm?: (confirmed: boolean) => void;
+  autoFocusButton?: null | 'ok' | 'cancel';
+  rootPrefixCls?: string;
+  iconPrefixCls?: string;
+  /**
+   * Only passed by static method
+   */
+  theme?: ThemeConfig;
+  /** @private Internal Usage. Do not override this */
+  locale?: ModalLocale;
+  /**
+   * Do not throw if is await mode
+   */
+  isSilent?: () => boolean;
+}
+export declare function ConfirmContent(props: ConfirmDialogProps & {
+  confirmPrefixCls: string;
+}): React$1.JSX.Element;
+declare const ConfirmDialogWrapper: React$1.FC<ConfirmDialogProps>;
+//#endregion
+export { ConfirmDialogWrapper as default };

package/es/modal/ConfirmDialog.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"../locale/useLocale.js";import"../locale/index.js";import t from"../theme/useToken.js";import n from"../config-provider/index.js";import{CONTAINER_MAX_OFFSET as r}from"../_util/hooks/useZIndex.js";import{getTransitionName as i}from"../_util/motion.js";import{ModalContextProvider as a}from"./context.js";import o from"./components/ConfirmCancelBtn.js";import s from"./components/ConfirmOkBtn.js";import c from"./Modal.js";import l from"./style/confirm.js";import*as u from"react";import d from"classnames";import f from"@ant-design/icons/CheckCircleFilled";import p from"@ant-design/icons/CloseCircleFilled";import m from"@ant-design/icons/ExclamationCircleFilled";import h from"@ant-design/icons/InfoCircleFilled";function g(t){let{prefixCls:n,icon:r,okText:i,cancelText:c,confirmPrefixCls:g,type:_,okCancel:v,footer:y,locale:b,...x}=t,S=r;if(!r&&r!==null)switch(_){case`info`:S=u.createElement(h,null);break;case`success`:S=u.createElement(f,null);break;case`error`:S=u.createElement(p,null);break;default:S=u.createElement(m,null)}let C=v??_===`confirm`,w=t.autoFocusButton===null?!1:t.autoFocusButton||`ok`,[T]=e(`Modal`),E=b||T,D=i||(C?E?.okText:E?.justOkText),O={autoFocusButton:w,cancelTextLocale:c||E?.cancelText,okTextLocale:D,mergedOkCancel:C,...x},k=u.useMemo(()=>O,[...Object.values(O)]),A=u.createElement(u.Fragment,null,u.createElement(o,null),u.createElement(s,null)),j=t.title!==void 0&&t.title!==null,M=`${g}-body`;return u.createElement(`div`,{className:`${g}-body-wrapper`},u.createElement(`div`,{className:d(M,{[`${M}-has-title`]:j})},S,u.createElement(`div`,{className:`${g}-paragraph`},j&&u.createElement(`span`,{className:`${g}-title`},t.title),u.createElement(`div`,{className:`${g}-content`},t.content))),y===void 0||typeof y==`function`?u.createElement(a,{value:k},u.createElement(`div`,{className:`${g}-btns`},typeof y==`function`?y(A,{OkBtn:s,CancelBtn:o}):A)):y,u.createElement(l,{prefixCls:n}))}const _=e=>{let{close:n,zIndex:a,afterClose:o,open:s,keyboard:l,centered:f,getContainer:p,maskStyle:m,direction:h,prefixCls:_,wrapClassName:v,rootPrefixCls:y,bodyStyle:b,closable:x=!1,closeIcon:S,modalRender:C,focusTriggerAfterClose:w,onConfirm:T,styles:E}=e,D=`${_}-confirm`,O=e.width||416,k=e.style||{},A=e.mask===void 0||e.mask,j=e.maskClosable!==void 0&&e.maskClosable,M=d(D,`${D}-${e.type}`,{[`${D}-rtl`]:h===`rtl`},e.className),[,N]=t(),P=u.useMemo(()=>a===void 0?N.zIndexPopupBase+r:a,[a,N]);return u.createElement(c,{prefixCls:_,className:M,wrapClassName:d({[`${D}-centered`]:!!e.centered},v),onCancel:()=>{n?.({triggerCancel:!0}),T?.(!1)},open:s,title:``,footer:null,transitionName:i(y||``,`zoom`,e.transitionName),maskTransitionName:i(y||``,`fade`,e.maskTransitionName),mask:A,maskClosable:j,style:k,styles:{body:b,mask:m,...E},width:O,zIndex:P,afterClose:o,keyboard:l,centered:f,getContainer:p,closable:x,closeIcon:S,modalRender:C,focusTriggerAfterClose:w},u.createElement(g,{...e,confirmPrefixCls:D}))},v=e=>{let{rootPrefixCls:t,iconPrefixCls:r,direction:i,theme:a}=e;return u.createElement(n,{prefixCls:t,iconPrefixCls:r,direction:i,theme:a},u.createElement(_,e))};export{g as ConfirmContent,v as default};

package/es/modal/Modal.d.ts

@@ -0,0 +1,6 @@
+import { ModalProps } from "./interface.js";
+import * as React$1 from "react";
+//#region components/modal/Modal.d.ts
+declare const Modal: React$1.FC<ModalProps>;
+//#endregion
+export { Modal as default };

package/es/modal/Modal.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useCSSVarCls.js";import n from"../_util/zindexContext.js";import{useZIndex as r}from"../_util/hooks/useZIndex.js";import{getTransitionName as i}from"../_util/motion.js";import a from"../_util/ContextIsolator.js";import o,{pickClosable as s}from"../_util/hooks/useClosable.js";import{canUseDocElement as c}from"../_util/styleChecker.js";import l from"../skeleton/index.js";import{usePanelRef as u}from"../watermark/context.js";import{Footer as d,renderCloseIcon as f}from"./shared.js";import p from"./style/index.js";import*as m from"react";import h from"classnames";import g from"@ant-design/icons/CloseOutlined";import _ from"rc-dialog";let v;c()&&document.documentElement.addEventListener(`click`,e=>{v={x:e.pageX,y:e.pageY},setTimeout(()=>{v=null},100)},!0);const y=c=>{let{getPopupContainer:y,getPrefixCls:b,direction:x,modal:S}=m.useContext(e),C=e=>{let{onCancel:t}=c;t?.(e)},w=e=>{let{onOk:t}=c;t?.(e)},{prefixCls:T,className:E,rootClassName:D,open:O,wrapClassName:k,centered:A,getContainer:j,focusTriggerAfterClose:M=!0,style:N,visible:P,width:F=520,footer:I,classNames:L,styles:ee,children:R,loading:z,...B}=c,V=b(`modal`,T),H=b(),U=t(V),[W,G,K]=p(V,U),q=h(k,{[`${V}-centered`]:!!A,[`${V}-wrap-rtl`]:x===`rtl`}),J=I!==null&&!z?m.createElement(d,{...c,onOk:w,onCancel:C}):null,[Y,X,Z]=o(s(c),s(S),{closable:!0,closeIcon:m.createElement(g,{className:`${V}-close-icon`}),closeIconRender:e=>f(V,e)}),Q=u(`.${V}-content`),[$,te]=r(`Modal`,B.zIndex);return W(m.createElement(a,{form:!0,space:!0},m.createElement(n.Provider,{value:te},m.createElement(_,{width:F,...B,zIndex:$,getContainer:j===void 0?y:j,prefixCls:V,rootClassName:h(G,D,K,U),footer:J,visible:O??P,mousePosition:B.mousePosition??v,onClose:C,closable:Y&&{disabled:Z,closeIcon:X},closeIcon:X,focusTriggerAfterClose:M,transitionName:i(H,`zoom`,c.transitionName),maskTransitionName:i(H,`fade`,c.maskTransitionName),className:h(G,E,S?.className),style:{...S?.style,...N},classNames:{...S?.classNames,...L,wrapper:h(q,L?.wrapper)},styles:{...S?.styles,...ee},panelRef:Q},z?m.createElement(l,{active:!0,title:!1,paragraph:{rows:4},className:`${V}-body-skeleton`}):R))))};export{y as default};

package/es/modal/PurePanel.d.ts

@@ -0,0 +1,11 @@
+import { ModalFuncProps } from "./interface.js";
+import * as React$1 from "react";
+import { PanelProps } from "rc-dialog/lib/Dialog/Content/Panel";
+//#region components/modal/PurePanel.d.ts
+export interface PurePanelProps extends Omit<PanelProps, 'prefixCls' | 'footer'>, Pick<ModalFuncProps, 'type' | 'footer'> {
+  prefixCls?: string;
+  style?: React$1.CSSProperties;
+}
+declare const _default: (props: PurePanelProps) => React$1.JSX.Element;
+//#endregion
+export { _default as default };

package/es/modal/PurePanel.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useCSSVarCls.js";import{Footer as n,renderCloseIcon as r}from"./shared.js";import i from"./style/index.js";import{ConfirmContent as a}from"./ConfirmDialog.js";import{withPureRenderTheme as o}from"../_util/PurePanel.js";import*as s from"react";import c from"classnames";import{Panel as l}from"rc-dialog";var u=o(o=>{let{prefixCls:u,className:d,closeIcon:f,closable:p,type:m,title:h,children:g,footer:_,...v}=o,{getPrefixCls:y}=s.useContext(e),b=y(),x=u||y(`modal`),S=t(b),[C,w,T]=i(x,S),E=`${x}-confirm`,D={};return D=m?{closable:p??!1,title:``,footer:``,children:s.createElement(a,{...o,prefixCls:x,confirmPrefixCls:E,rootPrefixCls:b,content:g})}:{closable:p??!0,title:h,footer:_!==null&&s.createElement(n,o),children:g},C(s.createElement(l,{prefixCls:x,className:c(w,`${x}-pure-panel`,m&&E,m&&`${E}-${m}`,d,T,S),...v,closeIcon:r(x,f),closable:p,...D}))});export{u as default};

package/es/modal/components/ConfirmCancelBtn.d.ts

@@ -0,0 +1,11 @@
+import { ConfirmDialogProps } from "../ConfirmDialog.js";
+import React, { FC } from "react";
+//#region components/modal/components/ConfirmCancelBtn.d.ts
+export interface ConfirmCancelBtnProps extends Pick<ConfirmDialogProps, 'cancelButtonProps' | 'isSilent' | 'rootPrefixCls' | 'close' | 'onConfirm' | 'onCancel'> {
+  autoFocusButton?: false | 'ok' | 'cancel' | null;
+  cancelTextLocale?: React.ReactNode;
+  mergedOkCancel?: boolean;
+}
+declare const ConfirmCancelBtn: FC;
+//#endregion
+export { ConfirmCancelBtn as default };

package/es/modal/components/ConfirmCancelBtn.js

@@ -0,0 +1 @@
+import e from"../../_util/ActionButton.js";import{ModalContext as t}from"../context.js";import n,{useContext as r}from"react";const i=()=>{let{autoFocusButton:i,cancelButtonProps:a,cancelTextLocale:o,isSilent:s,mergedOkCancel:c,rootPrefixCls:l,close:u,onCancel:d,onConfirm:f}=r(t);return c?n.createElement(e,{isSilent:s,actionFn:d,close:(...e)=>{u?.(...e),f?.(!1)},autoFocus:i===`cancel`,buttonProps:a,prefixCls:`${l}-btn`},o):null};export{i as default};

package/es/modal/components/ConfirmOkBtn.d.ts

@@ -0,0 +1,10 @@
+import { ConfirmDialogProps } from "../ConfirmDialog.js";
+import React, { FC } from "react";
+//#region components/modal/components/ConfirmOkBtn.d.ts
+export interface ConfirmOkBtnProps extends Pick<ConfirmDialogProps, 'close' | 'isSilent' | 'okType' | 'okButtonProps' | 'rootPrefixCls' | 'onConfirm' | 'onOk'> {
+  autoFocusButton?: false | 'ok' | 'cancel' | null;
+  okTextLocale?: React.ReactNode;
+}
+declare const ConfirmOkBtn: FC;
+//#endregion
+export { ConfirmOkBtn as default };

package/es/modal/components/ConfirmOkBtn.js

@@ -0,0 +1 @@
+import e from"../../_util/ActionButton.js";import{ModalContext as t}from"../context.js";import n,{useContext as r}from"react";const i=()=>{let{autoFocusButton:i,close:a,isSilent:o,okButtonProps:s,rootPrefixCls:c,okTextLocale:l,okType:u,onConfirm:d,onOk:f}=r(t);return n.createElement(e,{isSilent:o,type:u||`primary`,actionFn:f,close:(...e)=>{a?.(...e),d?.(!0)},autoFocus:i===`ok`,buttonProps:s,prefixCls:`${c}-btn`},l)};export{i as default};

package/es/modal/components/NormalCancelBtn.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from "../interface.js";
+import React, { FC } from "react";
+//#region components/modal/components/NormalCancelBtn.d.ts
+export interface NormalCancelBtnProps extends Pick<ModalProps, 'cancelButtonProps' | 'onCancel'> {
+  cancelTextLocale?: React.ReactNode;
+}
+declare const NormalCancelBtn: FC;
+//#endregion
+export { NormalCancelBtn as default };

package/es/modal/components/NormalCancelBtn.js

@@ -0,0 +1 @@
+import e from"../../button/index.js";import{ModalContext as t}from"../context.js";import n,{useContext as r}from"react";const i=()=>{let{cancelButtonProps:i,cancelTextLocale:a,onCancel:o}=r(t);return n.createElement(e,{onClick:o,...i},a)};export{i as default};

package/es/modal/components/NormalOkBtn.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from "../interface.js";
+import React, { FC } from "react";
+//#region components/modal/components/NormalOkBtn.d.ts
+export interface NormalOkBtnProps extends Pick<ModalProps, 'confirmLoading' | 'okType' | 'okButtonProps' | 'onOk'> {
+  okTextLocale?: React.ReactNode;
+}
+declare const NormalOkBtn: FC;
+//#endregion
+export { NormalOkBtn as default };

package/es/modal/components/NormalOkBtn.js

@@ -0,0 +1 @@
+import{convertLegacyProps as e}from"../../button/buttonHelpers.js";import t from"../../button/index.js";import{ModalContext as n}from"../context.js";import r,{useContext as i}from"react";const a=()=>{let{confirmLoading:a,okButtonProps:o,okType:s,okTextLocale:c,onOk:l}=i(n);return r.createElement(t,{...e(s),loading:a,onClick:l,...o},c)};export{a as default};

package/es/modal/confirm.d.ts

@@ -0,0 +1,21 @@
+import { ModalFuncProps } from "./interface.js";
+//#region components/modal/confirm.d.ts
+type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
+export type ModalFunc = (props: ModalFuncProps) => {
+  destroy: () => void;
+  update: (configUpdate: ConfigUpdate) => void;
+};
+export type ModalStaticFunctions = Record<NonNullable<ModalFuncProps['type']>, ModalFunc>;
+export default function confirm(config: ModalFuncProps): {
+  destroy: (...args: any[]) => void;
+  update: (configUpdate: ConfigUpdate) => void;
+};
+export declare function withWarn(props: ModalFuncProps): ModalFuncProps;
+export declare function withInfo(props: ModalFuncProps): ModalFuncProps;
+export declare function withSuccess(props: ModalFuncProps): ModalFuncProps;
+export declare function withError(props: ModalFuncProps): ModalFuncProps;
+export declare function withConfirm(props: ModalFuncProps): ModalFuncProps;
+export declare function modalGlobalConfig({ rootPrefixCls }: {
+  rootPrefixCls: string;
+}): void;
+//#endregion

package/es/modal/confirm.js

@@ -0,0 +1 @@
+import e from"../_util/warning.js";import{getConfirmLocale as t}from"./locale.js";import{ConfigContext as n}from"../config-provider/context.js";import r,{globalConfig as i}from"../config-provider/index.js";import{getReactRender as a}from"../config-provider/UnstableContext.js";import o from"./ConfirmDialog.js";import s from"./destroyFns.js";import c,{useContext as l}from"react";let u=``;function d(){return u}const f=e=>{let{prefixCls:r,getContainer:i,direction:a}=e,s=t(),u=l(n),f=d()||u.getPrefixCls(),p=r||`${f}-modal`,m=i;return m===!1&&(m=void 0),c.createElement(o,{...e,rootPrefixCls:f,prefixCls:p,iconPrefixCls:u.iconPrefixCls,theme:u.theme,direction:a??u.direction,locale:u.locale?.Modal??s,getContainer:m})};function p(e){let t=i(),n=document.createDocumentFragment(),o={...e,close:h,open:!0},l,u;function p(...t){t.some(e=>e?.triggerCancel)&&e.onCancel?.(()=>{},...t.slice(1));for(let e=0;e<s.length;e++)if(s[e]===h){s.splice(e,1);break}u()}function m(e){clearTimeout(l),l=setTimeout(()=>{let i=t.getPrefixCls(void 0,d()),o=t.getIconPrefixCls(),s=t.getTheme(),l=c.createElement(f,e);u=a()(c.createElement(r,{prefixCls:i,iconPrefixCls:o,theme:s},t.holderRender?t.holderRender(l):l),n)})}function h(...t){o={...o,open:!1,afterClose:()=>{typeof e.afterClose==`function`&&e.afterClose(),p.apply(this,t)}},o.visible&&delete o.visible,m(o)}function g(e){o=typeof e==`function`?e(o):{...o,...e},m(o)}return m(o),s.push(h),{destroy:h,update:g}}function m(e){return{...e,type:`warning`}}function h(e){return{...e,type:`info`}}function g(e){return{...e,type:`success`}}function _(e){return{...e,type:`error`}}function v(e){return{...e,type:`confirm`}}function y({rootPrefixCls:t}){e(!1,`Modal`,`Modal.config is deprecated. Please use ConfigProvider.config instead.`),u=t}export{p as default,y as modalGlobalConfig,v as withConfirm,_ as withError,h as withInfo,g as withSuccess,m as withWarn};

package/es/modal/context.d.ts

@@ -0,0 +1,10 @@
+import { ConfirmCancelBtnProps } from "./components/ConfirmCancelBtn.js";
+import { ConfirmOkBtnProps } from "./components/ConfirmOkBtn.js";
+import { NormalCancelBtnProps } from "./components/NormalCancelBtn.js";
+import { NormalOkBtnProps } from "./components/NormalOkBtn.js";
+import React from "react";
+//#region components/modal/context.d.ts
+export type ModalContextProps = NormalCancelBtnProps & NormalOkBtnProps & ConfirmOkBtnProps & ConfirmCancelBtnProps;
+export declare const ModalContext: React.Context<ModalContextProps>;
+export declare const ModalContextProvider: React.Provider<ModalContextProps>;
+//#endregion

package/es/modal/context.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({}),{Provider:n}=t;export{t as ModalContext,n as ModalContextProvider};

package/es/modal/destroyFns.d.ts

@@ -0,0 +1,4 @@
+//#region components/modal/destroyFns.d.ts
+declare const destroyFns: Array<() => void>;
+//#endregion
+export { destroyFns as default };

package/es/modal/destroyFns.js

@@ -0,0 +1 @@
+const e=[];export{e as default};

package/es/modal/index.d.ts

@@ -0,0 +1,16 @@
+import { ModalFuncProps, ModalLocale, ModalProps } from "./interface.js";
+import { ModalStaticFunctions, modalGlobalConfig } from "./confirm.js";
+import useModal from "./useModal/index.js";
+import Modal$1 from "./Modal.js";
+import _default from "./PurePanel.js";
+//#region components/modal/index.d.ts
+type ModalType = typeof Modal$1 & ModalStaticFunctions & {
+  useModal: typeof useModal;
+  destroyAll: () => void;
+  config: typeof modalGlobalConfig;
+  /** @private Internal Component. Do not use in your production. */
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof _default;
+};
+declare const Modal: ModalType;
+//#endregion
+export { type ModalFuncProps, type ModalLocale, type ModalProps, Modal as default };

package/es/modal/index.js

@@ -0,0 +1 @@
+import e from"./Modal.js";import t from"./destroyFns.js";import n,{modalGlobalConfig as r,withConfirm as i,withError as a,withInfo as o,withSuccess as s,withWarn as c}from"./confirm.js";import l from"./useModal/index.js";import u from"./PurePanel.js";function d(e){return n(c(e))}const f=e;f.useModal=l,f.info=function(e){return n(o(e))},f.success=function(e){return n(s(e))},f.error=function(e){return n(a(e))},f.warning=d,f.warn=d,f.confirm=function(e){return n(i(e))},f.destroyAll=function(){for(;t.length;){let e=t.pop();e&&e()}},f.config=r,f._InternalPanelDoNotUseOrYouWillBeFired=u;export{f as default};

package/es/modal/interface.d.ts

@@ -0,0 +1,125 @@
+import { ButtonProps, LegacyButtonType } from "../button/button.js";
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import React from "react";
+import { DialogProps } from "rc-dialog";
+//#region components/modal/interface.d.ts
+interface ModalCommonProps extends Omit<DialogProps, 'footer'> {
+  footer?: React.ReactNode | ((originNode: React.ReactNode, extra: {
+    OkBtn: React.FC;
+    CancelBtn: React.FC;
+  }) => React.ReactNode);
+}
+export interface ModalProps extends ModalCommonProps {
+  /** Whether the modal dialog is visible or not */
+  open?: boolean;
+  /** Whether to apply loading visual effect for OK button or not */
+  confirmLoading?: boolean;
+  /** The modal dialog's title */
+  title?: React.ReactNode;
+  /** Specify a function that will be called when a user clicks the OK button */
+  onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  /** Specify a function that will be called when a user clicks mask, close button on top right or Cancel button */
+  onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  afterClose?: () => void;
+  /** Callback when the animation ends when Modal is turned on and off */
+  afterOpenChange?: (open: boolean) => void;
+  /** Centered Modal */
+  centered?: boolean;
+  /** Width of the modal dialog */
+  width?: string | number;
+  /** Text of the OK button */
+  okText?: React.ReactNode;
+  /** Button `type` of the OK button */
+  okType?: LegacyButtonType;
+  /** Text of the Cancel button */
+  cancelText?: React.ReactNode;
+  /** Whether to close the modal dialog when the mask (area outside the modal) is clicked */
+  maskClosable?: boolean;
+  /** Force render Modal */
+  forceRender?: boolean;
+  okButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  destroyOnClose?: boolean;
+  style?: React.CSSProperties;
+  wrapClassName?: string;
+  maskTransitionName?: string;
+  transitionName?: string;
+  className?: string;
+  rootClassName?: string;
+  classNames?: NonNullable<DialogProps['classNames']>;
+  getContainer?: string | HTMLElement | getContainerFunc | false;
+  zIndex?: number;
+  /** @deprecated Please use `styles.body` instead */
+  bodyStyle?: React.CSSProperties;
+  /** @deprecated Please use `styles.mask` instead */
+  maskStyle?: React.CSSProperties;
+  mask?: boolean;
+  keyboard?: boolean;
+  wrapProps?: any;
+  prefixCls?: string;
+  closeIcon?: React.ReactNode;
+  modalRender?: (node: React.ReactNode) => React.ReactNode;
+  focusTriggerAfterClose?: boolean;
+  children?: React.ReactNode;
+  mousePosition?: MousePosition;
+  /** @deprecated Please use `open` instead. */
+  visible?: boolean;
+  /**
+   * @since 5.18.0
+   */
+  loading?: boolean;
+}
+type getContainerFunc = () => HTMLElement;
+export interface ModalFuncProps extends ModalCommonProps {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  open?: boolean;
+  /** @deprecated Please use `open` instead. */
+  visible?: boolean;
+  title?: React.ReactNode;
+  content?: React.ReactNode;
+  onOk?: (...args: any[]) => any;
+  onCancel?: (...args: any[]) => any;
+  afterClose?: () => void;
+  okButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  centered?: boolean;
+  width?: string | number;
+  okText?: React.ReactNode;
+  okType?: LegacyButtonType;
+  cancelText?: React.ReactNode;
+  icon?: React.ReactNode;
+  mask?: boolean;
+  maskClosable?: boolean;
+  zIndex?: number;
+  okCancel?: boolean;
+  style?: React.CSSProperties;
+  wrapClassName?: string;
+  /** @deprecated Please use `styles.mask` instead */
+  maskStyle?: React.CSSProperties;
+  type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';
+  keyboard?: boolean;
+  getContainer?: string | HTMLElement | getContainerFunc | false;
+  autoFocusButton?: null | 'ok' | 'cancel';
+  transitionName?: string;
+  maskTransitionName?: string;
+  direction?: DirectionType;
+  /** @deprecated Please use `styles.body` instead */
+  bodyStyle?: React.CSSProperties;
+  closeIcon?: React.ReactNode;
+  footer?: ModalProps['footer'];
+  modalRender?: (node: React.ReactNode) => React.ReactNode;
+  focusTriggerAfterClose?: boolean;
+}
+export interface ModalLocale {
+  okText: string;
+  cancelText: string;
+  justOkText: string;
+}
+export type MousePosition = {
+  x: number;
+  y: number;
+} | null;
+//#endregion

package/es/modal/locale.d.ts

@@ -0,0 +1,9 @@
+//#region components/modal/locale.d.ts
+export interface ModalLocale {
+  okText: string;
+  cancelText: string;
+  justOkText: string;
+}
+export declare function changeConfirmLocale(newLocale?: ModalLocale): (() => void) | undefined;
+export declare function getConfirmLocale(): ModalLocale;
+//#endregion

package/es/modal/locale.js

@@ -0,0 +1 @@
+import e from"../locale/en_US.js";let t={...e.Modal},n=[];const r=()=>n.reduce((e,t)=>({...e,...t}),e.Modal);function i(i){if(i){let e={...i};return n.push(e),t=r(),()=>{n=n.filter(t=>t!==e),t=r()}}t={...e.Modal}}function a(){return t}export{i as changeConfirmLocale,a as getConfirmLocale};

package/es/modal/shared.d.ts

@@ -0,0 +1,10 @@
+import { ModalProps } from "./interface.js";
+import React from "react";
+//#region components/modal/shared.d.ts
+export declare function renderCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.JSX.Element;
+interface FooterProps {
+  onOk?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+  onCancel?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+}
+export declare const Footer: React.FC<FooterProps & Pick<ModalProps, 'footer' | 'okText' | 'okType' | 'cancelText' | 'confirmLoading' | 'okButtonProps' | 'cancelButtonProps'>>;
+//#endregion

package/es/modal/shared.js

@@ -0,0 +1 @@
+import{getConfirmLocale as e}from"./locale.js";import t from"../locale/useLocale.js";import"../locale/index.js";import{DisabledContextProvider as n}from"../config-provider/DisabledContext.js";import{ModalContextProvider as r}from"./context.js";import i from"./components/NormalCancelBtn.js";import a from"./components/NormalOkBtn.js";import o from"react";import s from"@ant-design/icons/CloseOutlined";function c(e,t){return o.createElement(`span`,{className:`${e}-close-x`},t||o.createElement(s,{className:`${e}-close-icon`}))}const l=s=>{let{okText:c,okType:l=`primary`,cancelText:u,confirmLoading:d,onOk:f,onCancel:p,okButtonProps:m,cancelButtonProps:h,footer:g}=s,[_]=t(`Modal`,e()),v={confirmLoading:d,okButtonProps:m,cancelButtonProps:h,okTextLocale:c||_?.okText,cancelTextLocale:u||_?.cancelText,okType:l,onOk:f,onCancel:p},y=o.useMemo(()=>v,[...Object.values(v)]),b;return typeof g==`function`||g===void 0?(b=o.createElement(o.Fragment,null,o.createElement(a,null),o.createElement(i,null)),typeof g==`function`&&(b=g(b,{OkBtn:a,CancelBtn:i})),b=o.createElement(r,{value:y},b)):b=g,o.createElement(n,{disabled:!1},b)};export{l as Footer,c as renderCloseIcon};

package/es/modal/style/confirm.d.ts

@@ -0,0 +1,4 @@
+//#region components/modal/style/confirm.d.ts
+declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
+//#endregion
+export { _default as default };

package/es/modal/style/confirm.js

@@ -0,0 +1,2 @@
+import{clearFix as e}from"../../style/index.js";import{genSubStyleComponent as t}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{prepareComponentToken as n,prepareToken as r}from"./index.js";import{unit as i}from"@ant-design/cssinjs";const a=t=>{let{componentCls:n,titleFontSize:r,titleLineHeight:a,modalConfirmIconSize:o,fontSize:s,lineHeight:c,modalTitleHeight:l,fontHeight:u,confirmBodyPadding:d}=t,f=`${n}-confirm`;return{[f]:{"&-rtl":{direction:`rtl`},[`${t.antCls}-modal-header`]:{display:`none`},[`${f}-body-wrapper`]:{...e()},[`&${n} ${n}-body`]:{padding:d},[`${f}-body`]:{display:`flex`,flexWrap:`nowrap`,alignItems:`start`,[`> ${t.iconCls}`]:{flex:`none`,fontSize:o,marginInlineEnd:t.confirmIconMarginInlineEnd,marginTop:t.calc(t.calc(u).sub(o).equal()).div(2).equal()},[`&-has-title > ${t.iconCls}`]:{marginTop:t.calc(t.calc(l).sub(o).equal()).div(2).equal()}},[`${f}-paragraph`]:{display:`flex`,flexDirection:`column`,flex:`auto`,rowGap:t.marginXS,maxWidth:`calc(100% - ${i(t.marginSM)})`},[`${t.iconCls} + ${f}-paragraph`]:{maxWidth:`calc(100% - ${i(t.calc(t.modalConfirmIconSize).add(t.marginSM).equal())})`},[`${f}-title`]:{color:t.colorTextHeading,fontWeight:t.fontWeightStrong,fontSize:r,lineHeight:a},[`${f}-content`]:{color:t.colorText,fontSize:s,lineHeight:c},[`${f}-btns`]:{textAlign:`end`,marginTop:t.confirmBtnsMarginTop,[`${t.antCls}-btn + ${t.antCls}-btn`]:{marginBottom:0,marginInlineStart:t.marginXS}}},[`${f}-error ${f}-body > ${t.iconCls}`]:{color:t.colorError},[`${f}-warning ${f}-body > ${t.iconCls},
+        ${f}-confirm ${f}-body > ${t.iconCls}`]:{color:t.colorWarning},[`${f}-info ${f}-body > ${t.iconCls}`]:{color:t.colorInfo},[`${f}-success ${f}-body > ${t.iconCls}`]:{color:t.colorSuccess}}};var o=t([`Modal`,`confirm`],e=>{let t=r(e);return[a(t)]},n,{order:-1e3});export{o as default};

package/es/modal/style/index.d.ts

@@ -0,0 +1,115 @@
+import { AliasToken } from "../../theme/interface/alias.js";
+import { TokenWithCommonCls } from "../../theme/internal.js";
+import { FullToken, GenStyleFn, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import React from "react";
+//#region components/modal/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 顶部背景色
+   * @descEN Background color of header
+   */
+  headerBg: string;
+  /**
+   * @desc 标题行高
+   * @descEN Line height of title
+   */
+  titleLineHeight: number | string;
+  /**
+   * @desc 标题字体大小
+   * @descEN Font size of title
+   */
+  titleFontSize: number;
+  /**
+   * @desc 标题字体颜色
+   * @descEN Font color of title
+   */
+  titleColor: string;
+  /**
+   * @desc 内容区域背景色
+   * @descEN Background color of content
+   */
+  contentBg: string;
+  /**
+   * @desc 底部区域背景色
+   * @descEN Background color of footer
+   */
+  footerBg: string;
+}
+/**
+ * @desc Modal 组件的 Token
+ * @descEN Token for Modal component
+ */
+export interface ModalToken extends FullToken<'Modal'> {
+  /**
+   * @desc 模态框头部高度
+   * @descEN Height of modal header
+   */
+  modalHeaderHeight: number | string;
+  /**
+   * @desc 模态框底部边框颜色
+   * @descEN Border color of modal footer
+   */
+  modalFooterBorderColorSplit: string;
+  /**
+   * @desc 模态框底部边框样式
+   * @descEN Border style of modal footer
+   */
+  modalFooterBorderStyle: string;
+  /**
+   * @desc 模态框底部边框宽度
+   * @descEN Border width of modal footer
+   */
+  modalFooterBorderWidth: number | string;
+  /**
+   * @desc 模态框关闭图标颜色
+   * @descEN Color of modal close icon
+   */
+  modalCloseIconColor: string;
+  /**
+   * @desc 模态框关闭图标悬停颜色
+   * @descEN Hover color of modal close icon
+   */
+  modalCloseIconHoverColor: string;
+  /**
+   * @desc 模态框关闭按钮尺寸
+   * @descEN Size of modal close button
+   */
+  modalCloseBtnSize: number | string;
+  /**
+   * @desc 模态框确认图标尺寸
+   * @descEN Size of modal confirm icon
+   */
+  modalConfirmIconSize: number | string;
+  /**
+   * @desc 模态框标题高度
+   * @descEN Height of modal title
+   */
+  modalTitleHeight: number | string;
+}
+export declare const genModalMaskStyle: GenerateStyle<TokenWithCommonCls<AliasToken>>;
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Modal'>>[0]) => ModalToken;
+export declare const prepareComponentToken: (token: GlobalToken) => {
+  footerBg: string;
+  headerBg: string;
+  titleLineHeight: number;
+  titleFontSize: number;
+  contentBg: string;
+  titleColor: string;
+  contentPadding: string | number;
+  headerPadding: string | number;
+  headerBorderBottom: string;
+  headerMarginBottom: number;
+  bodyPadding: number;
+  footerPadding: string | number;
+  footerBorderTop: string;
+  footerBorderRadius: string | number;
+  footerMarginTop: number;
+  confirmBodyPadding: string | number;
+  confirmIconMarginInlineEnd: number;
+  confirmBtnsMarginTop: number;
+};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/modal/style/index.js

@@ -0,0 +1,3 @@
+import{genFocusStyle as e,resetComponent as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{initFadeMotion as i}from"../../style/motion/fade.js";import{initZoomMotion as a}from"../../style/motion/zoom.js";import"../../style/motion/index.js";import{unit as o}from"@ant-design/cssinjs";function s(e){return{position:e,inset:0}}const c=e=>{let{componentCls:t,antCls:n}=e;return[{[`${t}-root`]:{[`${t}${n}-zoom-enter, ${t}${n}-zoom-appear`]:{transform:`none`,opacity:0,animationDuration:e.motionDurationSlow,userSelect:`none`},[`${t}${n}-zoom-leave ${t}-content`]:{pointerEvents:`none`},[`${t}-mask`]:{...s(`fixed`),zIndex:e.zIndexPopupBase,height:`100%`,backgroundColor:e.colorBgMask,pointerEvents:`none`,[`${t}-hidden`]:{display:`none`}},[`${t}-wrap`]:{...s(`fixed`),zIndex:e.zIndexPopupBase,overflow:`auto`,outline:0,WebkitOverflowScrolling:`touch`}}},{[`${t}-root`]:i(e)}]},l=n=>{let{componentCls:r}=n;return[{[`${r}-root`]:{[`${r}-wrap-rtl`]:{direction:`rtl`},[`${r}-centered`]:{textAlign:`center`,"&::before":{display:`inline-block`,width:0,height:`100%`,verticalAlign:`middle`,content:`""`},[r]:{top:0,display:`inline-block`,paddingBottom:0,textAlign:`start`,verticalAlign:`middle`}},[`@media (max-width: ${n.screenSMMax}px)`]:{[r]:{maxWidth:`calc(100vw - 16px)`,margin:`${o(n.marginXS)} auto`},[`${r}-centered`]:{[r]:{flex:1}}}}},{[r]:{...t(n),pointerEvents:`none`,position:`relative`,top:100,width:`auto`,maxWidth:`calc(100vw - ${o(n.calc(n.margin).mul(2).equal())})`,margin:`0 auto`,paddingBottom:n.paddingLG,[`${r}-title`]:{margin:0,color:n.titleColor,fontWeight:n.fontWeightStrong,fontSize:n.titleFontSize,lineHeight:n.titleLineHeight,wordWrap:`break-word`},[`${r}-content`]:{position:`relative`,backgroundColor:n.contentBg,backgroundClip:`padding-box`,border:0,borderRadius:n.borderRadiusLG,boxShadow:n.boxShadow,pointerEvents:`auto`,padding:n.contentPadding},[`${r}-close`]:{position:`absolute`,top:n.calc(n.modalHeaderHeight).sub(n.modalCloseBtnSize).div(2).equal(),insetInlineEnd:n.calc(n.modalHeaderHeight).sub(n.modalCloseBtnSize).div(2).equal(),zIndex:n.calc(n.zIndexPopupBase).add(10).equal(),padding:0,color:n.modalCloseIconColor,fontWeight:n.fontWeightStrong,lineHeight:1,textDecoration:`none`,background:`transparent`,borderRadius:n.borderRadiusSM,width:n.modalCloseBtnSize,height:n.modalCloseBtnSize,border:0,outline:0,cursor:`pointer`,transition:`color ${n.motionDurationMid}, background-color ${n.motionDurationMid}`,"&-x":{display:`flex`,fontSize:n.fontSizeLG,fontStyle:`normal`,lineHeight:o(n.modalCloseBtnSize),justifyContent:`center`,textTransform:`none`,textRendering:`auto`},"&:disabled":{pointerEvents:`none`},"&:hover":{color:n.modalCloseIconHoverColor,backgroundColor:n.colorBgTextHover,textDecoration:`none`},"&:active":{backgroundColor:n.colorBgTextActive},...e(n)},[`${r}-header`]:{color:n.colorText,background:n.headerBg,borderRadius:`${o(n.borderRadiusLG)} ${o(n.borderRadiusLG)} 0 0`,marginBottom:n.headerMarginBottom,padding:n.headerPadding,borderBottom:n.headerBorderBottom},[`${r}-body`]:{fontSize:n.fontSize,lineHeight:n.lineHeight,wordWrap:`break-word`,padding:n.bodyPadding,[`${r}-body-skeleton`]:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`,alignItems:`center`,margin:`${o(n.margin)} auto`}},[`${r}-footer`]:{textAlign:`end`,background:n.footerBg,marginTop:n.footerMarginTop,padding:n.footerPadding,borderTop:n.footerBorderTop,borderRadius:n.footerBorderRadius,[`> ${n.antCls}-btn + ${n.antCls}-btn`]:{marginInlineStart:n.marginXS}},[`${r}-open`]:{overflow:`hidden`}}},{[`${r}-pure-panel`]:{top:`auto`,padding:0,display:`flex`,flexDirection:`column`,[`${r}-content,
+          ${r}-body,
+          ${r}-confirm-body-wrapper`]:{display:`flex`,flexDirection:`column`,flex:`auto`},[`${r}-confirm-body`]:{marginBottom:`auto`}}}]},u=e=>{let{componentCls:t}=e;return{[`${t}-root`]:{[`${t}-wrap-rtl`]:{direction:`rtl`,[`${t}-confirm-body`]:{direction:`rtl`}}}}},d=e=>{let t=e.padding,n=e.fontSizeHeading5,i=e.lineHeightHeading5;return r(e,{modalHeaderHeight:e.calc(e.calc(i).mul(n).equal()).add(e.calc(t).mul(2).equal()).equal(),modalFooterBorderColorSplit:e.colorSplit,modalFooterBorderStyle:e.lineType,modalFooterBorderWidth:e.lineWidth,modalCloseIconColor:e.colorIcon,modalCloseIconHoverColor:e.colorIconHover,modalCloseBtnSize:e.controlHeight,modalConfirmIconSize:e.fontHeight,modalTitleHeight:e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()})},f=e=>({footerBg:`transparent`,headerBg:e.colorBgElevated,titleLineHeight:e.lineHeightHeading5,titleFontSize:e.fontSizeHeading5,contentBg:e.colorBgElevated,titleColor:e.colorTextHeading,contentPadding:e.wireframe?0:`${o(e.paddingMD)} ${o(e.paddingContentHorizontalLG)}`,headerPadding:e.wireframe?`${o(e.padding)} ${o(e.paddingLG)}`:0,headerBorderBottom:e.wireframe?`${o(e.lineWidth)} ${e.lineType} ${e.colorSplit}`:`none`,headerMarginBottom:e.wireframe?0:e.marginXS,bodyPadding:e.wireframe?e.paddingLG:0,footerPadding:e.wireframe?`${o(e.paddingXS)} ${o(e.padding)}`:0,footerBorderTop:e.wireframe?`${o(e.lineWidth)} ${e.lineType} ${e.colorSplit}`:`none`,footerBorderRadius:e.wireframe?`0 0 ${o(e.borderRadiusLG)} ${o(e.borderRadiusLG)}`:0,footerMarginTop:e.wireframe?0:e.marginSM,confirmBodyPadding:e.wireframe?`${o(e.padding*2)} ${o(e.padding*2)} ${o(e.paddingLG)}`:0,confirmIconMarginInlineEnd:e.wireframe?e.margin:e.marginSM,confirmBtnsMarginTop:e.wireframe?e.marginLG:e.marginSM});var p=n(`Modal`,e=>{let t=d(e);return[l(t),u(t),c(t),a(t,`zoom`)]},f,{unitless:{titleLineHeight:!0}});export{p as default,c as genModalMaskStyle,f as prepareComponentToken,d as prepareToken};

package/es/modal/useModal/HookModal.d.ts

@@ -0,0 +1,19 @@
+import { ModalFuncProps } from "../interface.js";
+import * as React$1 from "react";
+//#region components/modal/useModal/HookModal.d.ts
+export interface HookModalProps {
+  afterClose: () => void;
+  config: ModalFuncProps;
+  onConfirm?: (confirmed: boolean) => void;
+  /**
+   * Do not throw if is await mode
+   */
+  isSilent?: () => boolean;
+}
+export interface HookModalRef {
+  destroy: () => void;
+  update: (config: ModalFuncProps) => void;
+}
+declare const _default: React$1.ForwardRefExoticComponent<HookModalProps & React$1.RefAttributes<HookModalRef>>;
+//#endregion
+export { _default as default };

package/es/modal/useModal/HookModal.js

@@ -0,0 +1 @@
+import e from"../../locale/en_US.js";import t from"../../locale/useLocale.js";import{ConfigContext as n}from"../../config-provider/context.js";import"../../config-provider/index.js";import r from"../ConfirmDialog.js";import*as i from"react";var a=i.forwardRef(({afterClose:a,config:o,...s},c)=>{let[l,u]=i.useState(!0),[d,f]=i.useState(o),{direction:p,getPrefixCls:m}=i.useContext(n),h=m(`modal`),g=m(),_=()=>{a(),d.afterClose?.()},v=(...e)=>{u(!1),e.some(e=>e?.triggerCancel)&&d.onCancel?.(()=>{},...e.slice(1))};i.useImperativeHandle(c,()=>({destroy:v,update:e=>{f(t=>({...t,...e}))}}));let y=d.okCancel??d.type===`confirm`,[b]=t(`Modal`,e.Modal);return i.createElement(r,{prefixCls:h,rootPrefixCls:g,...d,close:v,open:l,afterClose:_,okText:d.okText||(y?b?.okText:b?.justOkText),direction:d.direction||p,cancelText:d.cancelText||b?.cancelText,...s})});export{a as default};

package/es/modal/useModal/index.d.ts

@@ -0,0 +1,10 @@
+import { ModalFunc, ModalStaticFunctions } from "../confirm.js";
+import * as React$1 from "react";
+//#region components/modal/useModal/index.d.ts
+export type ModalFuncWithPromise = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc> & {
+  then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
+};
+export type HookAPI = Omit<Record<keyof ModalStaticFunctions, ModalFuncWithPromise>, 'warn'>;
+declare function useModal(): readonly [instance: HookAPI, contextHolder: React$1.ReactElement];
+//#endregion
+export { useModal as default };

package/es/modal/useModal/index.js

@@ -0,0 +1 @@
+import e from"../../_util/hooks/usePatchElement.js";import t from"../destroyFns.js";import{withConfirm as n,withError as r,withInfo as i,withSuccess as a,withWarn as o}from"../confirm.js";import s from"./HookModal.js";import*as c from"react";let l=0;const u=c.memo(c.forwardRef((t,n)=>{let[r,i]=e();return c.useImperativeHandle(n,()=>({patchElement:i}),[]),c.createElement(c.Fragment,null,r)}));function d(){let e=c.useRef(null),[d,f]=c.useState([]);c.useEffect(()=>{d.length&&([...d].forEach(e=>{e()}),f([]))},[d]);let p=c.useCallback(n=>function(r){l+=1;let i=c.createRef(),a,o=new Promise(e=>{a=e}),u=!1,d,p=c.createElement(s,{key:`modal-${l}`,config:n(r),ref:i,afterClose:()=>{d?.()},isSilent:()=>u,onConfirm:e=>{a(e)}});return d=e.current?.patchElement(p),d&&t.push(d),{destroy:()=>{function e(){i.current?.destroy()}i.current?e():f(t=>[...t,e])},update:e=>{function t(){i.current?.update(e)}i.current?t():f(e=>[...e,t])},then:e=>(u=!0,o.then(e))}},[]);return[c.useMemo(()=>({info:p(i),success:p(a),error:p(r),warning:p(o),confirm:p(n)}),[]),c.createElement(u,{key:`modal-holder`,ref:e})]}export{d as default};

package/es/node_modules/.pnpm/@emotion_serialize@1.3.3/node_modules/@emotion/serialize/dist/declarations/src/index.d.ts

@@ -0,0 +1,24 @@
+import { RegisteredCache, SerializedStyles } from "../../../../../../../@emotion_utils@1.4.2/node_modules/@emotion/utils/dist/declarations/src/types.js";
+import { PropertiesFallback, Pseudos, index_d_exports } from "../../../../../../../csstype@3.2.3/node_modules/csstype/index.js";
+//#region ../../node_modules/.pnpm/@emotion+serialize@1.3.3/node_modules/@emotion/serialize/dist/declarations/src/index.d.ts
+export type CSSProperties = PropertiesFallback<number | string>;
+export type CSSPropertiesWithMultiValues = { [K in keyof CSSProperties]: CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>>; };
+export type CSSPseudos = { [K in Pseudos]?: CSSObject; };
+export interface ArrayCSSInterpolation extends ReadonlyArray<CSSInterpolation> {}
+export type InterpolationPrimitive = null | undefined | boolean | number | string | ComponentSelector | Keyframes | SerializedStyles | CSSObject;
+export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation;
+export interface CSSOthersObject {
+  [propertiesName: string]: CSSInterpolation;
+}
+export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {}
+export interface ComponentSelector {
+  __emotion_styles: any;
+}
+export type Keyframes = {
+  name: string;
+  styles: string;
+  anim: number;
+  toString: () => string;
+} & string;
+//#endregion
+export type { SerializedStyles };

package/es/node_modules/.pnpm/@emotion_sheet@1.4.0/node_modules/@emotion/sheet/dist/declarations/src/index.d.ts

@@ -0,0 +1,27 @@
+//#region ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/declarations/src/index.d.ts
+export type Options = {
+  nonce?: string;
+  key: string;
+  container: Node;
+  speedy?: boolean;
+  prepend?: boolean;
+  insertionPoint?: HTMLElement;
+};
+export declare class StyleSheet {
+  isSpeedy: boolean;
+  ctr: number;
+  tags: HTMLStyleElement[];
+  container: Node;
+  key: string;
+  nonce: string | undefined;
+  prepend: boolean | undefined;
+  before: Element | null;
+  insertionPoint: HTMLElement | undefined;
+  private _alreadyInsertedOrderInsensitiveRule;
+  constructor(options: Options);
+  private _insertTag;
+  hydrate(nodes: HTMLStyleElement[]): void;
+  insert(rule: string): void;
+  flush(): void;
+}
+//#endregion

package/es/node_modules/.pnpm/@emotion_utils@1.4.2/node_modules/@emotion/utils/dist/declarations/src/types.d.ts

@@ -0,0 +1,19 @@
+import { StyleSheet } from "../../../../../../../@emotion_sheet@1.4.0/node_modules/@emotion/sheet/dist/declarations/src/index.js";
+//#region ../../node_modules/.pnpm/@emotion+utils@1.4.2/node_modules/@emotion/utils/dist/declarations/src/types.d.ts
+export type RegisteredCache = Record<string, string | undefined>;
+export type SerializedStyles = {
+  name: string;
+  styles: string;
+  next?: SerializedStyles;
+};
+export type EmotionCache = {
+  inserted: Record<string, string | true | undefined>;
+  registered: RegisteredCache;
+  sheet: StyleSheet;
+  key: string;
+  compat?: true;
+  nonce?: string;
+  insert: (selector: string, serialized: SerializedStyles, sheet: StyleSheet, shouldCache: boolean) => string | void;
+};
+//#endregion
+export type { StyleSheet };