@fangxinyan/lumina 0.1.5 → 0.2.0

package/dist/Drawer.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+interface DrawerProps {
+    /** Whether the drawer is visible. */
+    open: boolean;
+    /** Close callback (triggered by mask click / close button / Esc). */
+    onClose?: () => void;
+    /** Which edge the drawer slides from. */
+    placement?: "left" | "right" | "top" | "bottom";
+    /** Width (for left/right) or height (for top/bottom). Number → px. */
+    size?: number | string;
+    /** Header title. */
+    title?: React.ReactNode;
+    /** Extra content rendered to the right of the title (e.g. action buttons). */
+    extra?: React.ReactNode;
+    /** Footer content. */
+    footer?: React.ReactNode;
+    /** Drawer body. */
+    children?: React.ReactNode;
+    /** Render the mask overlay. Default true. Set `false` for a non-blocking drawer. */
+    mask?: boolean;
+    /** Close when clicking the mask. Default true. Ignored when `mask` is false. */
+    maskClosable?: boolean;
+    /** Close on Escape key. Default true. */
+    keyboard?: boolean;
+    /** Show the close (×) button in the header. Default true. */
+    closable?: boolean;
+    /** Override the close icon node. */
+    closeIcon?: React.ReactNode;
+    /**
+     * When true the drawer's children are unmounted every time it closes.
+     * Default `false` — children stay mounted across open/close cycles so
+     * internal state (form fields, scroll position) is preserved.
+     */
+    destroyOnClose?: boolean;
+    /** Fires after the open/close animation finishes. */
+    afterOpenChange?: (open: boolean) => void;
+    /** Stack index for nested drawers. */
+    zIndex?: number;
+    className?: string;
+}
+/** `Drawer` — slide-in panel from an edge. */
+declare const Drawer: React.FC<DrawerProps>;
+
+export { Drawer, type DrawerProps };

package/dist/Drawer.js

@@ -0,0 +1,4 @@
+export { Drawer } from './chunk-IWVKITPN.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=Drawer.js.map
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Drawer.js"}

package/dist/{Empty-VM23UNLQ.css → Empty-NQ72W3D7.css}

@@ -136,3 +136,25 @@
 .skeleton.circle { border-radius: 999px; }
 @keyframes skel-wave  { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
 @keyframes skel-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+
+/* Composite skeleton — avatar + title + paragraph layout */
+.skeleton-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  width: 100%;
+}
+.skeleton-content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.skeleton-box .skeleton-title {
+  display: block;
+  margin-bottom: 4px;
+}
+.skeleton-box .skeleton-row {
+  display: block;
+}

package/dist/Empty.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkK67KIKX4_cjs = require('./chunk-K67KIKX4.cjs');
+var chunkF7HW2PYR_cjs = require('./chunk-F7HW2PYR.cjs');
 
 
 
 Object.defineProperty(exports, "Empty", {
   enumerable: true,
-  get: function () { return chunkK67KIKX4_cjs.Empty; }
+  get: function () { return chunkF7HW2PYR_cjs.Empty; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkK67KIKX4_cjs.Skeleton; }
+  get: function () { return chunkF7HW2PYR_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkK67KIKX4_cjs.Spinner; }
+  get: function () { return chunkF7HW2PYR_cjs.Spinner; }
 });
 //# sourceMappingURL=Empty.cjs.map
 //# sourceMappingURL=Empty.cjs.map

package/dist/Empty.d.cts

@@ -23,15 +23,55 @@ interface SpinnerProps {
 }
 /** `Spinner` — loading indicator. */
 declare const Spinner: React.FC<SpinnerProps>;
+interface SkeletonAvatarConfig {
+    shape?: "circle" | "square";
+    size?: "sm" | "md" | "lg";
+}
+interface SkeletonTitleConfig {
+    width?: number | string;
+}
+interface SkeletonParagraphConfig {
+    rows?: number;
+    width?: (number | string)[];
+}
 interface SkeletonProps {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
     /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
     animation?: "wave" | "pulse" | "none";
+    /**
+     * Render an avatar skeleton on the left. `true` gives the defaults (circle, md).
+     * @example avatar
+     * @example avatar={{ shape: "square", size: "lg" }}
+     */
+    avatar?: boolean | SkeletonAvatarConfig;
+    /**
+     * Render a title line skeleton. Defaults to `true` whenever the composite layout is active
+     * (any of `avatar` / `paragraph` / `title` is set).
+     */
+    title?: boolean | SkeletonTitleConfig;
+    /**
+     * Render N paragraph lines. `true` gives 3 rows; passing `width` arrays lets you
+     * control per-row widths (last row defaults to 60%).
+     */
+    paragraph?: boolean | SkeletonParagraphConfig;
     className?: string;
 }
-/** `Skeleton` — content placeholder during loading. */
+/**
+ * `Skeleton` — content placeholder during loading.
+ *
+ * Two modes:
+ * - **Primitive** (no composite prop set): renders a single block using `width` / `height` / `circle`.
+ * - **Composite** (`avatar` / `title` / `paragraph`): renders the Ant-Design-style avatar + title + paragraph layout.
+ *
+ * @example
+ * // primitive
+ * <Skeleton height={14} width="60%" />
+ * @example
+ * // composite
+ * <Skeleton avatar title paragraph={{ rows: 4 }} />
+ */
 declare const Skeleton: React.FC<SkeletonProps>;
 
-export { Empty, type EmptyProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
+export { Empty, type EmptyProps, Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig, Spinner, type SpinnerProps };

package/dist/Empty.d.ts

@@ -23,15 +23,55 @@ interface SpinnerProps {
 }
 /** `Spinner` — loading indicator. */
 declare const Spinner: React.FC<SpinnerProps>;
+interface SkeletonAvatarConfig {
+    shape?: "circle" | "square";
+    size?: "sm" | "md" | "lg";
+}
+interface SkeletonTitleConfig {
+    width?: number | string;
+}
+interface SkeletonParagraphConfig {
+    rows?: number;
+    width?: (number | string)[];
+}
 interface SkeletonProps {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
     /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
     animation?: "wave" | "pulse" | "none";
+    /**
+     * Render an avatar skeleton on the left. `true` gives the defaults (circle, md).
+     * @example avatar
+     * @example avatar={{ shape: "square", size: "lg" }}
+     */
+    avatar?: boolean | SkeletonAvatarConfig;
+    /**
+     * Render a title line skeleton. Defaults to `true` whenever the composite layout is active
+     * (any of `avatar` / `paragraph` / `title` is set).
+     */
+    title?: boolean | SkeletonTitleConfig;
+    /**
+     * Render N paragraph lines. `true` gives 3 rows; passing `width` arrays lets you
+     * control per-row widths (last row defaults to 60%).
+     */
+    paragraph?: boolean | SkeletonParagraphConfig;
     className?: string;
 }
-/** `Skeleton` — content placeholder during loading. */
+/**
+ * `Skeleton` — content placeholder during loading.
+ *
+ * Two modes:
+ * - **Primitive** (no composite prop set): renders a single block using `width` / `height` / `circle`.
+ * - **Composite** (`avatar` / `title` / `paragraph`): renders the Ant-Design-style avatar + title + paragraph layout.
+ *
+ * @example
+ * // primitive
+ * <Skeleton height={14} width="60%" />
+ * @example
+ * // composite
+ * <Skeleton avatar title paragraph={{ rows: 4 }} />
+ */
 declare const Skeleton: React.FC<SkeletonProps>;
 
-export { Empty, type EmptyProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
+export { Empty, type EmptyProps, Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig, Spinner, type SpinnerProps };

package/dist/Empty.js

@@ -1,3 +1,3 @@
-export { Empty, Skeleton, Spinner } from './chunk-4AA22BOG.js';
+export { Empty, Skeleton, Spinner } from './chunk-Z7P6QGMT.js';
 //# sourceMappingURL=Empty.js.map
 //# sourceMappingURL=Empty.js.map

package/dist/Input-33CAH4O6.css

@@ -0,0 +1,134 @@
+/* ============ Input / Textarea ============ */
+.input-shell {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+}
+.input-count {
+  font-size: 11px;
+  color: var(--fg-subtle);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.input-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  height: var(--ctrl-h);
+  padding: 0 var(--ctrl-pad-x);
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  transition: box-shadow var(--dur) var(--ease);
+  gap: 8px;
+}
+.input-wrap.sm { height: 32px; padding: 0 12px; border-radius: var(--r-sm); gap: 6px; }
+.input-wrap.lg { height: 48px; padding: 0 18px; border-radius: var(--r-lg); gap: 10px; }
+.input-wrap:focus-within { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.input-wrap.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.input-wrap.disabled { opacity: 0.6; cursor: not-allowed; }
+
+.input-wrap .lead,
+.input-wrap .trail {
+  color: var(--fg-subtle);
+  flex-shrink: 0;
+  display: inline-flex;
+}
+.input-wrap .lead.interactive,
+.input-wrap .trail.interactive { cursor: pointer; pointer-events: auto; }
+.input-wrap .trail:hover { color: var(--fg); }
+.input-wrap .lead:not(.interactive),
+.input-wrap .trail:not(.interactive) { pointer-events: none; }
+
+.input-wrap .input-affix {
+  display: inline-flex;
+  align-items: center;
+  color: var(--fg-muted);
+  font-size: 13px;
+  white-space: nowrap;
+  user-select: none;
+  flex-shrink: 0;
+}
+.input-wrap.sm .input-affix { font-size: 12px; }
+.input-wrap.lg .input-affix { font-size: 14px; }
+
+.input-wrap .input-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  color: var(--fg-subtle);
+  background: transparent;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
+}
+.input-wrap .input-clear:hover {
+  color: var(--fg);
+  background: var(--bg-sunken);
+}
+
+.input-wrap > .input {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  outline: none;
+}
+.input-wrap.sm > .input { font-size: 12px; }
+.input-wrap.lg > .input { font-size: 14px; }
+.input-wrap > .input::placeholder { color: var(--fg-subtle); }
+.input-wrap.disabled > .input { cursor: not-allowed; }
+
+.textarea-wrap { position: relative; width: 100%; }
+.textarea-wrap .textarea-clear {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  color: var(--fg-subtle);
+  background: transparent;
+  cursor: pointer;
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
+}
+.textarea-wrap .textarea-clear:hover {
+  color: var(--fg);
+  background: var(--bg-sunken);
+}
+
+.textarea {
+  width: 100%;
+  min-height: 96px;
+  padding: 12px 14px;
+  border: none;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  line-height: 1.55;
+  resize: vertical;
+  outline: none;
+  transition: box-shadow var(--dur) var(--ease);
+}
+.textarea:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.textarea.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.textarea::placeholder { color: var(--fg-subtle); }

package/dist/Input.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkQT7SJITQ_cjs = require('./chunk-QT7SJITQ.cjs');
+var chunkLDENBYRC_cjs = require('./chunk-LDENBYRC.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkQT7SJITQ_cjs.Input; }
+  get: function () { return chunkLDENBYRC_cjs.Input; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkQT7SJITQ_cjs.Textarea; }
+  get: function () { return chunkLDENBYRC_cjs.Textarea; }
 });
 //# sourceMappingURL=Input.cjs.map
 //# sourceMappingURL=Input.cjs.map

package/dist/Input.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconName } from './Icon.cjs';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -15,6 +15,16 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     size?: "sm" | "md" | "lg";
     invalid?: boolean;
     disabled?: boolean;
+    /** Show a × button inside the input to clear the value when non-empty. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native input. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the input (or just "N" if no maxLength). */
+    showCount?: boolean;
+    /** Inline content rendered inside the input on the left (after leadingIcon if both present). */
+    prefix?: React.ReactNode;
+    /** Inline content rendered inside the input on the right (before trailingIcon if both present). */
+    suffix?: React.ReactNode;
     className?: string;
 }
 /**
@@ -26,6 +36,12 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
     className?: string;
 }
 /**

package/dist/Input.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconName } from './Icon.js';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -15,6 +15,16 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     size?: "sm" | "md" | "lg";
     invalid?: boolean;
     disabled?: boolean;
+    /** Show a × button inside the input to clear the value when non-empty. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native input. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the input (or just "N" if no maxLength). */
+    showCount?: boolean;
+    /** Inline content rendered inside the input on the left (after leadingIcon if both present). */
+    prefix?: React.ReactNode;
+    /** Inline content rendered inside the input on the right (before trailingIcon if both present). */
+    suffix?: React.ReactNode;
     className?: string;
 }
 /**
@@ -26,6 +36,12 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
     className?: string;
 }
 /**

package/dist/Input.js

@@ -1,4 +1,4 @@
-export { Input, Textarea } from './chunk-7NM5BRUX.js';
+export { Input, Textarea } from './chunk-NSUD5B22.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Input.js.map
 //# sourceMappingURL=Input.js.map

package/dist/Modal-N4YVLEWW.css

@@ -0,0 +1,72 @@
+/* ============ Modal ============ */
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: color-mix(in oklch, var(--bg-sunken) 60%, transparent);
+  backdrop-filter: blur(8px);
+  display: grid;
+  place-items: center;
+  z-index: 200;
+  animation: fadeIn var(--dur) var(--ease);
+}
+.modal-overlay.hidden {
+  display: none;
+}
+.modal {
+  background: var(--bg);
+  border-radius: var(--r-xl);
+  box-shadow: var(--neu-out-lg), 0 24px 60px -20px rgba(40, 55, 80, 0.3);
+  padding: var(--gap-6);
+  width: min(480px, 92vw);
+  animation: modalIn var(--dur-slow) var(--ease);
+  max-height: 86vh;
+  display: flex;
+  flex-direction: column;
+}
+@keyframes modalIn {
+  from { opacity: 0; transform: translateY(8px) scale(0.97); }
+}
+.modal-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--gap-3);
+  margin-bottom: var(--gap-3);
+}
+.modal-titles {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.modal-title { font-size: 17px; font-weight: 600; }
+.modal-desc  { font-size: 13px; color: var(--fg-muted); }
+.modal-body {
+  padding: var(--gap-3) 0;
+  color: var(--fg-muted);
+  font-size: 13px;
+  line-height: 1.6;
+  flex: 1;
+  overflow-y: auto;
+}
+.modal-foot {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: var(--gap-4);
+}
+.modal-close {
+  width: 28px; height: 28px;
+  border: none;
+  background: transparent;
+  border-radius: var(--r-sm);
+  display: grid;
+  place-items: center;
+  color: var(--fg-subtle);
+  cursor: pointer;
+  transition: all var(--dur-fast) var(--ease);
+}
+.modal-close:hover {
+  color: var(--fg);
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+}

package/dist/Modal.cjs

@@ -1,18 +1,14 @@
 'use strict';
 
-var chunkKF4MCHZL_cjs = require('./chunk-KF4MCHZL.cjs');
-require('./chunk-AAMYURWQ.cjs');
+var chunkCCBHZYE6_cjs = require('./chunk-CCBHZYE6.cjs');
+require('./chunk-OPTTHURA.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () { return chunkKF4MCHZL_cjs.Drawer; }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkKF4MCHZL_cjs.Modal; }
+  get: function () { return chunkCCBHZYE6_cjs.Modal; }
 });
 //# sourceMappingURL=Modal.cjs.map
 //# sourceMappingURL=Modal.cjs.map

package/dist/Modal.d.cts

@@ -1,27 +1,56 @@
 import * as React from 'react';
+import { ButtonProps } from './Button.cjs';
+import './Icon.cjs';
 
 interface ModalProps {
+    /** Whether the modal is visible. */
     open: boolean;
+    /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
     onClose?: () => void;
+    /** Dedicated Cancel callback. Falls back to `onClose` when omitted. */
+    onCancel?: () => void;
+    /** Fired when the default OK button is clicked. */
+    onOk?: () => void;
     title?: React.ReactNode;
     description?: React.ReactNode;
+    /**
+     * Footer content. Pass `null` to hide the footer, or a custom node to
+     * replace the default OK / Cancel buttons.
+     */
     footer?: React.ReactNode;
     children?: React.ReactNode;
     width?: number | string;
+    /** Show the close (×) button. Default true. */
+    closable?: boolean;
+    /** Override the close icon node. */
+    closeIcon?: React.ReactNode;
     /** Close when clicking the mask. Default true. */
     maskClosable?: boolean;
     /** Close on Escape key. Default true. */
     escClosable?: boolean;
+    /** Label for the default OK button. */
+    okText?: React.ReactNode;
+    /** Label for the default Cancel button. */
+    cancelText?: React.ReactNode;
+    /** Extra props forwarded to the default OK button. */
+    okButtonProps?: Partial<ButtonProps>;
+    /** Extra props forwarded to the default Cancel button. */
+    cancelButtonProps?: Partial<ButtonProps>;
+    /** Show a spinner on the OK button (e.g. while an async submit is running). */
+    confirmLoading?: boolean;
+    /**
+     * When true the modal's children are unmounted every time it closes.
+     * Default `false` — children stay mounted so internal state survives
+     * reopens, matching antd's default.
+     */
+    destroyOnClose?: boolean;
+    /** Fires after the open/close animation finishes. */
+    afterOpenChange?: (open: boolean) => void;
+    /** Override the z-index of the overlay. */
+    zIndex?: number;
     className?: string;
 }
 /** `Modal` — centered dialog with mask. Renders into `document.body`. */
 declare const Modal: React.FC<ModalProps>;
-interface DrawerProps extends Omit<ModalProps, "width"> {
-    /** Edge the drawer slides from. */
-    placement?: "left" | "right" | "top" | "bottom";
-    size?: number | string;
-}
-/** `Drawer` — slide-in panel from an edge. */
-declare const Drawer: React.FC<DrawerProps>;
 
-export { Drawer, type DrawerProps, Modal, type ModalProps };
+export { Modal, type ModalProps };