@fangxinyan/lumina 0.1.6 → 0.2.0

package/dist/{Accordion-GSBY5T5U.css → Accordion-3TQPKNN3.css}

@@ -6,6 +6,7 @@
   box-shadow: var(--neu-out-sm);
   overflow: hidden;
 }
+.accordion-item.disabled { opacity: 0.5; }
 .accordion-head {
   width: 100%;
   border: none;
@@ -21,6 +22,8 @@
   color: var(--fg);
   text-align: left;
 }
+.accordion-item.disabled .accordion-head { cursor: not-allowed; }
+.accordion-item.icon-only .accordion-head:not(:disabled) { cursor: default; }
 .accordion-body {
   max-height: 0;
   overflow: hidden;
@@ -31,8 +34,12 @@
 .accordion-item.open .accordion-body { max-height: 320px; }
 .accordion-body-inner { padding: 0 18px 16px; }
 .accordion-chev {
-  transition: transform var(--dur) var(--ease);
+  transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
   color: var(--fg-subtle);
   display: inline-flex;
+  border-radius: 6px;
+  padding: 2px;
 }
+.accordion-chev.clickable { cursor: pointer; }
+.accordion-chev.clickable:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-flat); }
 .accordion-item.open .accordion-chev { transform: rotate(180deg); color: var(--accent); }

package/dist/Accordion.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk77NP67ML_cjs = require('./chunk-77NP67ML.cjs');
+var chunkRDLPX7RK_cjs = require('./chunk-RDLPX7RK.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunk77NP67ML_cjs.Accordion; }
+  get: function () { return chunkRDLPX7RK_cjs.Accordion; }
 });
 //# sourceMappingURL=Accordion.cjs.map
 //# sourceMappingURL=Accordion.cjs.map

package/dist/Accordion.d.cts

@@ -10,6 +10,18 @@ interface AccordionProps {
     items: AccordionItem[];
     /** If true, multiple sections can be open at once. */
     multiple?: boolean;
+    /**
+     * Accordion mode — at most one item open at a time. Takes precedence over `multiple`
+     * when both are set.
+     */
+    accordion?: boolean;
+    /**
+     * What triggers expansion.
+     * - `"header"` (default): clicking anywhere on the header toggles.
+     * - `"icon"`: only the chevron icon is clickable.
+     * - `"disabled"`: the panel cannot be toggled.
+     */
+    collapsible?: "header" | "icon" | "disabled";
     activeKeys?: string[];
     defaultActiveKeys?: string[];
     onChange?: (keys: string[]) => void;

package/dist/Accordion.d.ts

@@ -10,6 +10,18 @@ interface AccordionProps {
     items: AccordionItem[];
     /** If true, multiple sections can be open at once. */
     multiple?: boolean;
+    /**
+     * Accordion mode — at most one item open at a time. Takes precedence over `multiple`
+     * when both are set.
+     */
+    accordion?: boolean;
+    /**
+     * What triggers expansion.
+     * - `"header"` (default): clicking anywhere on the header toggles.
+     * - `"icon"`: only the chevron icon is clickable.
+     * - `"disabled"`: the panel cannot be toggled.
+     */
+    collapsible?: "header" | "icon" | "disabled";
     activeKeys?: string[];
     defaultActiveKeys?: string[];
     onChange?: (keys: string[]) => void;

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-export { Accordion } from './chunk-M6OTFXZA.js';
+export { Accordion } from './chunk-4MR4GVTD.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Accordion.js.map
 //# sourceMappingURL=Accordion.js.map

package/dist/{Alert-LSKBYDRI.css → Alert-JJ7GB3UU.css}

@@ -24,6 +24,17 @@
 .alert-desc  { font-size: 12px; color: var(--fg-muted); line-height: 1.55; }
 .alert.no-title { align-items: center; }
 .alert.no-title .alert-ico { margin-top: 0; }
+.alert.no-icon { gap: 0; }
+
+.alert-action {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+  margin-left: 4px;
+}
+.alert:has(.alert-close) .alert-action { margin-right: 26px; }
+
 .alert-close {
   position: absolute; top: 10px; right: 10px;
   width: 22px; height: 22px; border-radius: 7px;

package/dist/Alert.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkJNFCTYJT_cjs = require('./chunk-JNFCTYJT.cjs');
+var chunkZ5X5AMLA_cjs = require('./chunk-Z5X5AMLA.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkJNFCTYJT_cjs.Alert; }
+  get: function () { return chunkZ5X5AMLA_cjs.Alert; }
 });
 //# sourceMappingURL=Alert.cjs.map
 //# sourceMappingURL=Alert.cjs.map

package/dist/Alert.d.cts

@@ -7,8 +7,12 @@ interface AlertProps {
     title?: React.ReactNode;
     children?: React.ReactNode;
     icon?: IconName;
+    /** Controls the leading semantic icon. Defaults to `true`. */
+    showIcon?: boolean;
     closable?: boolean;
     onClose?: () => void;
+    /** Right-side action area, rendered after the content and before the close button. */
+    action?: React.ReactNode;
     className?: string;
 }
 /** `Alert` — inline contextual message. */

package/dist/Alert.d.ts

@@ -7,8 +7,12 @@ interface AlertProps {
     title?: React.ReactNode;
     children?: React.ReactNode;
     icon?: IconName;
+    /** Controls the leading semantic icon. Defaults to `true`. */
+    showIcon?: boolean;
     closable?: boolean;
     onClose?: () => void;
+    /** Right-side action area, rendered after the content and before the close button. */
+    action?: React.ReactNode;
     className?: string;
 }
 /** `Alert` — inline contextual message. */

package/dist/Alert.js

@@ -1,4 +1,4 @@
-export { Alert } from './chunk-NWJW5KLN.js';
+export { Alert } from './chunk-GIVMKGZN.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Alert.js.map
 //# sourceMappingURL=Alert.js.map

package/dist/{Avatar-OXDSG5Q6.css → Avatar-R5A4AFKZ.css}

@@ -16,6 +16,10 @@
 .avatar.sm { --size: 28px; }
 .avatar.lg { --size: 56px; }
 .avatar.xl { --size: 80px; }
+.avatar.square { border-radius: var(--r-md); }
+.avatar.square.sm { border-radius: var(--r-sm); }
+.avatar.square.lg,
+.avatar.square.xl { border-radius: var(--r-lg); }
 .avatar img { width: 100%; height: 100%; object-fit: cover; }
 .avatar-status {
   position: absolute;

package/dist/Avatar.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkJWFVSBVX_cjs = require('./chunk-JWFVSBVX.cjs');
+var chunkYEOARJKR_cjs = require('./chunk-YEOARJKR.cjs');
 
 
 
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkJWFVSBVX_cjs.Avatar; }
+  get: function () { return chunkYEOARJKR_cjs.Avatar; }
 });
 //# sourceMappingURL=Avatar.cjs.map
 //# sourceMappingURL=Avatar.cjs.map

package/dist/Avatar.d.cts

@@ -6,6 +6,8 @@ interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "childr
     /** Initials if no image. Auto-derived from `alt` if omitted. */
     initials?: string;
     size?: number | "sm" | "md" | "lg" | "xl";
+    /** Shape — circular (default) or rounded-square. */
+    shape?: "circle" | "square";
     /** Status dot. */
     status?: "online" | "busy" | "away" | "offline";
 }

package/dist/Avatar.d.ts

@@ -6,6 +6,8 @@ interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "childr
     /** Initials if no image. Auto-derived from `alt` if omitted. */
     initials?: string;
     size?: number | "sm" | "md" | "lg" | "xl";
+    /** Shape — circular (default) or rounded-square. */
+    shape?: "circle" | "square";
     /** Status dot. */
     status?: "online" | "busy" | "away" | "offline";
 }

package/dist/Avatar.js

@@ -1,3 +1,3 @@
-export { Avatar } from './chunk-VXITDXLW.js';
+export { Avatar } from './chunk-ZWP4LSS3.js';
 //# sourceMappingURL=Avatar.js.map
 //# sourceMappingURL=Avatar.js.map

package/dist/{Button-5UI7QXGU.css → Button-SDQD25AG.css}

@@ -77,6 +77,8 @@
 .btn.lg { height: 52px; padding: 0 24px; font-size: 15px; border-radius: var(--r-lg); }
 .btn.lg.icon { width: 52px; padding: 0; }
 
+.btn.block { width: 100%; flex-shrink: 1; }
+
 .btn[disabled], .btn.disabled, .btn:disabled {
   color: var(--fg-subtle);
   cursor: not-allowed;

package/dist/Button.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkAAMYURWQ_cjs = require('./chunk-AAMYURWQ.cjs');
+var chunkOPTTHURA_cjs = require('./chunk-OPTTHURA.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkAAMYURWQ_cjs.Button; }
+  get: function () { return chunkOPTTHURA_cjs.Button; }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunkAAMYURWQ_cjs.IconButton; }
+  get: function () { return chunkOPTTHURA_cjs.IconButton; }
 });
 //# sourceMappingURL=Button.cjs.map
 //# sourceMappingURL=Button.cjs.map

package/dist/Button.d.cts

@@ -14,6 +14,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     trailingIcon?: IconName;
     /** Show spinner + disable interaction. */
     loading?: boolean;
+    /** Make the button fill the container's width. */
+    block?: boolean;
     /** Button type attribute. Defaults to "button" to avoid accidental form submits. */
     type?: "button" | "submit" | "reset";
     /** Extra class names. */

package/dist/Button.d.ts

@@ -14,6 +14,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     trailingIcon?: IconName;
     /** Show spinner + disable interaction. */
     loading?: boolean;
+    /** Make the button fill the container's width. */
+    block?: boolean;
     /** Button type attribute. Defaults to "button" to avoid accidental form submits. */
     type?: "button" | "submit" | "reset";
     /** Extra class names. */

package/dist/Button.js

@@ -1,4 +1,4 @@
-export { Button, IconButton } from './chunk-5EYI27B6.js';
+export { Button, IconButton } from './chunk-77BVQNAQ.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Button.js.map
 //# sourceMappingURL=Button.js.map

package/dist/Calendar.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk7CKHWCEA_cjs = require('./chunk-7CKHWCEA.cjs');
+var chunkTZSWDH5T_cjs = require('./chunk-TZSWDH5T.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunk7CKHWCEA_cjs.Calendar; }
+  get: function () { return chunkTZSWDH5T_cjs.Calendar; }
 });
 //# sourceMappingURL=Calendar.cjs.map
 //# sourceMappingURL=Calendar.cjs.map

package/dist/Calendar.d.cts

@@ -8,6 +8,14 @@ interface CalendarProps {
     min?: Date;
     /** Max selectable date. */
     max?: Date;
+    /**
+     * Predicate that marks an individual cell as disabled. Disabled cells are
+     * greyed out, not clickable, and do not fire `onChange`.
+     * @example
+     * // disable weekends
+     * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}
+     */
+    disabledDate?: (date: Date) => boolean;
     className?: string;
 }
 /** `Calendar` — month-view date picker. */

package/dist/Calendar.d.ts

@@ -8,6 +8,14 @@ interface CalendarProps {
     min?: Date;
     /** Max selectable date. */
     max?: Date;
+    /**
+     * Predicate that marks an individual cell as disabled. Disabled cells are
+     * greyed out, not clickable, and do not fire `onChange`.
+     * @example
+     * // disable weekends
+     * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}
+     */
+    disabledDate?: (date: Date) => boolean;
     className?: string;
 }
 /** `Calendar` — month-view date picker. */

package/dist/Calendar.js

@@ -1,4 +1,4 @@
-export { Calendar } from './chunk-FMG3ZPGK.js';
+export { Calendar } from './chunk-H6FCIJOP.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Calendar.js.map
 //# sourceMappingURL=Calendar.js.map

package/dist/{Card-2CHHFD4Y.css → Card-RG7ECXL2.css}

@@ -11,6 +11,17 @@
 .card.pad-sm   { padding: var(--gap-3); }
 .card.pad-lg   { padding: var(--gap-6); }
 
+.card.hoverable {
+  cursor: pointer;
+  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
+}
+.card.hoverable:hover {
+  transform: translateY(-3px);
+  box-shadow: var(--neu-out-lg);
+}
+.card.hoverable.flat:hover { box-shadow: var(--neu-out-sm); }
+.card.hoverable.sunken:hover { box-shadow: var(--neu-out); }
+
 .panel {
   background: var(--bg);
   border-radius: var(--r-lg);

package/dist/Card.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkI2ERCHFV_cjs = require('./chunk-I2ERCHFV.cjs');
+var chunkJKLQOB2F_cjs = require('./chunk-JKLQOB2F.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkI2ERCHFV_cjs.Card; }
+  get: function () { return chunkJKLQOB2F_cjs.Card; }
 });
 Object.defineProperty(exports, "Panel", {
   enumerable: true,
-  get: function () { return chunkI2ERCHFV_cjs.Panel; }
+  get: function () { return chunkJKLQOB2F_cjs.Panel; }
 });
 //# sourceMappingURL=Card.cjs.map
 //# sourceMappingURL=Card.cjs.map

package/dist/Card.d.cts

@@ -5,6 +5,8 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: "raised" | "sunken" | "flat";
     /** Inner padding. */
     padding?: "none" | "sm" | "md" | "lg";
+    /** When true, the card raises and lifts on hover. */
+    hoverable?: boolean;
     children?: React.ReactNode;
 }
 /**

package/dist/Card.d.ts

@@ -5,6 +5,8 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: "raised" | "sunken" | "flat";
     /** Inner padding. */
     padding?: "none" | "sm" | "md" | "lg";
+    /** When true, the card raises and lifts on hover. */
+    hoverable?: boolean;
     children?: React.ReactNode;
 }
 /**

package/dist/Card.js

@@ -1,3 +1,3 @@
-export { Card, Panel } from './chunk-OXYFB2ZI.js';
+export { Card, Panel } from './chunk-4U4OY5RA.js';
 //# sourceMappingURL=Card.js.map
 //# sourceMappingURL=Card.js.map

package/dist/{Divider-Z37INS5E.css → Divider-OEE4Q2KS.css}

@@ -24,6 +24,30 @@
 .divider.sunken:has(.divider-label) { background: transparent; box-shadow: none; }
 .divider.sunken:has(.divider-label)::before,
 .divider.sunken:has(.divider-label)::after { height: 2px; background: transparent; box-shadow: var(--neu-in-sm); }
+
+/* ---- Dashed variant ---- */
+.divider.dashed {
+  background: transparent;
+  box-shadow: none;
+  border-top: 1px dashed var(--divider);
+  border-radius: 0;
+  height: 0;
+}
+.divider.dashed.vertical {
+  width: 0;
+  border-top: none;
+  border-left: 1px dashed var(--divider);
+}
+.divider.dashed:has(.divider-label) { border-top: none; }
+.divider.dashed:has(.divider-label)::before,
+.divider.dashed:has(.divider-label)::after {
+  background: transparent;
+  box-shadow: none;
+  border-top: 1px dashed var(--divider);
+  height: 0;
+  border-radius: 0;
+}
+
 .divider-label {
   display: flex; align-items: center; gap: 12px;
   height: auto; background: transparent; box-shadow: none;
@@ -47,3 +71,10 @@
   border-radius: 999px;
   box-shadow: 0 1px 0 var(--shadow-light);
 }
+
+/* ---- Label orientation ---- */
+.divider.orient-left::before { flex: 0 0 var(--gap-4); }
+.divider.orient-left::after { flex: 1; }
+.divider.orient-right::before { flex: 1; }
+.divider.orient-right::after { flex: 0 0 var(--gap-4); }
+/* center is default (both flex: 1) */

package/dist/Divider.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkNZPJ7BUB_cjs = require('./chunk-NZPJ7BUB.cjs');
+var chunkAXMEZGEG_cjs = require('./chunk-AXMEZGEG.cjs');
 
 
 
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkNZPJ7BUB_cjs.Divider; }
+  get: function () { return chunkAXMEZGEG_cjs.Divider; }
 });
 //# sourceMappingURL=Divider.cjs.map
 //# sourceMappingURL=Divider.cjs.map

package/dist/Divider.d.cts

@@ -5,6 +5,13 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: React.ReactNode;
     /** Use recessed groove styling. */
     sunken?: boolean;
+    /** Render as dashed lines instead of solid. */
+    dashed?: boolean;
+    /**
+     * Label position for horizontal dividers. Defaults to `"center"`.
+     * Ignored when there is no `label`.
+     */
+    orientation?: "left" | "center" | "right";
 }
 /** `Divider` — visual separator, horizontal or vertical. */
 declare const Divider: React.FC<DividerProps>;

package/dist/Divider.d.ts

@@ -5,6 +5,13 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: React.ReactNode;
     /** Use recessed groove styling. */
     sunken?: boolean;
+    /** Render as dashed lines instead of solid. */
+    dashed?: boolean;
+    /**
+     * Label position for horizontal dividers. Defaults to `"center"`.
+     * Ignored when there is no `label`.
+     */
+    orientation?: "left" | "center" | "right";
 }
 /** `Divider` — visual separator, horizontal or vertical. */
 declare const Divider: React.FC<DividerProps>;

package/dist/Divider.js

@@ -1,3 +1,3 @@
-export { Divider } from './chunk-F3NHM4GX.js';
+export { Divider } from './chunk-OYGFMXAA.js';
 //# sourceMappingURL=Divider.js.map
 //# sourceMappingURL=Divider.js.map

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 };