@fangxinyan/lumina 0.10.0 → 0.10.1

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

@@ -1,6 +1,6 @@
 /* ============ Popover ============ */
 .popover {
-  z-index: var(--z-dropdown);
+  z-index: 1000;
   background: var(--lmn-popover-bg, var(--bg));
   border-radius: var(--r-md);
   min-width: 220px;
@@ -28,23 +28,23 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: calc(var(--gap-3) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale))) calc(var(--gap-3) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale))) 0;
-  gap: calc(var(--gap-2) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-gap-scale, var(--gap-scale)));
+  padding: var(--gap-3) var(--gap-3) 0;
+  gap: var(--gap-2);
 }
 
 .popover-title {
   font-weight: 600;
-  font-size: var(--fs-lg);
+  font-size: 14px;
   color: var(--lmn-popover-fg, var(--fg));
 }
 
 .popover-close {
   all: unset;
   cursor: pointer;
-  font-size: var(--fs-2xl);
+  font-size: 16px;
   color: var(--lmn-popover-fg-muted, var(--fg-muted));
   line-height: 1;
-  padding: calc(2px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale))) calc(4px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale)));
+  padding: 2px 4px;
   border-radius: var(--r-xs);
   transition: color var(--dur-fast) var(--ease);
   margin-left: auto;
@@ -55,11 +55,11 @@
 
 /* ---- Body ---- */
 .popover-body {
-  padding: var(--lmn-popover-padding, var(--lmn-popover-padding-y, calc(var(--gap-3) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale)))) var(--lmn-popover-padding-x, calc(var(--gap-3) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale)))));
+  padding: var(--gap-3);
 }
 
 .popover-header + .popover-body {
-  padding-top: calc(var(--gap-2) * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-padding-scale, var(--padding-scale)));
+  padding-top: var(--gap-2);
 }
 
 /* ---- Arrow ---- */
@@ -76,27 +76,27 @@
 .popover-arrow-bottom {
   top: -5px;
   left: 50%;
-  margin-left: calc(-5px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-margin-scale, var(--margin-scale)));
+  margin-left: -5px;
   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: calc(-5px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-margin-scale, var(--margin-scale)));
+  margin-left: -5px;
   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: calc(-5px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-margin-scale, var(--margin-scale)));
+  margin-top: -5px;
   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: calc(-5px * var(--lmn-popover-spacing-scale, var(--spacing-scale)) * var(--lmn-popover-margin-scale, var(--margin-scale)));
+  margin-top: -5px;
   box-shadow: -2px 2px 4px color-mix(in oklch, var(--lmn-popover-shadow-dark, var(--shadow-dark)) 36%, transparent);
 }

package/dist/Popover.cjs

@@ -1,15 +1,14 @@
 'use strict';
 
-var chunkJAFA5KEI_cjs = require('./chunk-JAFA5KEI.cjs');
-require('./chunk-IZ2QVS4E.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkBCQIVYL6_cjs = require('./chunk-BCQIVYL6.cjs');
+require('./chunk-6A5KEWVU.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkJAFA5KEI_cjs.Popover; }
+  get: function () { return chunkBCQIVYL6_cjs.Popover; }
 });

package/dist/Popover.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.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">, ComponentThemeProps {

package/dist/Popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.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">, ComponentThemeProps {

package/dist/Popover.js

@@ -1,6 +1,5 @@
-export { Popover } from './chunk-7IRYSX25.js';
-import './chunk-3VUHXQFC.js';
-import './chunk-VTHUU5AU.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Popover } from './chunk-KJG44Z5J.js';
+import './chunk-NKIXCDZC.js';
+import './chunk-BZB45GGK.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{Progress-7O2BLYY5.css → Progress-33WE2NI7.css}

@@ -1,34 +1,38 @@
 /* ============ 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: var(--lmn-progress-gap, calc(6px * var(--lmn-progress-spacing-scale, var(--spacing-scale)) * var(--lmn-progress-gap-scale, var(--gap-scale))));
+  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: var(--fs-sm);
+  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: var(--r-pill);
+  border-radius: 999px;
   padding: var(--progress-inset);
   box-sizing: border-box;
   background: linear-gradient(
@@ -53,7 +57,11 @@
     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)));
+    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;
 }

package/dist/Progress.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkACBUFOC3_cjs = require('./chunk-ACBUFOC3.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkPYCAGTO7_cjs = require('./chunk-PYCAGTO7.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkACBUFOC3_cjs.Progress; }
+  get: function () { return chunkPYCAGTO7_cjs.Progress; }
 });

package/dist/Progress.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     /** 0–100 */

package/dist/Progress.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     /** 0–100 */

package/dist/Progress.js

@@ -1,3 +1,3 @@
-export { Progress } from './chunk-NI7A7QUH.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Progress } from './chunk-BOBT7JUB.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/Radio-RL7232MZ.css

@@ -0,0 +1,105 @@
+/* ============ Radio ============ */
+.radio {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 13px;
+  color: var(--lmn-radio-fg, var(--fg));
+}
+.radio.disabled { opacity: 0.5; cursor: not-allowed; }
+.radio-native {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+.radio:focus-within .radio-dot { outline: 2px solid var(--lmn-radio-accent, var(--accent)); outline-offset: 2px; }
+
+.radio-dot {
+  width: 20px; height: 20px;
+  border: none;
+  padding: 0;
+  border-radius: 999px;
+  background: var(--lmn-radio-bg, var(--bg));
+  box-shadow: var(--lmn-radio-neu-shadow-inset, var(--neu-shadow-inset));
+  cursor: inherit;
+  position: relative;
+  flex-shrink: 0;
+  transition: all var(--dur) var(--ease);
+}
+.radio.checked .radio-dot {
+  background: var(--lmn-radio-accent, var(--accent));
+  box-shadow: var(--lmn-radio-neu-shadow-control, var(--neu-shadow-control)), 0 2px 8px var(--lmn-radio-accent-glow, var(--accent-glow));
+}
+.radio.checked .radio-dot::after {
+  content: "";
+  position: absolute;
+  top: 50%; left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px; height: 8px;
+  border-radius: 999px;
+  background: var(--lmn-radio-bg, var(--bg));
+}
+
+.radio-group { display: flex; gap: 14px; }
+.radio-group.vertical { flex-direction: column; gap: 10px; }
+.radio-group.horizontal { flex-direction: row; flex-wrap: wrap; }
+
+.radio-group.segmented {
+  position: relative;
+  display: inline-flex;
+  padding: 4px;
+  border-radius: var(--r-md);
+  background: var(--lmn-radio-bg, var(--bg));
+  box-shadow: var(--lmn-radio-neu-shadow-inset, var(--neu-shadow-inset));
+  gap: 2px;
+  flex-wrap: nowrap;
+}
+
+.radio-group.segmented .radio {
+  position: relative;
+  z-index: 1;
+  height: 32px;
+  padding: 6px 14px;
+  border-radius: calc(var(--r-md) - 4px);
+  color: var(--lmn-radio-fg-muted, var(--fg-muted));
+  font-size: 12px;
+  gap: 6px;
+  transition: all var(--dur-fast) var(--ease);
+}
+
+.radio-group.segmented .radio:hover { color: var(--lmn-radio-fg, var(--fg)); }
+.radio-group.segmented .radio.checked {
+  color: var(--lmn-radio-accent-ink, var(--accent-ink));
+  font-weight: 600;
+}
+.radio-group.segmented .radio-dot { display: none; }
+.radio-group.segmented .radio-label { line-height: 1; }
+.radio-group.segmented .radio.disabled { opacity: 0.4; }
+.radio-group.segmented.sm .radio { height: 26px; padding: 4px 10px; font-size: 11px; }
+.radio-group.segmented.lg .radio { height: 38px; padding: 8px 18px; font-size: 13px; }
+
+.radio-segment-thumb {
+  position: absolute;
+  top: 4px;
+  bottom: 4px;
+  left: 0;
+  border-radius: calc(var(--r-md) - 4px);
+  background: var(--lmn-radio-bg, var(--bg));
+  box-shadow: var(--lmn-radio-neu-shadow-control, var(--neu-shadow-control));
+  pointer-events: none;
+  transition:
+    transform var(--dur-slow) var(--ease),
+    width var(--dur-slow) var(--ease),
+    opacity var(--dur-fast) var(--ease);
+  will-change: transform, width;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .radio-segment-thumb {
+    transition: none;
+  }
+}

package/dist/Radio.cjs

@@ -1,17 +1,16 @@
 'use strict';
 
-var chunkGKQNEQRO_cjs = require('./chunk-GKQNEQRO.cjs');
-require('./chunk-42CAR7IJ.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkQTMI4ZA4_cjs = require('./chunk-QTMI4ZA4.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunkGKQNEQRO_cjs.Radio; }
+  get: function () { return chunkQTMI4ZA4_cjs.Radio; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkGKQNEQRO_cjs.RadioGroup; }
+  get: function () { return chunkQTMI4ZA4_cjs.RadioGroup; }
 });

package/dist/Radio.d.cts

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 interface RadioProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
-    /** 表单错误态，输出到原生单选输入。 */
-    invalid?: boolean;
     label?: React.ReactNode;
     className?: string;
     id?: string;
@@ -28,8 +26,6 @@ interface RadioOption<T extends string | number = string> {
 }
 interface RadioGroupProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     options: RadioOption<T>[];
-    /** 分组错误态，同时传递给每个原生单选输入。 */
-    invalid?: boolean;
     value?: T;
     defaultValue?: T;
     onChange?: (value: T) => void;

package/dist/Radio.d.ts

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 interface RadioProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
-    /** 表单错误态，输出到原生单选输入。 */
-    invalid?: boolean;
     label?: React.ReactNode;
     className?: string;
     id?: string;
@@ -28,8 +26,6 @@ interface RadioOption<T extends string | number = string> {
 }
 interface RadioGroupProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     options: RadioOption<T>[];
-    /** 分组错误态，同时传递给每个原生单选输入。 */
-    invalid?: boolean;
     value?: T;
     defaultValue?: T;
     onChange?: (value: T) => void;

package/dist/Radio.js

@@ -1,4 +1,3 @@
-export { Radio, RadioGroup } from './chunk-BE7GQLRY.js';
-import './chunk-I25VT4TM.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Radio, RadioGroup } from './chunk-D2N7OXMK.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';