@kingsoft-ai/design 0.1.12 → 0.1.14

package/dist/types/DesignThemeProvider.d.ts

@@ -6,6 +6,7 @@
  */
 import type { ReactNode } from 'react';
 import type { AppTheme } from '@kingsoft-ai/theme';
+import type { DeepPartial } from './types/theme-utils';
 export interface DesignThemeProviderProps {
     /** 子组件 */
     children: ReactNode;
@@ -16,9 +17,30 @@ export interface DesignThemeProviderProps {
     mode?: 'light' | 'dark';
     /**
      * 自定义主题对象（可选）
-     * 如果提供，将覆盖默认主题
+     *
+     * 支持部分配置，会自动与默认主题进行深度合并。
+     * 只需要提供你想要覆盖的部分即可。
+     *
+     * @example
+     * ```tsx
+     * // 只覆盖 card 组件的部分 token
+     * const customTheme = {
+     *   components: {
+     *     card: {
+     *       container: {
+     *         background: { default: '#F0F4FF' },
+     *         radius: '24px',
+     *       }
+     *     }
+     *   }
+     * }
+     *
+     * <DesignThemeProvider theme={customTheme}>
+     *   <Card>自定义样式的卡片</Card>
+     * </DesignThemeProvider>
+     * ```
      */
-    theme?: AppTheme;
+    theme?: DeepPartial<AppTheme>;
 }
 /**
  * Design 组件主题提供者
@@ -35,9 +57,9 @@ export interface DesignThemeProviderProps {
  *   <Button>点击我</Button>
  * </DesignThemeProvider>
  *
- * // 使用自定义主题
- * <DesignThemeProvider theme={customTheme}>
- *   <Button>点击我</Button>
+ * // 使用部分自定义主题（自动与默认主题合并）
+ * <DesignThemeProvider theme={{ components: { card: { container: { radius: '24px' } } } }}>
+ *   <Card>自定义圆角的卡片</Card>
  * </DesignThemeProvider>
  * ```
  */

package/dist/types/card/Card.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Card title
+     */
+    title?: ReactNode;
+    /**
+     * Content to render in the top-right corner of the card
+     */
+    extra?: ReactNode;
+    /**
+     * Card cover image
+     */
+    cover?: ReactNode;
+    /**
+     * Card footer content
+     */
+    footer?: ReactNode;
+    /**
+     * Lift up when hovering card
+     */
+    hoverable?: boolean;
+    /**
+     * Card variant
+     * @default 'elevated'
+     */
+    variant?: 'elevated' | 'outlined' | 'filled';
+    /**
+     * Custom padding for body
+     */
+    bodyPadding?: string;
+    children?: ReactNode;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/card/Card.style.d.ts

@@ -0,0 +1,46 @@
+import { CardTokens } from '../types/component-tokens.types';
+export declare const CardContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+    variant: "elevated" | "outlined" | "filled";
+    hoverable?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardExtra: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+    padding?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardCover: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    tokens: CardTokens;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './tokens';

package/dist/types/card/tokens.d.ts

@@ -0,0 +1,3 @@
+import { TokenGenerator } from '../types/theme-utils';
+import { CardTokens } from '../types/component-tokens.types';
+export declare const getCardTokens: TokenGenerator<CardTokens>;

package/dist/types/floatButton/FloatButton.d.ts

@@ -0,0 +1,57 @@
+/**
+ * FloatButton 悬浮按钮组件
+ *
+ * 基于 react-aria 实现无障碍访问的悬浮按钮组件
+ * 参考 antd FloatButton 设计实现
+ *
+ * @example
+ * ```tsx
+ * <FloatButton
+ *   icon={<IconPlus />}
+ *   type="primary"
+ *   onClick={() => console.log('clicked')}
+ * />
+ * ```
+ */
+import type { ReactNode } from 'react';
+import type { AriaButtonProps } from 'react-aria';
+import { type FloatButtonType, type FloatButtonShape, type FloatButtonSize, type TooltipPlacement } from './FloatButton.style';
+export type { TooltipPlacement };
+export interface TooltipConfig {
+    /** Tooltip 标题 */
+    title?: ReactNode;
+    /** Tooltip 颜色 */
+    color?: string;
+    /** Tooltip 位置 */
+    placement?: TooltipPlacement;
+}
+export declare const TYPES: readonly ["default", "primary"];
+export declare const SHAPES: readonly ["circle", "square"];
+export declare const SIZES: readonly ["sm", "md", "lg"];
+export interface FloatButtonProps extends Omit<AriaButtonProps, 'elementType'> {
+    /** 按钮类型 */
+    buttonType?: FloatButtonType;
+    /** 按钮形状 */
+    shape?: FloatButtonShape;
+    /** 按钮尺寸 */
+    size?: FloatButtonSize;
+    /** 图标 */
+    icon?: ReactNode;
+    /** 文字描述 */
+    description?: ReactNode;
+    /** 提示文字或配置 */
+    tooltip?: ReactNode | TooltipConfig;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * FloatButton 悬浮按钮组件
+ *
+ * 用于页面中的悬浮操作按钮，通常固定在页面特定位置
+ * 支持圆形和方形两种形状
+ */
+export declare const FloatButton: import("react").ForwardRefExoticComponent<FloatButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/floatButton/FloatButton.style.d.ts

@@ -0,0 +1,74 @@
+/**
+ * FloatButton 悬浮按钮样式
+ *
+ * 基于三层 Token 体系实现悬浮按钮样式
+ * 参考 antd FloatButton 设计规范
+ */
+export declare const floatButtonTypes: readonly ["default", "primary"];
+export declare const floatButtonShapes: readonly ["circle", "square"];
+export declare const floatButtonSizes: readonly ["sm", "md", "lg"];
+export declare const tooltipPlacements: readonly ["top", "bottom", "left", "right"];
+export type FloatButtonType = (typeof floatButtonTypes)[number];
+export type FloatButtonShape = (typeof floatButtonShapes)[number];
+export type FloatButtonSize = (typeof floatButtonSizes)[number];
+export type TooltipPlacement = (typeof tooltipPlacements)[number];
+/**
+ * 悬浮按钮根元素
+ */
+export declare const FloatButtonRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $buttonType: FloatButtonType;
+    $shape: FloatButtonShape;
+    $size: FloatButtonSize;
+    $isPressed: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * 按钮内容容器
+ */
+export declare const FloatButtonContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * 图标包装器
+ */
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * 描述文字
+ */
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * Tooltip 包装器
+ */
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Tooltip 卡片
+ */
+export declare const TooltipCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $placement: TooltipPlacement;
+    $color?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Tooltip 箭头
+ */
+export declare const TooltipArrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $placement: TooltipPlacement;
+    $color?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/floatButton/__tests__/FloatButton.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * FloatButton 组件测试
+ */
+export {};

package/dist/types/floatButton/index.d.ts

@@ -0,0 +1,4 @@
+export { FloatButton } from './FloatButton';
+export type { FloatButtonProps, TooltipConfig } from './FloatButton';
+export type { FloatButtonType, FloatButtonShape, FloatButtonSize } from './FloatButton.style';
+export { TYPES, SHAPES } from './FloatButton';

package/dist/types/floatButton/tokens.d.ts

@@ -0,0 +1,3 @@
+import { TokenGenerator } from '../types/theme-utils';
+import { FloatButtonTokens } from '../types/component-tokens.types';
+export declare const getFloatButtonTokens: TokenGenerator<FloatButtonTokens>;

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './checkbox';
 export * from './collapse';
+export * from './floatButton';
 export * from './input';
 export * from './menu';
 export * from './link';
@@ -14,9 +15,12 @@ export * from './select';
 export * from './table';
 export * from './switch';
 export * from './tag';
+export * from './transfer';
 export * from './upload';
+export * from './card';
+export * from './tooltip';
 export * from './theme';
-export * from './types/theme-utils';
+export type { ThemeContext, TokenGenerator, DeepPartial } from './types/theme-utils';
 export { DesignThemeProvider } from './DesignThemeProvider';
 export type { DesignThemeProviderProps } from './DesignThemeProvider';
 export { CustomThemeProvider, globalColors, globalSpacing, globalRadii, globalTypography, globalShadows, globalGradients, lightSemantic, darkSemantic, } from '@kingsoft-ai/theme';

package/dist/types/menu/SubMenuPopover.d.ts

@@ -24,6 +24,6 @@ export interface SubMenuPopoverProps {
  * 在折叠状态下，鼠标悬浮一级菜单时展示二级菜单
  */
 export declare const SubMenuPopover: {
-    ({ visible, anchorRef, children, onClose, onMouseEnter, onMouseLeave, }: SubMenuPopoverProps): any;
+    ({ visible, anchorRef, children, onClose, onMouseEnter, onMouseLeave, }: SubMenuPopoverProps): import("react").ReactPortal | null;
     displayName: string;
 };

package/dist/types/modal/Modal.d.ts

@@ -1,78 +1,63 @@
 /**
- * Modal 弹窗组件
+ * Modal 弹窗组件（React Aria）
  *
- * 基于 React Portal 实现的高性能弹窗组件
- * 支持无障碍访问、键盘操作、焦点管理
- *
- * @example
- * ```tsx
- * <Modal
- *   open={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="确认操作"
- *   size="md"
- * >
- *   <p>确定要执行此操作吗？</p>
- * </Modal>
- * ```
+ * - 受控：open + onOpenChange（所有关闭路径统一出口）
+ * - 基于 react-aria overlays/dialog：焦点管理、ESC、无障碍语义
+ * - 支持 portalContainer（微前端 / iframe / shadow dom）
+ * - 样式分层：overlay / dialog / close button 分别支持 className 与 style
  */
-import { type ReactNode } from 'react';
-import { ModalHeader, ModalTitle, ModalDescription, ModalCloseButton, ModalContent, ModalFooter, type ModalSize } from './Modal.style';
-export declare const SIZES: readonly ["sm", "md", "lg", "xl", "fullscreen"];
-export interface ModalProps {
-    /** 是否打开弹窗 */
+import { type CSSProperties, type ReactNode } from 'react';
+export type ModalProps = {
+    /** 是否展示 Modal */
     open: boolean;
-    /** 关闭弹窗回调 */
-    onClose: () => void;
-    /** 弹窗标题 */
+    /**
+     * open 状态变更回调
+     * 所有关闭路径（ESC / 遮罩 / 关闭按钮 / outside）统一出口
+     */
+    onOpenChange: (open: boolean) => void;
+    /** 内容（完全自定义） */
+    children: ReactNode;
+    /** 标题（用于默认头部与 aria 标注） */
     title?: ReactNode;
-    /** 弹窗描述/副标题 */
-    description?: ReactNode;
-    /** 弹窗内容 */
-    children?: ReactNode;
-    /** 底部操作区域 */
-    footer?: ReactNode;
-    /** 弹窗尺寸 */
-    size?: ModalSize;
-    /** 是否全屏 */
-    fullscreen?: boolean;
-    /** 是否垂直居中 */
-    centered?: boolean;
-    /** 是否显示关闭按钮 */
-    closable?: boolean;
-    /** 点击遮罩是否关闭 */
-    maskClosable?: boolean;
-    /** 按 ESC 是否关闭 */
-    keyboard?: boolean;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-    /** 关闭后是否销毁子元素 */
-    destroyOnClose?: boolean;
-    /** 动画类型 */
-    animationType?: 'scale' | 'slide' | 'fade';
-    /** 挂载的 DOM 节点（默认为 document.body） */
-    container?: HTMLElement | null;
-    /** 自定义类名 */
-    className?: string;
-    /** 内容区域自定义类名 */
-    contentClassName?: string;
-    /** 自定义 z-index */
-    zIndex?: number;
-    /** 动画结束后的回调 */
-    afterClose?: () => void;
-    /** 动画开始前的回调 */
-    afterOpen?: () => void;
-    /** 自定义关闭图标 */
-    closeIcon?: ReactNode;
-    /** 无障碍：描述 ID */
-    'aria-describedby'?: string;
-    /** 无障碍：标签 ID */
-    'aria-labelledby'?: string;
-}
-/**
- * Modal 弹窗组件
- *
- * 高性能、无障碍、可定制的弹窗组件
- */
+    /**
+     * 是否隐藏默认头部（标题 + 右上角关闭按钮）
+     * - true：不渲染默认 Header，你可以在 children 内完全自定义标题区与关闭按钮
+     * - false：按默认逻辑渲染（有 title 或可关闭时显示 Header）
+     * @default false
+     */
+    hideHeader?: boolean;
+    /**
+     * 是否允许“用户主动关闭”
+     * - false：禁用 ESC/遮罩/close button/outside 关闭（只能由外部控制 open）
+     * - true：按各关闭开关控制
+     * @default true
+     */
+    isDismissable?: boolean;
+    /** 是否允许 ESC 关闭（在 isDismissable=true 前提下生效）@default true */
+    closeOnEsc?: boolean;
+    /** 是否允许点击遮罩关闭（在 isDismissable=true 前提下生效）@default true */
+    closeOnOverlay?: boolean;
+    /**
+     * 是否允许点击外部关闭（在 isDismissable=true 前提下生效）
+     * 对应 react-aria shouldCloseOnInteractOutside
+     * @default true
+     */
+    closeOnOutside?: boolean;
+    /**
+     * 外部点击白名单/黑名单
+     * 返回 true 表示允许触发关闭
+     */
+    shouldCloseOnInteractOutside?: (element: Element) => boolean;
+    /** Portal 挂载容器，默认 document.body（SSR 环境下不回退） */
+    portalContainer?: Element;
+    /** overlay（遮罩层）样式分层 */
+    overlayClassName?: string;
+    overlayStyle?: CSSProperties;
+    /** dialog（弹层容器）样式分层 */
+    dialogClassName?: string;
+    dialogStyle?: CSSProperties;
+    /** close button 样式分层 */
+    closeButtonClassName?: string;
+    closeButtonStyle?: CSSProperties;
+};
 export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
-export { ModalHeader, ModalContent, ModalFooter, ModalTitle, ModalDescription, ModalCloseButton, };

package/dist/types/modal/Modal.style.d.ts

@@ -1,121 +1,35 @@
 /**
- * Modal 弹窗样式
+ * Modal 样式（React Aria）
  *
- * 基于三层 Token 体系：
- * - Tier 1 (Global): 全局基础值
- * - Tier 2 (Semantic): 语义化映射
- * - Tier 3 (Component): 组件专用 Token
- *
- * 特性：
- * - 优雅的入场/退场动画
- * - 响应式尺寸支持
- * - 无障碍访问友好
- * - 支持暗色主题
- */
-export declare const modalSizes: readonly ["sm", "md", "lg", "xl", "fullscreen"];
-export type ModalSize = (typeof modalSizes)[number];
-/**
- * Modal 遮罩层
- *
- * 特性：
- * - 毛玻璃效果
- * - 点击关闭支持
- * - 优雅的淡入淡出动画
+ * 设计目标：
+ * - 轻盈、科技、极简阴影（避免厚重“Antd 弹窗”观感）
+ * - overlay / dialog / close button 三层明确分工
  */
-export declare const ModalOverlay: import("@emotion/styled").StyledComponent<{
+export declare const ModalPortalRoot: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    isOpen: boolean;
-    isClosing: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Modal 容器（用于 Portal 和定位）
- */
-export declare const ModalPortalContainer: import("@emotion/styled").StyledComponent<{
+export declare const ModalBackdrop: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    isOpen: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Modal 主容器
- *
- * 特性：
- * - 居中定位
- * - 响应式宽度
- * - 弹性动画效果
- */
-export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
+export declare const ModalDialog: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    size: ModalSize;
-    isOpen: boolean;
-    isClosing: boolean;
-    isFullscreen: boolean;
-    animationType: "scale" | "slide" | "fade";
-    centered: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Modal 头部
- *
- * 包含标题、描述和关闭按钮
- */
-export declare const ModalHeader: import("@emotion/styled").StyledComponent<{
+export declare const ModalDialogHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    size: ModalSize;
-    hasDescription: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-/**
- * 标题容器
- */
-export declare const ModalTitleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Modal 标题
- */
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<{
+export declare const ModalDialogTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    size: ModalSize;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-/**
- * Modal 描述
- */
-export declare const ModalDescription: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-/**
- * Modal 关闭按钮
- */
 export declare const ModalCloseButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-/**
- * Modal 内容区域
- */
-export declare const ModalContent: import("@emotion/styled").StyledComponent<{
+export declare const ModalDialogBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    size: ModalSize;
-    hasHeader: boolean;
-    hasFooter: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Modal 底部
- */
-export declare const ModalFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    size: ModalSize;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/types/modal/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/modal/index.d.ts

@@ -1,4 +1,2 @@
-export { Modal, SIZES } from './Modal';
+export { Modal } from './Modal';
 export type { ModalProps } from './Modal';
-export type { ModalSize } from './Modal.style';
-export { ModalHeader, ModalContent, ModalFooter, ModalTitle, ModalDescription, ModalCloseButton, } from './Modal';