@fangxinyan/lumina 0.1.5 → 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/Drawer-IPGB4CXH.css

@@ -0,0 +1,101 @@
+/* ============ Drawer ============ */
+.drawer-overlay {
+  position: fixed;
+  inset: 0;
+  background: color-mix(in oklch, var(--bg-sunken) 50%, transparent);
+  backdrop-filter: blur(4px);
+  z-index: 150;
+  animation: fadeIn var(--dur) var(--ease);
+}
+.drawer-overlay.hidden {
+  display: none;
+}
+
+.drawer {
+  position: fixed;
+  background: var(--bg);
+  padding: var(--gap-5);
+  z-index: 151;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.drawer.hidden {
+  display: none;
+}
+
+.drawer.right {
+  top: 0; right: 0; bottom: 0;
+  width: min(420px, 92vw);
+  animation: drawerInRight var(--dur-slow) var(--ease);
+  box-shadow: -24px 0 60px -20px rgba(40, 55, 80, 0.25);
+}
+.drawer.left {
+  top: 0; left: 0; bottom: 0;
+  width: min(420px, 92vw);
+  animation: drawerInLeft var(--dur-slow) var(--ease);
+  box-shadow: 24px 0 60px -20px rgba(40, 55, 80, 0.25);
+}
+.drawer.top {
+  top: 0; left: 0; right: 0;
+  height: min(320px, 80vh);
+  animation: drawerInTop var(--dur-slow) var(--ease);
+  box-shadow: 0 24px 60px -20px rgba(40, 55, 80, 0.25);
+}
+.drawer.bottom {
+  bottom: 0; left: 0; right: 0;
+  height: min(320px, 80vh);
+  animation: drawerInBottom var(--dur-slow) var(--ease);
+  box-shadow: 0 -24px 60px -20px rgba(40, 55, 80, 0.25);
+}
+
+@keyframes drawerInRight  { from { transform: translateX( 20px); opacity: 0; } }
+@keyframes drawerInLeft   { from { transform: translateX(-20px); opacity: 0; } }
+@keyframes drawerInTop    { from { transform: translateY(-20px); opacity: 0; } }
+@keyframes drawerInBottom { from { transform: translateY( 20px); opacity: 0; } }
+
+.drawer-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap-3);
+  margin-bottom: var(--gap-4);
+  padding-bottom: var(--gap-4);
+  border-bottom: 1px solid var(--divider);
+}
+.drawer-head-right {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gap-3);
+}
+.drawer-title {
+  font-size: 16px;
+  font-weight: 600;
+}
+.drawer-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);
+}
+.drawer-close:hover {
+  color: var(--fg);
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+}
+.drawer-body {
+  flex: 1;
+}
+.drawer-foot {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: var(--gap-4);
+  padding-top: var(--gap-4);
+  border-top: 1px solid var(--divider);
+}

package/dist/Drawer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkAEJJGUEN_cjs = require('./chunk-AEJJGUEN.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return chunkAEJJGUEN_cjs.Drawer; }
+});
+//# sourceMappingURL=Drawer.cjs.map
+//# sourceMappingURL=Drawer.cjs.map

package/dist/Drawer.cjs.map

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

package/dist/Drawer.d.cts

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