@fangxinyan/lumina 0.6.18 → 0.7.0

package/dist/{Modal-ZFWNFEA5.css → Modal-UI2FXNDR.css}

@@ -13,15 +13,16 @@
   display: none;
 }
 .modal {
-  background: var(--bg);
+  background: var(--lmn-modal-bg, var(--bg));
   border-radius: var(--r-xl);
-  box-shadow: var(--neu-shadow-float);
+  box-shadow: var(--lmn-modal-neu-shadow-float, var(--neu-shadow-float));
   padding: var(--gap-6);
   width: min(480px, 92vw);
   animation: modalIn var(--dur-slow) var(--ease);
   max-height: 86vh;
   display: flex;
   flex-direction: column;
+  --overlay-shadow-safe-area: calc(var(--lmn-modal-shadow-offset, var(--shadow-offset)) + var(--lmn-modal-shadow-blur, var(--shadow-blur)));
 }
 @keyframes modalIn {
   from { opacity: 0; transform: translateY(8px) scale(0.97); }
@@ -31,7 +32,6 @@
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--gap-3);
-  margin-bottom: var(--gap-3);
 }
 .modal-titles {
   display: flex;
@@ -39,20 +39,31 @@
   gap: 4px;
 }
 .modal-title { font-size: 17px; font-weight: 600; }
-.modal-desc  { font-size: 13px; color: var(--fg-muted); }
+.modal-desc  { font-size: 13px; color: var(--lmn-modal-fg-muted, var(--fg-muted)); }
 .modal-body {
-  padding: var(--gap-3) 0;
-  color: var(--fg-muted);
+  min-width: 0;
+  min-height: 0;
+  margin-inline: calc(var(--gap-6) * -1);
+  padding: var(--overlay-shadow-safe-area);
+  color: var(--lmn-modal-fg-muted, var(--fg-muted));
   font-size: 13px;
   line-height: 1.6;
   flex: 1;
   overflow-y: auto;
 }
+.modal-body:first-child {
+  margin-top: calc(var(--gap-6) * -1);
+}
+.modal-body:last-child {
+  margin-bottom: calc(var(--gap-6) * -1);
+}
+.modal-body.inset-none {
+  padding: 0;
+}
 .modal-foot {
   display: flex;
   gap: 10px;
   justify-content: flex-end;
-  margin-top: var(--gap-4);
 }
 .modal-close {
   width: 28px; height: 28px;
@@ -61,14 +72,14 @@
   border-radius: var(--r-sm);
   display: grid;
   place-items: center;
-  color: var(--fg-subtle);
+  color: var(--lmn-modal-fg-subtle, 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-shadow-subtle);
+  color: var(--lmn-modal-fg, var(--fg));
+  background: var(--lmn-modal-bg, var(--bg));
+  box-shadow: var(--lmn-modal-neu-shadow-subtle, var(--neu-shadow-subtle));
 }
 
 .modal-static-body {
@@ -84,16 +95,16 @@
   display: inline-grid;
   place-items: center;
   flex-shrink: 0;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
-  color: var(--accent);
+  background: var(--lmn-modal-bg, var(--bg));
+  box-shadow: var(--lmn-modal-neu-shadow-inset, var(--neu-shadow-inset));
+  color: var(--lmn-modal-accent, var(--accent));
 }
 
-.modal-static-icon.success { color: var(--success); }
-.modal-static-icon.warning { color: var(--warning); }
-.modal-static-icon.error { color: var(--danger); }
+.modal-static-icon.success { color: var(--lmn-modal-success, var(--success)); }
+.modal-static-icon.warning { color: var(--lmn-modal-warning, var(--warning)); }
+.modal-static-icon.error { color: var(--lmn-modal-danger, var(--danger)); }
 
 .modal-static-content {
   min-width: 0;
-  color: var(--fg-muted);
+  color: var(--lmn-modal-fg-muted, var(--fg-muted));
 }

package/dist/Modal.cjs

@@ -1,12 +1,15 @@
 'use strict';
 
-var chunkBT2RXFT4_cjs = require('./chunk-BT2RXFT4.cjs');
-require('./chunk-SW2HMNCA.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkMUZQWIMR_cjs = require('./chunk-MUZQWIMR.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkBT2RXFT4_cjs.Modal; }
+  get: function () { return chunkMUZQWIMR_cjs.Modal; }
 });

package/dist/Modal.d.cts

@@ -1,13 +1,18 @@
 import * as React from 'react';
 import { ButtonProps } from './Button.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 import './Icon.cjs';
 import 'react/jsx-runtime';
 
+/** 弹窗正文允许透传的 data-* 属性。 */
 type DataAttributes = {
     [K in `data-${string}`]?: string | number | boolean | undefined;
 };
+/** 弹窗正文包装节点可接收的原生属性。 */
 type ModalBodyProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "style"> & DataAttributes;
-interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
+/** 弹窗正文的边缘留白策略。 */
+type ModalBodyInset = "safe" | "none";
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose">, ComponentThemeProps {
     /** Whether the modal is visible. */
     open: boolean;
     /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
@@ -55,6 +60,11 @@ interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     bodyProps?: ModalBodyProps;
     /** Convenience overflow control for the body wrapper. */
     bodyOverflow?: React.CSSProperties["overflow"];
+    /**
+     * 正文边缘留白策略。`safe` 会根据拟态阴影强度自动预留空间，
+     * `none` 适合图片、表格等需要贴边展示的内容。
+     */
+    bodyInset?: ModalBodyInset;
     /**
      * When true the modal's children are unmounted every time it closes.
      * Default `false` — children stay mounted so internal state survives
@@ -65,6 +75,7 @@ interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     afterOpenChange?: (open: boolean) => void;
     /** Override the z-index of the overlay. */
     zIndex?: number;
+    /** 对话框面板的附加类名；遮罩层请使用 `maskClassName`。 */
     className?: string;
 }
 type ModalStaticKind = "confirm" | "info" | "success" | "warning" | "error";
@@ -94,4 +105,4 @@ interface ModalStaticFunctions {
 type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & ModalStaticFunctions;
 declare const Modal: ModalComponent;
 
-export { Modal, type ModalComponent, type ModalProps, type ModalStaticConfig, type ModalStaticFunctions, type ModalStaticHandle, type ModalStaticKind };
+export { Modal, type ModalBodyInset, type ModalComponent, type ModalProps, type ModalStaticConfig, type ModalStaticFunctions, type ModalStaticHandle, type ModalStaticKind };

package/dist/Modal.d.ts

@@ -1,13 +1,18 @@
 import * as React from 'react';
 import { ButtonProps } from './Button.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 import './Icon.js';
 import 'react/jsx-runtime';
 
+/** 弹窗正文允许透传的 data-* 属性。 */
 type DataAttributes = {
     [K in `data-${string}`]?: string | number | boolean | undefined;
 };
+/** 弹窗正文包装节点可接收的原生属性。 */
 type ModalBodyProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "style"> & DataAttributes;
-interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
+/** 弹窗正文的边缘留白策略。 */
+type ModalBodyInset = "safe" | "none";
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose">, ComponentThemeProps {
     /** Whether the modal is visible. */
     open: boolean;
     /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
@@ -55,6 +60,11 @@ interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     bodyProps?: ModalBodyProps;
     /** Convenience overflow control for the body wrapper. */
     bodyOverflow?: React.CSSProperties["overflow"];
+    /**
+     * 正文边缘留白策略。`safe` 会根据拟态阴影强度自动预留空间，
+     * `none` 适合图片、表格等需要贴边展示的内容。
+     */
+    bodyInset?: ModalBodyInset;
     /**
      * When true the modal's children are unmounted every time it closes.
      * Default `false` — children stay mounted so internal state survives
@@ -65,6 +75,7 @@ interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
     afterOpenChange?: (open: boolean) => void;
     /** Override the z-index of the overlay. */
     zIndex?: number;
+    /** 对话框面板的附加类名；遮罩层请使用 `maskClassName`。 */
     className?: string;
 }
 type ModalStaticKind = "confirm" | "info" | "success" | "warning" | "error";
@@ -94,4 +105,4 @@ interface ModalStaticFunctions {
 type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & ModalStaticFunctions;
 declare const Modal: ModalComponent;
 
-export { Modal, type ModalComponent, type ModalProps, type ModalStaticConfig, type ModalStaticFunctions, type ModalStaticHandle, type ModalStaticKind };
+export { Modal, type ModalBodyInset, type ModalComponent, type ModalProps, type ModalStaticConfig, type ModalStaticFunctions, type ModalStaticHandle, type ModalStaticKind };

package/dist/Modal.js

@@ -1,3 +1,6 @@
-export { Modal } from './chunk-BVQOJKRX.js';
-import './chunk-IPSNC5VZ.js';
-import './chunk-FDZG27IG.js';
+export { Modal } from './chunk-BKW5PXEO.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Pagination-POJTWMYR.css

@@ -0,0 +1,70 @@
+/* ============ Pagination ============ */
+.pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 14px;
+  font-size: 12px;
+  color: var(--lmn-pagination-fg-muted, var(--fg-muted));
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.pagination .pg-controls { display: flex; gap: 4px; align-items: center; }
+.pagination .pg {
+  min-width: 30px; height: 30px;
+  padding: 0 10px;
+  border: none;
+  border-radius: var(--r-sm);
+  background: var(--lmn-pagination-bg, var(--bg));
+  box-shadow: var(--lmn-pagination-neu-shadow-control, var(--neu-shadow-control));
+  display: inline-flex; align-items: center; justify-content: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-family: inherit;
+  font-variant-numeric: tabular-nums;
+  color: var(--lmn-pagination-fg, var(--fg));
+  transition: all var(--dur-fast) var(--ease);
+}
+.pagination .pg:hover { color: var(--lmn-pagination-accent-ink, var(--accent-ink)); }
+.pagination .pg.active {
+  box-shadow: var(--lmn-pagination-neu-shadow-inset, var(--neu-shadow-inset));
+  color: var(--lmn-pagination-accent-ink, var(--accent-ink));
+  font-weight: 700;
+}
+.pagination .pg.disabled { color: var(--lmn-pagination-fg-subtle, var(--fg-subtle)); cursor: not-allowed; box-shadow: var(--lmn-pagination-neu-shadow-subtle, var(--neu-shadow-subtle)); }
+.pagination .ellipsis { padding: 0 4px; color: var(--lmn-pagination-fg-subtle, var(--fg-subtle)); }
+
+/* size changer — compact Select inline with the page buttons */
+.pagination .pg-size-changer { margin-left: 8px; min-width: 108px; }
+
+/* quick jumper */
+.pagination .pg-jumper {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 8px;
+  color: var(--lmn-pagination-fg-muted, var(--fg-muted));
+  font-size: 12px;
+}
+.pagination .pg-jumper-label { color: var(--lmn-pagination-fg-muted, var(--fg-muted)); }
+.pagination .pg-jumper-input {
+  width: 52px;
+}
+.pagination .pg-jumper-input .input {
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+}
+
+@media (max-width: 480px) {
+  .pagination {
+    align-items: flex-start;
+    padding-inline: 8px;
+  }
+  .pagination .pg-controls {
+    flex-wrap: wrap;
+  }
+  .pagination .pg-size-changer,
+  .pagination .pg-jumper {
+    margin-left: 0;
+  }
+}

package/dist/Pagination.cjs

@@ -1,16 +1,19 @@
 'use strict';
 
-var chunkL6GIV5DQ_cjs = require('./chunk-L6GIV5DQ.cjs');
-require('./chunk-UW57F3UO.cjs');
-require('./chunk-5ERD3W24.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunk56I6ZKGU_cjs = require('./chunk-56I6ZKGU.cjs');
+require('./chunk-D7YSY5RZ.cjs');
+require('./chunk-GFKWSDD6.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkL6GIV5DQ_cjs.Pagination; }
+  get: function () { return chunk56I6ZKGU_cjs.Pagination; }
 });

package/dist/Pagination.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
-interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, ComponentThemeProps {
     /** Total number of items. */
     total: number;
     /** Items per page. */
@@ -27,7 +28,6 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "on
     onShowSizeChange?: (current: number, size: number) => void;
     className?: string;
 }
-/** `Pagination` — page number controls. */
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Pagination, type PaginationProps };

package/dist/Pagination.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
-interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, ComponentThemeProps {
     /** Total number of items. */
     total: number;
     /** Items per page. */
@@ -27,7 +28,6 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "on
     onShowSizeChange?: (current: number, size: number) => void;
     className?: string;
 }
-/** `Pagination` — page number controls. */
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Pagination, type PaginationProps };

package/dist/Pagination.js

@@ -1,7 +1,10 @@
-export { Pagination } from './chunk-V5SQOZPF.js';
-import './chunk-E22OIVYP.js';
-import './chunk-6K5YI4ZE.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { Pagination } from './chunk-BJDQVVCG.js';
+import './chunk-3EHJ5QI3.js';
+import './chunk-62VV5COT.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{Popover-Y3LDCJPW.css → Popover-LCXLR3EU.css}

@@ -1,18 +1,17 @@
 /* ============ Popover ============ */
 .popover {
   z-index: 1000;
-  background: var(--bg);
+  background: var(--lmn-popover-bg, var(--bg));
   border-radius: var(--r-md);
   min-width: 220px;
-  box-shadow: var(--neu-shadow-float);
+  box-shadow: var(--lmn-popover-neu-shadow-float, var(--neu-shadow-float));
   position: relative;
 }
 
 /*
  * Direction-aware entrance.
- * We animate `opacity` + `translate` (the standalone property, NOT `transform`)
- * so we don't clobber the inline `transform: translateX(-50%)` that useFloating
- * applies for cross-axis centering.
+ * We animate `opacity` + `translate` so positioning stays independent from
+ * the coordinates calculated by useFloating.
  */
 .popover-bottom { animation: popoverInDown var(--dur) var(--ease); }
 .popover-top    { animation: popoverInUp   var(--dur) var(--ease); }
@@ -36,14 +35,14 @@
 .popover-title {
   font-weight: 600;
   font-size: 14px;
-  color: var(--fg);
+  color: var(--lmn-popover-fg, var(--fg));
 }
 
 .popover-close {
   all: unset;
   cursor: pointer;
   font-size: 16px;
-  color: var(--fg-muted);
+  color: var(--lmn-popover-fg-muted, var(--fg-muted));
   line-height: 1;
   padding: 2px 4px;
   border-radius: var(--r-xs);
@@ -51,7 +50,7 @@
   margin-left: auto;
 }
 .popover-close:hover {
-  color: var(--fg);
+  color: var(--lmn-popover-fg, var(--fg));
 }
 
 /* ---- Body ---- */
@@ -68,8 +67,8 @@
   position: absolute;
   width: 10px;
   height: 10px;
-  background: var(--bg);
-  box-shadow: 2px 2px 4px rgba(163, 177, 198, 0.2);
+  background: var(--lmn-popover-bg, var(--bg));
+  box-shadow: 2px 2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
   transform: rotate(45deg);
   pointer-events: none;
 }
@@ -78,26 +77,26 @@
   top: -5px;
   left: 50%;
   margin-left: -5px;
-  box-shadow: -2px -2px 4px rgba(163, 177, 198, 0.2);
+  box-shadow: -2px -2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
 }
 
 .popover-arrow-top {
   bottom: -5px;
   left: 50%;
   margin-left: -5px;
-  box-shadow: 2px 2px 4px rgba(163, 177, 198, 0.2);
+  box-shadow: 2px 2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
 }
 
 .popover-arrow-left {
   right: -5px;
   top: 50%;
   margin-top: -5px;
-  box-shadow: 2px -2px 4px rgba(163, 177, 198, 0.2);
+  box-shadow: 2px -2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
 }
 
 .popover-arrow-right {
   left: -5px;
   top: 50%;
   margin-top: -5px;
-  box-shadow: -2px 2px 4px rgba(163, 177, 198, 0.2);
+  box-shadow: -2px 2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
 }

package/dist/Popover.cjs

@@ -1,11 +1,14 @@
 'use strict';
 
-var chunkJMFHL7GN_cjs = require('./chunk-JMFHL7GN.cjs');
-require('./chunk-YB3IWIOJ.cjs');
+var chunkVX6MZO4K_cjs = require('./chunk-VX6MZO4K.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkJMFHL7GN_cjs.Popover; }
+  get: function () { return chunkVX6MZO4K_cjs.Popover; }
 });

package/dist/Popover.d.cts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type PopoverPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content"> {
+interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content">, ComponentThemeProps {
     /** Popover body content. */
     content?: React.ReactNode;
     /** Optional title rendered above content. */
@@ -9,7 +10,7 @@ interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "titl
     /** Preferred placement relative to the trigger. */
     placement?: PopoverPlacement;
     /** How the popover is triggered. */
-    trigger?: "click" | "hover";
+    trigger?: "click" | "hover" | "focus";
     /** Show a small arrow pointing at the trigger. */
     arrow?: boolean;
     /** Show a close button in the header (click trigger only). */
@@ -33,14 +34,6 @@ interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "titl
     /** Alias used by some popup APIs. */
     popupClassName?: string;
 }
-/**
- * `Popover` — rich content bubble with optional title, arrow, and close button.
- *
- * @example
- * <Popover title="Confirm" content={<p>Are you sure?</p>} arrow>
- *   <Button>Delete</Button>
- * </Popover>
- */
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Popover, type PopoverPlacement, type PopoverProps };

package/dist/Popover.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type PopoverPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content"> {
+interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content">, ComponentThemeProps {
     /** Popover body content. */
     content?: React.ReactNode;
     /** Optional title rendered above content. */
@@ -9,7 +10,7 @@ interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "titl
     /** Preferred placement relative to the trigger. */
     placement?: PopoverPlacement;
     /** How the popover is triggered. */
-    trigger?: "click" | "hover";
+    trigger?: "click" | "hover" | "focus";
     /** Show a small arrow pointing at the trigger. */
     arrow?: boolean;
     /** Show a close button in the header (click trigger only). */
@@ -33,14 +34,6 @@ interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "titl
     /** Alias used by some popup APIs. */
     popupClassName?: string;
 }
-/**
- * `Popover` — rich content bubble with optional title, arrow, and close button.
- *
- * @example
- * <Popover title="Confirm" content={<p>Are you sure?</p>} arrow>
- *   <Button>Delete</Button>
- * </Popover>
- */
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Popover, type PopoverPlacement, type PopoverProps };

package/dist/Popover.js

@@ -1,2 +1,5 @@
-export { Popover } from './chunk-I777JTTG.js';
-import './chunk-DUFRASGO.js';
+export { Popover } from './chunk-RPO7657K.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Progress-33WE2NI7.css

@@ -0,0 +1,90 @@
+/* ============ Progress ============ */
+.progress {
+  --progress-fill: var(--lmn-progress-accent, var(--accent));
+  --progress-fill-glow: var(--lmn-progress-accent-glow, var(--accent-glow));
+  --progress-inset: 2px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.progress.sm { --progress-inset: 1px; }
+.progress.lg { --progress-inset: 2px; }
+.progress.success {
+  --progress-fill: var(--lmn-progress-success, var(--success));
+  --progress-fill-glow: color-mix(in oklch, var(--lmn-progress-success, var(--success)) 35%, transparent);
+}
+.progress.warning {
+  --progress-fill: var(--lmn-progress-warning, var(--warning));
+  --progress-fill-glow: color-mix(in oklch, var(--lmn-progress-warning, var(--warning)) 35%, transparent);
+}
+.progress.danger {
+  --progress-fill: var(--lmn-progress-danger, var(--danger));
+  --progress-fill-glow: color-mix(in oklch, var(--lmn-progress-danger, var(--danger)) 35%, transparent);
+}
+.progress-label {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: var(--lmn-progress-fg-muted, var(--fg-muted));
+}
+.progress-label .v { font-family: var(--font-mono); }
+.progress-track {
+  width: 100%;
+  height: 10px;
+  border-radius: 999px;
+  padding: var(--progress-inset);
+  box-sizing: border-box;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--lmn-progress-bg, var(--bg)) 88%, var(--lmn-progress-shadow-light, var(--shadow-light))),
+    color-mix(in oklch, var(--lmn-progress-bg, var(--bg)) 92%, var(--lmn-progress-shadow-dark, var(--shadow-dark)))
+  );
+  box-shadow: var(--lmn-progress-neu-shadow-inset, var(--neu-shadow-inset));
+  overflow: hidden;
+  position: relative;
+}
+.progress.sm .progress-track { height: 6px; }
+.progress.lg .progress-track { height: 14px; }
+.progress-bar {
+  position: relative;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--progress-fill) 68%, var(--lmn-progress-shadow-light, var(--shadow-light))) 0%,
+    var(--progress-fill) 55%,
+    color-mix(in oklch, var(--progress-fill) 84%, var(--lmn-progress-shadow-dark, var(--shadow-dark))) 100%
+  );
+  box-shadow:
+    inset 1px 1px 2px color-mix(in oklch, var(--progress-fill) 18%, var(--lmn-progress-shadow-dark, var(--shadow-dark))),
+    inset -1px -1px 2px color-mix(in oklch, var(--progress-fill) 14%, var(--lmn-progress-shadow-light, var(--shadow-light))),
+    1px 1px 4px color-mix(in oklch, var(--progress-fill) 16%, var(--lmn-progress-shadow-dark, var(--shadow-dark))),
+    -1px -1px 4px color-mix(in oklch, var(--progress-fill) 10%, var(--lmn-progress-shadow-light, var(--shadow-light))),
+    0 0 10px var(--progress-fill-glow);
+  transition: width var(--dur-slow) var(--ease), box-shadow var(--dur) var(--ease);
+  overflow: hidden;
+}
+.progress-bar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--lmn-progress-shadow-light, var(--shadow-light)) 72%, transparent) 0%,
+    color-mix(in oklch, var(--lmn-progress-shadow-light, var(--shadow-light)) 28%, transparent) 38%,
+    transparent 70%
+  );
+  pointer-events: none;
+}
+.progress.indeterminate .progress-bar {
+  animation: progress-indeterminate 1.4s var(--ease) infinite;
+}
+@keyframes progress-indeterminate {
+  from { transform: translateX(-120%); }
+  to { transform: translateX(320%); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress.indeterminate .progress-bar { animation: none; }
+}