@fangxinyan/lumina 0.6.1 → 0.6.3

package/README.md

@@ -92,10 +92,11 @@ package/
 所有设计令牌都在 `:root` 上定义，可以通过 `data-*` 属性切换主题：
 
 ```html
-<html data-theme="dark" data-accent="sky" data-density="compact">
+<html data-theme="dark" data-theme-mode="graphite" data-accent="sky" data-density="compact">
 ```
 
 - `data-theme`: `light` | `dark`
+- `data-theme-mode`: 当前模式名，例如 `light` / `dark` / `system` / 自定义模式名
 - `data-accent`: `rose` | `sky` | `coral` | `mint` | `violet` | `amber`
 - `data-density`: `compact` | `comfortable` | `spacious`
 

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

@@ -14,6 +14,13 @@
   display: grid; place-items: center;
   flex-shrink: 0;
   margin-top: 1px;
+  line-height: 0;
+}
+.alert-ico img {
+  display: block;
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
 }
 .alert.info    .alert-ico { color: var(--info); }
 .alert.success .alert-ico { color: var(--success); }

package/dist/Alert.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkQ2KG6SQK_cjs = require('./chunk-Q2KG6SQK.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkK7FV7W6U_cjs = require('./chunk-K7FV7W6U.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkQ2KG6SQK_cjs.Alert; }
+  get: function () { return chunkK7FV7W6U_cjs.Alert; }
 });

package/dist/Alert.d.cts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
-    icon?: IconName;
+    icon?: IconSlot;
     /** Controls the leading semantic icon. Defaults to `true`. */
     showIcon?: boolean;
     closable?: boolean;

package/dist/Alert.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
-    icon?: IconName;
+    icon?: IconSlot;
     /** Controls the leading semantic icon. Defaults to `true`. */
     showIcon?: boolean;
     closable?: boolean;

package/dist/Alert.js

@@ -1,2 +1,2 @@
-export { Alert } from './chunk-D46EM4EN.js';
-import './chunk-NJ6B22YJ.js';
+export { Alert } from './chunk-I5WTQ5Y3.js';
+import './chunk-47VG2P34.js';

package/dist/AutoComplete.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
-var chunkKYEY2LIB_cjs = require('./chunk-KYEY2LIB.cjs');
+var chunkP6P4DGLF_cjs = require('./chunk-P6P4DGLF.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-32HBMXXV.cjs');
-require('./chunk-2MNAZRWE.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "AutoComplete", {
   enumerable: true,
-  get: function () { return chunkKYEY2LIB_cjs.AutoComplete; }
+  get: function () { return chunkP6P4DGLF_cjs.AutoComplete; }
 });

package/dist/AutoComplete.d.cts

@@ -32,7 +32,7 @@ interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
 }
 /**
  * `AutoComplete` — text input with a filtered suggestion dropdown.
- * Follows antd's API shape (value / onChange / onSelect / options / filterOption).
+ * Uses value / onChange / onSelect / options / filterOption for predictable field binding.
  *
  * @example
  * ```tsx

package/dist/AutoComplete.d.ts

@@ -32,7 +32,7 @@ interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
 }
 /**
  * `AutoComplete` — text input with a filtered suggestion dropdown.
- * Follows antd's API shape (value / onChange / onSelect / options / filterOption).
+ * Uses value / onChange / onSelect / options / filterOption for predictable field binding.
  *
  * @example
  * ```tsx

package/dist/AutoComplete.js

@@ -1,4 +1,5 @@
-export { AutoComplete } from './chunk-73RQBWWW.js';
+export { AutoComplete } from './chunk-AAGF7K3L.js';
 import './chunk-DUFRASGO.js';
-import './chunk-DPNDHNKK.js';
-import './chunk-NJ6B22YJ.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Badge-DPGLV3D3.css

@@ -0,0 +1,22 @@
+/* ============ Badge ============ */
+.badge {
+  display: inline-flex;
+  align-items: center; justify-content: center;
+  min-width: 18px; height: 18px;
+  padding: 0 6px;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 700;
+  background: var(--danger);
+  color: var(--bg);
+  box-shadow: 0 1px 4px color-mix(in oklch, var(--shadow-dark) 35%, transparent);
+  font-variant-numeric: tabular-nums;
+}
+.badge.dot { min-width: 10px; height: 10px; padding: 0; }
+.badge.accent  { background: var(--accent);  box-shadow: 0 1px 4px var(--accent-glow); }
+.badge.info    { background: var(--info);    box-shadow: 0 1px 4px color-mix(in oklch, var(--info) 35%, transparent); }
+.badge.success { background: var(--success); box-shadow: 0 1px 4px color-mix(in oklch, var(--success) 35%, transparent); }
+.badge.warning { background: var(--warning); box-shadow: 0 1px 4px color-mix(in oklch, var(--warning) 35%, transparent); }
+.badge.neutral { background: var(--fg-muted); box-shadow: 0 1px 4px color-mix(in oklch, var(--shadow-dark) 35%, transparent); }
+.badge-wrap { position: relative; display: inline-block; }
+.badge-wrap > .badge { position: absolute; top: -4px; right: -4px; }

package/dist/Badge.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkQ5SZIU7Z_cjs = require('./chunk-Q5SZIU7Z.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkQ5SZIU7Z_cjs.Badge; }
+});

package/dist/Badge.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { TagTone } from './Tag.cjs';
+import './Icon.cjs';
+import 'react/jsx-runtime';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Numeric count — renders as "max+" if greater than `max`. */
+    count?: number;
+    /** Maximum number to display before adding "+". */
+    max?: number;
+    /** Show a tiny dot instead of a number. */
+    dot?: boolean;
+    tone?: TagTone;
+    children?: React.ReactNode;
+}
+/** `Badge` — notification dot / count. Wrap around another element. */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/Badge.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { TagTone } from './Tag.js';
+import './Icon.js';
+import 'react/jsx-runtime';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Numeric count — renders as "max+" if greater than `max`. */
+    count?: number;
+    /** Maximum number to display before adding "+". */
+    max?: number;
+    /** Show a tiny dot instead of a number. */
+    dot?: boolean;
+    tone?: TagTone;
+    children?: React.ReactNode;
+}
+/** `Badge` — notification dot / count. Wrap around another element. */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/Badge.js

@@ -0,0 +1 @@
+export { Badge } from './chunk-F6RYCBQG.js';

package/dist/{Button-SDQD25AG.css → Button-4Z3Q6KII.css}

@@ -6,7 +6,7 @@
   gap: 8px;
   height: var(--ctrl-h);
   padding: 0 var(--ctrl-pad-x);
-  border: none;
+  border: 1px solid transparent;
   border-radius: var(--r-md);
   font-size: 13px;
   font-weight: 500;
@@ -18,58 +18,71 @@
   user-select: none;
   white-space: nowrap;
   flex-shrink: 0;
-  transition: all var(--dur-fast) var(--ease);
+  transition:
+    background var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease),
+    color var(--dur-fast) var(--ease);
+}
+.btn > svg,
+.btn-icon-slot {
+  flex-shrink: 0;
+}
+.btn-icon-slot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.btn-icon-slot img {
+  display: block;
+  max-width: 1.25em;
+  max-height: 1.25em;
+  object-fit: contain;
 }
-.btn > svg { flex-shrink: 0; }
 .btn.icon {
   flex-shrink: 0;
   overflow: visible;
 }
-.btn:hover { color: var(--accent-ink); }
-.btn:active, .btn.pressed {
-  box-shadow: var(--neu-in-sm);
-  color: var(--accent-ink);
-}
 
 .btn.primary {
   color: var(--accent-ink);
-  background:
-    linear-gradient(145deg,
-      color-mix(in oklch, var(--accent-soft) 80%, var(--shadow-light)),
-      color-mix(in oklch, var(--accent-soft) 92%, var(--bg)));
-  box-shadow:
-    var(--neu-out-sm),
-    inset 1px 1px 0 color-mix(in oklch, var(--shadow-light) 60%, transparent),
-    inset -1px -1px 0 color-mix(in oklch, var(--accent) 15%, transparent);
+  background: color-mix(in oklch, var(--accent-soft) 62%, var(--bg));
   font-weight: 600;
 }
-.btn.primary:hover {
-  background:
-    linear-gradient(145deg,
-      color-mix(in oklch, var(--accent-soft) 70%, var(--shadow-light)),
-      color-mix(in oklch, var(--accent) 18%, var(--accent-soft)));
-  box-shadow:
-    var(--neu-out-sm),
-    inset 1px 1px 0 color-mix(in oklch, var(--shadow-light) 70%, transparent),
-    inset -1px -1px 0 color-mix(in oklch, var(--accent) 20%, transparent),
-    0 0 16px -6px var(--accent-glow);
-}
-.btn.primary:active, .btn.primary.pressed {
-  box-shadow:
-    inset 2px 2px 4px color-mix(in oklch, var(--accent) 25%, var(--shadow-dark)),
-    inset -1px -1px 2px var(--shadow-light);
-  transform: none;
-}
 
 .btn.ghost {
   background: transparent;
   box-shadow: none;
   color: var(--fg-muted);
 }
-.btn.ghost:hover { background: var(--bg); box-shadow: var(--neu-flat); color: var(--fg); }
 
 .btn.danger { color: var(--danger); }
-.btn.danger:hover { color: var(--danger); }
+
+.btn:hover {
+  box-shadow: var(--neu-out);
+}
+.btn.ghost:hover {
+  background: var(--bg);
+  border-color: transparent;
+  box-shadow: var(--neu-flat);
+  color: var(--fg);
+}
+.btn.danger:hover {
+  color: var(--danger);
+}
+.btn:active,
+.btn.pressed {
+  box-shadow: var(--neu-in);
+}
+.btn.ghost:active,
+.btn.ghost.pressed {
+  background: var(--bg);
+  color: var(--fg);
+}
+.btn.danger:active,
+.btn.danger.pressed {
+  color: var(--danger);
+}
 
 .btn.icon { width: var(--ctrl-h); padding: 0; }
 .btn.sm { height: 30px; padding: 0 12px; font-size: 12px; border-radius: var(--r-sm); }
@@ -82,10 +95,17 @@
 .btn[disabled], .btn.disabled, .btn:disabled {
   color: var(--fg-subtle);
   cursor: not-allowed;
+  border-color: transparent;
+  box-shadow: var(--neu-flat);
+  transform: none;
+}
+.btn[disabled]:hover, .btn:disabled:hover, .btn.disabled:hover {
+  color: var(--fg-subtle);
+  background: var(--bg);
+  border-color: transparent;
   box-shadow: var(--neu-flat);
   transform: none;
 }
-.btn[disabled]:hover, .btn:disabled:hover, .btn.disabled:hover { transform: none; color: var(--fg-subtle); background: var(--bg); }
 
 .btn.loading { cursor: wait; }
 .btn .spinner {

package/dist/Button.cjs

@@ -1,15 +1,11 @@
 'use strict';
 
-var chunk62GU4OHH_cjs = require('./chunk-62GU4OHH.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkTP567B3L_cjs = require('./chunk-TP567B3L.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunk62GU4OHH_cjs.Button; }
-});
-Object.defineProperty(exports, "IconButton", {
-  enumerable: true,
-  get: function () { return chunk62GU4OHH_cjs.IconButton; }
+  get: function () { return chunkTP567B3L_cjs.Button; }
 });

package/dist/Button.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type ButtonVariant = "default" | "primary" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -8,10 +9,14 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     variant?: ButtonVariant;
     /** Control height preset. */
     size?: ButtonSize;
-    /** Leading icon. */
-    icon?: IconName;
-    /** Trailing icon. */
-    trailingIcon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
+    /** Trailing icon. Accepts a built-in icon name or custom React node. */
+    trailingIcon?: IconSlot;
+    /** Render as a square icon-only button. Automatically enabled when `icon` is set and no children are provided. */
+    iconOnly?: boolean;
+    /** Native tooltip/title for compact icon-only buttons. */
+    tip?: string;
     /** Show spinner + disable interaction. */
     loading?: boolean;
     /** Make the button fill the container's width. */
@@ -30,14 +35,5 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
  * <Button variant="ghost" loading>保存</Button>
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-interface IconButtonProps extends Omit<ButtonProps, "icon" | "children"> {
-    icon: IconName;
-    tip?: string;
-    "aria-label"?: string;
-}
-/**
- * `IconButton` — square button containing just an icon. Pair with a tooltip.
- */
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, IconButton, type IconButtonProps };
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/Button.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 type ButtonVariant = "default" | "primary" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -8,10 +9,14 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     variant?: ButtonVariant;
     /** Control height preset. */
     size?: ButtonSize;
-    /** Leading icon. */
-    icon?: IconName;
-    /** Trailing icon. */
-    trailingIcon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
+    /** Trailing icon. Accepts a built-in icon name or custom React node. */
+    trailingIcon?: IconSlot;
+    /** Render as a square icon-only button. Automatically enabled when `icon` is set and no children are provided. */
+    iconOnly?: boolean;
+    /** Native tooltip/title for compact icon-only buttons. */
+    tip?: string;
     /** Show spinner + disable interaction. */
     loading?: boolean;
     /** Make the button fill the container's width. */
@@ -30,14 +35,5 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
  * <Button variant="ghost" loading>保存</Button>
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-interface IconButtonProps extends Omit<ButtonProps, "icon" | "children"> {
-    icon: IconName;
-    tip?: string;
-    "aria-label"?: string;
-}
-/**
- * `IconButton` — square button containing just an icon. Pair with a tooltip.
- */
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, IconButton, type IconButtonProps };
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/Button.js

@@ -1,2 +1,2 @@
-export { Button, IconButton } from './chunk-YRZGXXWA.js';
-import './chunk-NJ6B22YJ.js';
+export { Button } from './chunk-SQGPSMSK.js';
+import './chunk-47VG2P34.js';

package/dist/Calendar.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkOFGDUCT7_cjs = require('./chunk-OFGDUCT7.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunk7AG524YZ_cjs = require('./chunk-7AG524YZ.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkOFGDUCT7_cjs.Calendar; }
+  get: function () { return chunk7AG524YZ_cjs.Calendar; }
 });

package/dist/Calendar.js

@@ -1,2 +1,2 @@
-export { Calendar } from './chunk-6Y5WRCPW.js';
-import './chunk-NJ6B22YJ.js';
+export { Calendar } from './chunk-FWPBORRB.js';
+import './chunk-47VG2P34.js';

package/dist/{Card-RG7ECXL2.css → Card-6RMVIHWX.css}

@@ -1,4 +1,4 @@
-/* ============ Card & Panel ============ */
+/* ============ Card ============ */
 .card {
   background: var(--bg);
   border-radius: var(--r-lg);
@@ -22,18 +22,12 @@
 .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);
-  box-shadow: var(--neu-out);
-  padding: var(--gap-5);
-}
-.panel-head {
+.card-head {
   display: flex; align-items: flex-start; justify-content: space-between;
   gap: var(--gap-3); margin-bottom: var(--gap-4);
 }
-.panel-titles { display: flex; flex-direction: column; gap: 2px; }
-.panel-title { font-size: 15px; font-weight: 600; }
-.panel-desc  { font-size: 12px; color: var(--fg-muted); }
-.panel-actions { display: flex; gap: 6px; }
-.panel-body { font-size: 13px; }
+.card-titles { display: flex; flex-direction: column; gap: 2px; }
+.card-title { font-size: 15px; font-weight: 600; }
+.card-desc  { font-size: 12px; color: var(--fg-muted); }
+.card-actions { display: flex; gap: 6px; }
+.card-body { font-size: 13px; }

package/dist/Card.cjs

@@ -1,14 +1,10 @@
 'use strict';
 
-var chunkW64ARHLJ_cjs = require('./chunk-W64ARHLJ.cjs');
+var chunkGMN74OEY_cjs = require('./chunk-GMN74OEY.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkW64ARHLJ_cjs.Card; }
-});
-Object.defineProperty(exports, "Panel", {
-  enumerable: true,
-  get: function () { return chunkW64ARHLJ_cjs.Panel; }
+  get: function () { return chunkGMN74OEY_cjs.Card; }
 });

package/dist/Card.d.cts

@@ -1,27 +1,23 @@
 import * as React from 'react';
 
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
     /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */
     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;
-}
-/**
- * `Card` — neumorphic surface container. Use to group related content.
- */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Optional card heading. */
     title?: React.ReactNode;
+    /** Secondary text shown under `title`. */
     description?: React.ReactNode;
+    /** Action slot aligned to the card heading. */
     actions?: React.ReactNode;
     children?: React.ReactNode;
 }
 /**
- * `Panel` — a titled `Card` with optional actions row.
+ * `Card` — neumorphic surface container. Use to group related content.
  */
-declare const Panel: React.FC<PanelProps>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, type CardProps, Panel, type PanelProps };
+export { Card, type CardProps };

package/dist/Card.d.ts

@@ -1,27 +1,23 @@
 import * as React from 'react';
 
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
     /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */
     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;
-}
-/**
- * `Card` — neumorphic surface container. Use to group related content.
- */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Optional card heading. */
     title?: React.ReactNode;
+    /** Secondary text shown under `title`. */
     description?: React.ReactNode;
+    /** Action slot aligned to the card heading. */
     actions?: React.ReactNode;
     children?: React.ReactNode;
 }
 /**
- * `Panel` — a titled `Card` with optional actions row.
+ * `Card` — neumorphic surface container. Use to group related content.
  */
-declare const Panel: React.FC<PanelProps>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, type CardProps, Panel, type PanelProps };
+export { Card, type CardProps };

package/dist/Card.js

@@ -1 +1 @@
-export { Card, Panel } from './chunk-3XTHKAEY.js';
+export { Card } from './chunk-AXZ7ELMA.js';