@fangxinyan/lumina 0.1.5 → 0.2.0

package/dist/Modal.d.ts

@@ -1,27 +1,56 @@
 import * as React from 'react';
+import { ButtonProps } from './Button.js';
+import './Icon.js';
 
 interface ModalProps {
+    /** Whether the modal is visible. */
     open: boolean;
+    /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
     onClose?: () => void;
+    /** Dedicated Cancel callback. Falls back to `onClose` when omitted. */
+    onCancel?: () => void;
+    /** Fired when the default OK button is clicked. */
+    onOk?: () => void;
     title?: React.ReactNode;
     description?: React.ReactNode;
+    /**
+     * Footer content. Pass `null` to hide the footer, or a custom node to
+     * replace the default OK / Cancel buttons.
+     */
     footer?: React.ReactNode;
     children?: React.ReactNode;
     width?: number | string;
+    /** Show the close (×) button. Default true. */
+    closable?: boolean;
+    /** Override the close icon node. */
+    closeIcon?: React.ReactNode;
     /** Close when clicking the mask. Default true. */
     maskClosable?: boolean;
     /** Close on Escape key. Default true. */
     escClosable?: boolean;
+    /** Label for the default OK button. */
+    okText?: React.ReactNode;
+    /** Label for the default Cancel button. */
+    cancelText?: React.ReactNode;
+    /** Extra props forwarded to the default OK button. */
+    okButtonProps?: Partial<ButtonProps>;
+    /** Extra props forwarded to the default Cancel button. */
+    cancelButtonProps?: Partial<ButtonProps>;
+    /** Show a spinner on the OK button (e.g. while an async submit is running). */
+    confirmLoading?: boolean;
+    /**
+     * When true the modal's children are unmounted every time it closes.
+     * Default `false` — children stay mounted so internal state survives
+     * reopens, matching antd's default.
+     */
+    destroyOnClose?: boolean;
+    /** Fires after the open/close animation finishes. */
+    afterOpenChange?: (open: boolean) => void;
+    /** Override the z-index of the overlay. */
+    zIndex?: number;
     className?: string;
 }
 /** `Modal` — centered dialog with mask. Renders into `document.body`. */
 declare const Modal: React.FC<ModalProps>;
-interface DrawerProps extends Omit<ModalProps, "width"> {
-    /** Edge the drawer slides from. */
-    placement?: "left" | "right" | "top" | "bottom";
-    size?: number | string;
-}
-/** `Drawer` — slide-in panel from an edge. */
-declare const Drawer: React.FC<DrawerProps>;
 
-export { Drawer, type DrawerProps, Modal, type ModalProps };
+export { Modal, type ModalProps };

package/dist/Modal.js

@@ -1,5 +1,5 @@
-export { Drawer, Modal } from './chunk-Q33V7MSK.js';
-import './chunk-5EYI27B6.js';
+export { Modal } from './chunk-LSLYY5FN.js';
+import './chunk-77BVQNAQ.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Modal.js.map
 //# sourceMappingURL=Modal.js.map

package/dist/{Pagination-6FFOI4NM.css → Pagination-YIRYJUXP.css}

@@ -33,3 +33,36 @@
 }
 .pagination .pg.disabled { color: var(--fg-subtle); cursor: not-allowed; box-shadow: var(--neu-flat); }
 .pagination .ellipsis { padding: 0 4px; color: 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(--fg-muted);
+  font-size: 12px;
+}
+.pagination .pg-jumper-label { color: var(--fg-muted); }
+.pagination .pg-jumper-input {
+  width: 44px;
+  height: 28px;
+  padding: 0 8px;
+  border: none;
+  border-radius: var(--r-sm);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  color: var(--fg);
+  font-family: inherit;
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+  outline: none;
+  transition: box-shadow var(--dur-fast) var(--ease);
+}
+.pagination .pg-jumper-input:focus-visible {
+  box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow);
+}

package/dist/Pagination.cjs

@@ -1,13 +1,16 @@
 'use strict';
 
-var chunkIGHLSNXT_cjs = require('./chunk-IGHLSNXT.cjs');
+var chunkK7PVJLW4_cjs = require('./chunk-K7PVJLW4.cjs');
+require('./chunk-EPFYIR63.cjs');
+require('./chunk-URF6RBW6.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkIGHLSNXT_cjs.Pagination; }
+  get: function () { return chunkK7PVJLW4_cjs.Pagination; }
 });
 //# sourceMappingURL=Pagination.cjs.map
 //# sourceMappingURL=Pagination.cjs.map

package/dist/Pagination.d.cts

@@ -11,6 +11,20 @@ interface PaginationProps {
     onChange?: (page: number) => void;
     /** Max visible page buttons (before ellipsis logic). */
     siblings?: number;
+    /**
+     * Render a "跳至 N 页" input to the right of the page buttons. Enter key commits
+     * and clamps to `1..totalPages`.
+     */
+    showQuickJumper?: boolean;
+    /**
+     * Render a Select to let the user switch the page size. Resetting the size sends the
+     * user back to page 1 and calls both `onShowSizeChange` and `onChange(1)`.
+     */
+    showSizeChanger?: boolean;
+    /** Page size choices for `showSizeChanger`. Defaults to `[10, 20, 50, 100]`. */
+    pageSizeOptions?: number[];
+    /** Fires when the user picks a new page size via the size changer. */
+    onShowSizeChange?: (current: number, size: number) => void;
     className?: string;
 }
 /** `Pagination` — page number controls. */

package/dist/Pagination.d.ts

@@ -11,6 +11,20 @@ interface PaginationProps {
     onChange?: (page: number) => void;
     /** Max visible page buttons (before ellipsis logic). */
     siblings?: number;
+    /**
+     * Render a "跳至 N 页" input to the right of the page buttons. Enter key commits
+     * and clamps to `1..totalPages`.
+     */
+    showQuickJumper?: boolean;
+    /**
+     * Render a Select to let the user switch the page size. Resetting the size sends the
+     * user back to page 1 and calls both `onShowSizeChange` and `onChange(1)`.
+     */
+    showSizeChanger?: boolean;
+    /** Page size choices for `showSizeChanger`. Defaults to `[10, 20, 50, 100]`. */
+    pageSizeOptions?: number[];
+    /** Fires when the user picks a new page size via the size changer. */
+    onShowSizeChange?: (current: number, size: number) => void;
     className?: string;
 }
 /** `Pagination` — page number controls. */

package/dist/Pagination.js

@@ -1,4 +1,7 @@
-export { Pagination } from './chunk-XFRP2MBR.js';
+export { Pagination } from './chunk-TYQ5CN2C.js';
+import './chunk-ZVCMXDTP.js';
+import './chunk-AJZKESHB.js';
+import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Pagination.js.map
 //# sourceMappingURL=Pagination.js.map

package/dist/Select.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkKGYLUZOU_cjs = require('./chunk-KGYLUZOU.cjs');
-require('./chunk-VMHNKD3N.cjs');
+var chunkEPFYIR63_cjs = require('./chunk-EPFYIR63.cjs');
+require('./chunk-URF6RBW6.cjs');
 require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
@@ -9,7 +9,7 @@ require('./chunk-YVO7XO4W.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkKGYLUZOU_cjs.Select; }
+  get: function () { return chunkEPFYIR63_cjs.Select; }
 });
 //# sourceMappingURL=Select.cjs.map
 //# sourceMappingURL=Select.cjs.map

package/dist/Select.js

@@ -1,5 +1,5 @@
-export { Select } from './chunk-OYH6A7IQ.js';
-import './chunk-3QWHDCHJ.js';
+export { Select } from './chunk-ZVCMXDTP.js';
+import './chunk-AJZKESHB.js';
 import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Select.js.map

package/dist/{Slider-RE4HZQKF.css → Slider-X4PVA65R.css}

@@ -7,6 +7,7 @@
   align-items: center;
   cursor: pointer;
 }
+.slider.has-marks { padding-bottom: 26px; }
 .slider.disabled { opacity: 0.5; cursor: not-allowed; }
 .slider-track {
   position: relative;
@@ -19,11 +20,11 @@
 }
 .slider-fill {
   position: absolute;
-  top: 0; left: 0; bottom: 0;
+  top: 0; bottom: 0;
   background: linear-gradient(90deg, color-mix(in oklch, var(--accent) 70%, white), var(--accent));
   box-shadow: 0 0 12px var(--accent-glow);
   border-radius: 999px;
-  transition: width var(--dur-fast) var(--ease);
+  transition: left var(--dur-fast) var(--ease), right var(--dur-fast) var(--ease);
 }
 .slider-thumb {
   position: absolute;
@@ -35,7 +36,10 @@
   transform: translate(-50%, -50%);
   transition: all var(--dur-fast) var(--ease);
   display: grid; place-items: center;
+  pointer-events: none;
 }
+.slider.has-marks .slider-thumb { top: calc(50% - 13px); }
+.slider.has-marks .slider-track { margin-top: -26px; }
 .slider-thumb::after {
   content: "";
   width: 6px; height: 6px;
@@ -49,7 +53,13 @@
   width: 100%; height: 100%;
   opacity: 0;
   cursor: inherit;
+  margin: 0;
+  pointer-events: auto;
 }
+/* In range mode (two stacked inputs), split the hit zones by half so the user can drag either thumb */
+.slider input[type="range"]:nth-of-type(1):not(:only-of-type) { right: 50%; }
+.slider input[type="range"]:nth-of-type(2) { left: 50%; }
+.slider.has-marks input[type="range"] { height: calc(100% - 26px); }
 .slider-value { font-family: var(--font-mono); font-size: 12px; color: var(--accent-ink); margin-left: 10px; }
 .slider.success .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--success) 70%, white), var(--success)); box-shadow: 0 0 10px color-mix(in oklch, var(--success) 35%, transparent); }
 .slider.success .slider-thumb::after { background: var(--success); }
@@ -57,3 +67,42 @@
 .slider.warning .slider-thumb::after { background: var(--warning); }
 .slider.danger  .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--danger) 70%, white), var(--danger));  box-shadow: 0 0 10px color-mix(in oklch, var(--danger) 35%, transparent); }
 .slider.danger  .slider-thumb::after { background: var(--danger); }
+
+/* Marks */
+.slider-marks {
+  position: absolute;
+  left: 0; right: 0;
+  bottom: 0;
+  height: 22px;
+  pointer-events: none;
+}
+.slider-mark {
+  position: absolute;
+  transform: translateX(-50%);
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  pointer-events: auto;
+  cursor: pointer;
+  color: var(--fg-subtle);
+  font-size: 11px;
+  user-select: none;
+}
+.slider-mark-dot {
+  width: 6px; height: 6px;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  margin-top: -18px;
+  position: relative;
+  z-index: 1;
+}
+.slider-mark.active .slider-mark-dot { background: var(--accent); box-shadow: 0 0 6px var(--accent-glow); }
+.slider.success .slider-mark.active .slider-mark-dot { background: var(--success); box-shadow: 0 0 6px color-mix(in oklch, var(--success) 35%, transparent); }
+.slider.warning .slider-mark.active .slider-mark-dot { background: var(--warning); box-shadow: 0 0 6px color-mix(in oklch, var(--warning) 35%, transparent); }
+.slider.danger  .slider-mark.active .slider-mark-dot { background: var(--danger);  box-shadow: 0 0 6px color-mix(in oklch, var(--danger) 35%, transparent); }
+.slider-mark-label { white-space: nowrap; }
+.slider-mark.active .slider-mark-label { color: var(--accent-ink); font-weight: 500; }
+.slider-mark:hover .slider-mark-label { color: var(--fg); }
+.slider.disabled .slider-mark { pointer-events: none; }

package/dist/Slider.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkIBZAGURN_cjs = require('./chunk-IBZAGURN.cjs');
+var chunkPBBHUUXU_cjs = require('./chunk-PBBHUUXU.cjs');
 
 
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkIBZAGURN_cjs.Slider; }
+  get: function () { return chunkPBBHUUXU_cjs.Slider; }
 });
 //# sourceMappingURL=Slider.cjs.map
 //# sourceMappingURL=Slider.cjs.map

package/dist/Slider.d.cts

@@ -1,18 +1,33 @@
 import * as React from 'react';
 
-interface SliderProps {
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
+type SliderSingleValue = number;
+type SliderRangeValue = [number, number];
+type SliderValue = SliderSingleValue | SliderRangeValue;
+interface SliderBaseProps {
     min?: number;
     max?: number;
     step?: number;
     disabled?: boolean;
     showValue?: boolean;
     tone?: "accent" | "success" | "warning" | "danger";
+    /** Tick marks with labels. Clicking a mark snaps to it. */
+    marks?: Record<number, React.ReactNode>;
     className?: string;
 }
+interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+}
+interface SliderRangeProps extends SliderBaseProps {
+    range: true;
+    value?: SliderRangeValue;
+    defaultValue?: SliderRangeValue;
+    onChange?: (value: SliderRangeValue) => void;
+}
+type SliderProps = SliderSingleProps | SliderRangeProps;
 /** `Slider` — neumorphic range input with grooved track. */
 declare const Slider: React.FC<SliderProps>;
 
-export { Slider, type SliderProps };
+export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderSingleValue, type SliderValue };

package/dist/Slider.d.ts

@@ -1,18 +1,33 @@
 import * as React from 'react';
 
-interface SliderProps {
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
+type SliderSingleValue = number;
+type SliderRangeValue = [number, number];
+type SliderValue = SliderSingleValue | SliderRangeValue;
+interface SliderBaseProps {
     min?: number;
     max?: number;
     step?: number;
     disabled?: boolean;
     showValue?: boolean;
     tone?: "accent" | "success" | "warning" | "danger";
+    /** Tick marks with labels. Clicking a mark snaps to it. */
+    marks?: Record<number, React.ReactNode>;
     className?: string;
 }
+interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+}
+interface SliderRangeProps extends SliderBaseProps {
+    range: true;
+    value?: SliderRangeValue;
+    defaultValue?: SliderRangeValue;
+    onChange?: (value: SliderRangeValue) => void;
+}
+type SliderProps = SliderSingleProps | SliderRangeProps;
 /** `Slider` — neumorphic range input with grooved track. */
 declare const Slider: React.FC<SliderProps>;
 
-export { Slider, type SliderProps };
+export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderSingleValue, type SliderValue };

package/dist/Slider.js

@@ -1,3 +1,3 @@
-export { Slider } from './chunk-7UJI437T.js';
+export { Slider } from './chunk-437LB2V4.js';
 //# sourceMappingURL=Slider.js.map
 //# sourceMappingURL=Slider.js.map

package/dist/Switch-36KJNDXM.css

@@ -0,0 +1,92 @@
+/* ============ Switch ============ */
+.switch {
+  --w: 46px;
+  --h: 26px;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 13px;
+  color: var(--fg);
+  cursor: pointer;
+  user-select: none;
+}
+.switch.disabled { opacity: 0.5; cursor: not-allowed; }
+.switch-track {
+  position: relative;
+  width: var(--w);
+  height: var(--h);
+  border: none;
+  padding: 0;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  cursor: inherit;
+  flex-shrink: 0;
+  transition: all var(--dur) var(--ease);
+}
+.switch.sm { --w: 36px; --h: 20px; }
+.switch.lg { --w: 58px; --h: 32px; }
+/* When checkedChildren / unCheckedChildren are present, widen the track to fit. */
+.switch.with-children { --w: 60px; }
+.switch.with-children.sm { --w: 46px; }
+.switch.with-children.lg { --w: 74px; }
+
+.switch-thumb {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: calc(var(--h) - 6px);
+  height: calc(var(--h) - 6px);
+  border-radius: 999px;
+  background: var(--bg-raised);
+  box-shadow: var(--neu-out-sm);
+  transition: all var(--dur) var(--ease);
+  z-index: 1;
+}
+.switch.on .switch-thumb {
+  transform: translateX(calc(var(--w) - var(--h)));
+  background: var(--accent);
+  box-shadow: 0 2px 8px var(--accent-glow), 0 0 0 1px color-mix(in oklch, var(--accent) 40%, transparent);
+}
+
+/* Inline content (checkedChildren / unCheckedChildren) */
+.switch-inner {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  font-size: 11px;
+  font-weight: 500;
+  font-family: inherit;
+  line-height: 1;
+  pointer-events: none;
+}
+.switch.sm .switch-inner { font-size: 10px; }
+.switch-inner-on,
+.switch-inner-off {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
+}
+/* Checked label sits on the left side of the track (thumb pushes right). */
+.switch-inner-on {
+  left: 8px;
+  right: calc(var(--h) - 2px);
+  color: white;
+  opacity: 0;
+  transform: translateX(-4px);
+}
+/* Unchecked label sits on the right side (thumb is at left). */
+.switch-inner-off {
+  right: 8px;
+  left: calc(var(--h) - 2px);
+  color: var(--fg-muted);
+  opacity: 1;
+  transform: translateX(0);
+}
+.switch.sm .switch-inner-on { left: 5px; right: calc(var(--h) - 2px); }
+.switch.sm .switch-inner-off { right: 5px; left: calc(var(--h) - 2px); }
+.switch.on .switch-inner-on { opacity: 1; transform: translateX(0); }
+.switch.on .switch-inner-off { opacity: 0; transform: translateX(4px); }

package/dist/Switch.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkALFDP5WX_cjs = require('./chunk-ALFDP5WX.cjs');
+var chunkIDM6JJLP_cjs = require('./chunk-IDM6JJLP.cjs');
 
 
 
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkALFDP5WX_cjs.Switch; }
+  get: function () { return chunkIDM6JJLP_cjs.Switch; }
 });
 //# sourceMappingURL=Switch.cjs.map
 //# sourceMappingURL=Switch.cjs.map

package/dist/Switch.d.cts

@@ -7,6 +7,10 @@ interface SwitchProps {
     disabled?: boolean;
     label?: React.ReactNode;
     size?: "sm" | "md";
+    /** Content rendered inside the track when checked (short text or icon). */
+    checkedChildren?: React.ReactNode;
+    /** Content rendered inside the track when unchecked. */
+    unCheckedChildren?: React.ReactNode;
     className?: string;
     id?: string;
 }

package/dist/Switch.d.ts

@@ -7,6 +7,10 @@ interface SwitchProps {
     disabled?: boolean;
     label?: React.ReactNode;
     size?: "sm" | "md";
+    /** Content rendered inside the track when checked (short text or icon). */
+    checkedChildren?: React.ReactNode;
+    /** Content rendered inside the track when unchecked. */
+    unCheckedChildren?: React.ReactNode;
     className?: string;
     id?: string;
 }

package/dist/Switch.js

@@ -1,3 +1,3 @@
-export { Switch } from './chunk-HTP6UEVR.js';
+export { Switch } from './chunk-BBPNQ44M.js';
 //# sourceMappingURL=Switch.js.map
 //# sourceMappingURL=Switch.js.map