@fangxinyan/lumina 0.1.6 → 0.2.0

package/dist/Empty.d.ts

@@ -23,15 +23,55 @@ interface SpinnerProps {
 }
 /** `Spinner` — loading indicator. */
 declare const Spinner: React.FC<SpinnerProps>;
+interface SkeletonAvatarConfig {
+    shape?: "circle" | "square";
+    size?: "sm" | "md" | "lg";
+}
+interface SkeletonTitleConfig {
+    width?: number | string;
+}
+interface SkeletonParagraphConfig {
+    rows?: number;
+    width?: (number | string)[];
+}
 interface SkeletonProps {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
     /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
     animation?: "wave" | "pulse" | "none";
+    /**
+     * Render an avatar skeleton on the left. `true` gives the defaults (circle, md).
+     * @example avatar
+     * @example avatar={{ shape: "square", size: "lg" }}
+     */
+    avatar?: boolean | SkeletonAvatarConfig;
+    /**
+     * Render a title line skeleton. Defaults to `true` whenever the composite layout is active
+     * (any of `avatar` / `paragraph` / `title` is set).
+     */
+    title?: boolean | SkeletonTitleConfig;
+    /**
+     * Render N paragraph lines. `true` gives 3 rows; passing `width` arrays lets you
+     * control per-row widths (last row defaults to 60%).
+     */
+    paragraph?: boolean | SkeletonParagraphConfig;
     className?: string;
 }
-/** `Skeleton` — content placeholder during loading. */
+/**
+ * `Skeleton` — content placeholder during loading.
+ *
+ * Two modes:
+ * - **Primitive** (no composite prop set): renders a single block using `width` / `height` / `circle`.
+ * - **Composite** (`avatar` / `title` / `paragraph`): renders the Ant-Design-style avatar + title + paragraph layout.
+ *
+ * @example
+ * // primitive
+ * <Skeleton height={14} width="60%" />
+ * @example
+ * // composite
+ * <Skeleton avatar title paragraph={{ rows: 4 }} />
+ */
 declare const Skeleton: React.FC<SkeletonProps>;
 
-export { Empty, type EmptyProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
+export { Empty, type EmptyProps, Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig, Spinner, type SpinnerProps };

package/dist/Empty.js

@@ -1,3 +1,3 @@
-export { Empty, Skeleton, Spinner } from './chunk-4AA22BOG.js';
+export { Empty, Skeleton, Spinner } from './chunk-Z7P6QGMT.js';
 //# sourceMappingURL=Empty.js.map
 //# sourceMappingURL=Empty.js.map

package/dist/Input-33CAH4O6.css

@@ -0,0 +1,134 @@
+/* ============ Input / Textarea ============ */
+.input-shell {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+}
+.input-count {
+  font-size: 11px;
+  color: var(--fg-subtle);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.input-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  height: var(--ctrl-h);
+  padding: 0 var(--ctrl-pad-x);
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  transition: box-shadow var(--dur) var(--ease);
+  gap: 8px;
+}
+.input-wrap.sm { height: 32px; padding: 0 12px; border-radius: var(--r-sm); gap: 6px; }
+.input-wrap.lg { height: 48px; padding: 0 18px; border-radius: var(--r-lg); gap: 10px; }
+.input-wrap:focus-within { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.input-wrap.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.input-wrap.disabled { opacity: 0.6; cursor: not-allowed; }
+
+.input-wrap .lead,
+.input-wrap .trail {
+  color: var(--fg-subtle);
+  flex-shrink: 0;
+  display: inline-flex;
+}
+.input-wrap .lead.interactive,
+.input-wrap .trail.interactive { cursor: pointer; pointer-events: auto; }
+.input-wrap .trail:hover { color: var(--fg); }
+.input-wrap .lead:not(.interactive),
+.input-wrap .trail:not(.interactive) { pointer-events: none; }
+
+.input-wrap .input-affix {
+  display: inline-flex;
+  align-items: center;
+  color: var(--fg-muted);
+  font-size: 13px;
+  white-space: nowrap;
+  user-select: none;
+  flex-shrink: 0;
+}
+.input-wrap.sm .input-affix { font-size: 12px; }
+.input-wrap.lg .input-affix { font-size: 14px; }
+
+.input-wrap .input-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  color: var(--fg-subtle);
+  background: transparent;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
+}
+.input-wrap .input-clear:hover {
+  color: var(--fg);
+  background: var(--bg-sunken);
+}
+
+.input-wrap > .input {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  outline: none;
+}
+.input-wrap.sm > .input { font-size: 12px; }
+.input-wrap.lg > .input { font-size: 14px; }
+.input-wrap > .input::placeholder { color: var(--fg-subtle); }
+.input-wrap.disabled > .input { cursor: not-allowed; }
+
+.textarea-wrap { position: relative; width: 100%; }
+.textarea-wrap .textarea-clear {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  color: var(--fg-subtle);
+  background: transparent;
+  cursor: pointer;
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
+}
+.textarea-wrap .textarea-clear:hover {
+  color: var(--fg);
+  background: var(--bg-sunken);
+}
+
+.textarea {
+  width: 100%;
+  min-height: 96px;
+  padding: 12px 14px;
+  border: none;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  line-height: 1.55;
+  resize: vertical;
+  outline: none;
+  transition: box-shadow var(--dur) var(--ease);
+}
+.textarea:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.textarea.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.textarea::placeholder { color: var(--fg-subtle); }

package/dist/Input.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkQT7SJITQ_cjs = require('./chunk-QT7SJITQ.cjs');
+var chunkLDENBYRC_cjs = require('./chunk-LDENBYRC.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkQT7SJITQ_cjs.Input; }
+  get: function () { return chunkLDENBYRC_cjs.Input; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkQT7SJITQ_cjs.Textarea; }
+  get: function () { return chunkLDENBYRC_cjs.Textarea; }
 });
 //# sourceMappingURL=Input.cjs.map
 //# sourceMappingURL=Input.cjs.map

package/dist/Input.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconName } from './Icon.cjs';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -15,6 +15,16 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     size?: "sm" | "md" | "lg";
     invalid?: boolean;
     disabled?: boolean;
+    /** Show a × button inside the input to clear the value when non-empty. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native input. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the input (or just "N" if no maxLength). */
+    showCount?: boolean;
+    /** Inline content rendered inside the input on the left (after leadingIcon if both present). */
+    prefix?: React.ReactNode;
+    /** Inline content rendered inside the input on the right (before trailingIcon if both present). */
+    suffix?: React.ReactNode;
     className?: string;
 }
 /**
@@ -26,6 +36,12 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
     className?: string;
 }
 /**

package/dist/Input.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconName } from './Icon.js';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -15,6 +15,16 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     size?: "sm" | "md" | "lg";
     invalid?: boolean;
     disabled?: boolean;
+    /** Show a × button inside the input to clear the value when non-empty. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native input. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the input (or just "N" if no maxLength). */
+    showCount?: boolean;
+    /** Inline content rendered inside the input on the left (after leadingIcon if both present). */
+    prefix?: React.ReactNode;
+    /** Inline content rendered inside the input on the right (before trailingIcon if both present). */
+    suffix?: React.ReactNode;
     className?: string;
 }
 /**
@@ -26,6 +36,12 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     defaultValue?: string;
     onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
     className?: string;
 }
 /**

package/dist/Input.js

@@ -1,4 +1,4 @@
-export { Input, Textarea } from './chunk-7NM5BRUX.js';
+export { Input, Textarea } from './chunk-NSUD5B22.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Input.js.map
 //# sourceMappingURL=Input.js.map

package/dist/Modal.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkQQXIWOI3_cjs = require('./chunk-QQXIWOI3.cjs');
-require('./chunk-AAMYURWQ.cjs');
+var chunkCCBHZYE6_cjs = require('./chunk-CCBHZYE6.cjs');
+require('./chunk-OPTTHURA.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkQQXIWOI3_cjs.Modal; }
+  get: function () { return chunkCCBHZYE6_cjs.Modal; }
 });
 //# sourceMappingURL=Modal.cjs.map
 //# sourceMappingURL=Modal.cjs.map

package/dist/Modal.js

@@ -1,5 +1,5 @@
-export { Modal } from './chunk-OOBSH7EL.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