@fangxinyan/lumina 0.4.0 → 0.5.1

package/dist/Popover.d.cts

@@ -1,16 +1,38 @@
 import * as React from 'react';
 
 interface PopoverProps {
+    /** Popover body content. */
     content: React.ReactNode;
+    /** Optional title rendered above content. */
+    title?: React.ReactNode;
+    /** Preferred placement relative to the trigger. */
     placement?: "top" | "bottom" | "left" | "right";
+    /** How the popover is triggered. */
     trigger?: "click" | "hover";
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    /** Show a close button in the header (click trigger only). */
+    closable?: boolean;
+    /** Panel width in px, or `"auto"` to fit content. */
+    width?: number | "auto";
+    /** Uncontrolled initial open state. */
     defaultOpen?: boolean;
+    /** Controlled open state. */
     open?: boolean;
+    /** Callback when visibility changes. */
     onOpenChange?: (open: boolean) => void;
+    /** Trigger element. */
     children: React.ReactElement;
     className?: string;
 }
-/** `Popover` — rich content bubble. */
+/**
+ * `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.FC<PopoverProps>;
 
 export { Popover, type PopoverProps };

package/dist/Popover.d.ts

@@ -1,16 +1,38 @@
 import * as React from 'react';
 
 interface PopoverProps {
+    /** Popover body content. */
     content: React.ReactNode;
+    /** Optional title rendered above content. */
+    title?: React.ReactNode;
+    /** Preferred placement relative to the trigger. */
     placement?: "top" | "bottom" | "left" | "right";
+    /** How the popover is triggered. */
     trigger?: "click" | "hover";
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    /** Show a close button in the header (click trigger only). */
+    closable?: boolean;
+    /** Panel width in px, or `"auto"` to fit content. */
+    width?: number | "auto";
+    /** Uncontrolled initial open state. */
     defaultOpen?: boolean;
+    /** Controlled open state. */
     open?: boolean;
+    /** Callback when visibility changes. */
     onOpenChange?: (open: boolean) => void;
+    /** Trigger element. */
     children: React.ReactElement;
     className?: string;
 }
-/** `Popover` — rich content bubble. */
+/**
+ * `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.FC<PopoverProps>;
 
 export { Popover, type PopoverProps };

package/dist/Popover.js

@@ -1,4 +1,4 @@
-export { Popover } from './chunk-3UU2PUK4.js';
-import './chunk-V2DIQ3RH.js';
+export { Popover } from './chunk-UEHONGPZ.js';
+import './chunk-ANAQER3T.js';
 //# sourceMappingURL=Popover.js.map
 //# sourceMappingURL=Popover.js.map

package/dist/Select.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkT4PI2ZX7_cjs = require('./chunk-T4PI2ZX7.cjs');
-require('./chunk-RQV7SMIZ.cjs');
-require('./chunk-RZ2E3XEU.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkD3GZSL2B_cjs = require('./chunk-D3GZSL2B.cjs');
+require('./chunk-WKNVNN2K.cjs');
+require('./chunk-3XIDJEYR.cjs');
+require('./chunk-3KQKEE5O.cjs');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkT4PI2ZX7_cjs.Select; }
+  get: function () { return chunkD3GZSL2B_cjs.Select; }
 });
 //# sourceMappingURL=Select.cjs.map
 //# sourceMappingURL=Select.cjs.map

package/dist/Select.js

@@ -1,6 +1,6 @@
-export { Select } from './chunk-6XZ362VL.js';
-import './chunk-LXNR6TQK.js';
-import './chunk-V2DIQ3RH.js';
-import './chunk-QOGROEVD.js';
+export { Select } from './chunk-XT7RXXOE.js';
+import './chunk-ILVNMES2.js';
+import './chunk-ANAQER3T.js';
+import './chunk-X3JG3IR6.js';
 //# sourceMappingURL=Select.js.map
 //# sourceMappingURL=Select.js.map

package/dist/{Slider-X4PVA65R.css → Slider-3JKA5EW6.css}

@@ -1,14 +1,25 @@
 /* ============ Slider ============ */
 .slider {
   position: relative;
-  height: 36px;
   width: 100%;
   display: flex;
   align-items: center;
+  gap: 10px;
   cursor: pointer;
+  min-height: 36px;
 }
 .slider.has-marks { padding-bottom: 26px; }
 .slider.disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* Rail: positioning context for track + thumbs + marks */
+.slider-rail {
+  position: relative;
+  flex: 1 1 0%;
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
 .slider-track {
   position: relative;
   width: 100%;
@@ -16,8 +27,10 @@
   border-radius: 999px;
   background: var(--bg);
   box-shadow: var(--neu-in-sm);
-  overflow: hidden;
+  touch-action: none;
+  z-index: 1;
 }
+
 .slider-fill {
   position: absolute;
   top: 0; bottom: 0;
@@ -25,7 +38,9 @@
   box-shadow: 0 0 12px var(--accent-glow);
   border-radius: 999px;
   transition: left var(--dur-fast) var(--ease), right var(--dur-fast) var(--ease);
+  pointer-events: none;
 }
+
 .slider-thumb {
   position: absolute;
   top: 50%;
@@ -36,43 +51,45 @@
   transform: translate(-50%, -50%);
   transition: all var(--dur-fast) var(--ease);
   display: grid; place-items: center;
-  pointer-events: none;
+  z-index: 3;
+  outline: none;
+  touch-action: 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;
   border-radius: 999px;
-  background: var(--accent);
+  background: var(--slider-thumb-color, var(--accent));
+}
+.slider-thumb:focus-visible {
+  box-shadow: var(--neu-out-sm), 0 0 0 3px var(--accent-glow);
 }
 .slider:hover .slider-thumb { transform: translate(-50%, -50%) scale(1.08); }
-.slider input[type="range"] {
-  position: absolute;
-  inset: 0;
-  width: 100%; height: 100%;
-  opacity: 0;
-  cursor: inherit;
-  margin: 0;
-  pointer-events: auto;
+
+.slider-value {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--accent-ink);
+  flex-shrink: 0;
+  white-space: nowrap;
 }
-/* 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; }
+
+/* Tone variants */
+.slider.success .slider-thumb { --slider-thumb-color: var(--success); }
 .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); }
+.slider.success .slider-thumb:focus-visible { box-shadow: var(--neu-out-sm), 0 0 0 3px color-mix(in oklch, var(--success) 35%, transparent); }
+.slider.warning .slider-thumb { --slider-thumb-color: var(--warning); }
 .slider.warning .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--warning) 70%, white), var(--warning)); box-shadow: 0 0 10px color-mix(in oklch, var(--warning) 35%, transparent); }
-.slider.warning .slider-thumb::after { background: var(--warning); }
+.slider.warning .slider-thumb:focus-visible { box-shadow: var(--neu-out-sm), 0 0 0 3px color-mix(in oklch, var(--warning) 35%, transparent); }
+.slider.danger .slider-thumb { --slider-thumb-color: var(--danger); }
 .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); }
+.slider.danger  .slider-thumb:focus-visible { box-shadow: var(--neu-out-sm), 0 0 0 3px color-mix(in oklch, var(--danger) 35%, transparent); }
 
 /* Marks */
 .slider-marks {
   position: absolute;
   left: 0; right: 0;
-  bottom: 0;
+  bottom: -26px;
   height: 22px;
   pointer-events: none;
 }
@@ -94,8 +111,10 @@
   border-radius: 999px;
   background: var(--bg);
   box-shadow: var(--neu-in-sm);
-  margin-top: -18px;
-  position: relative;
+  position: absolute;
+  top: -12px;
+  left: 50%;
+  transform: translateX(-50%);
   z-index: 1;
 }
 .slider-mark.active .slider-mark-dot { background: var(--accent); box-shadow: 0 0 6px var(--accent-glow); }

package/dist/Slider.cjs

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

package/dist/Slider.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 
-type SliderSingleValue = number;
 type SliderRangeValue = [number, number];
-type SliderValue = SliderSingleValue | SliderRangeValue;
+type SliderValue = number | SliderRangeValue;
 interface SliderBaseProps {
     min?: number;
     max?: number;
@@ -10,6 +9,8 @@ interface SliderBaseProps {
     disabled?: boolean;
     showValue?: boolean;
     tone?: "accent" | "success" | "warning" | "danger";
+    /** Custom gradient colors mapped from min→max. Overrides `tone` for fill & thumb. */
+    colors?: string[];
     /** Tick marks with labels. Clicking a mark snaps to it. */
     marks?: Record<number, React.ReactNode>;
     className?: string;
@@ -27,7 +28,9 @@ interface SliderRangeProps extends SliderBaseProps {
     onChange?: (value: SliderRangeValue) => void;
 }
 type SliderProps = SliderSingleProps | SliderRangeProps;
-/** `Slider` — neumorphic range input with grooved track. */
-declare const Slider: React.FC<SliderProps>;
+/** `Slider` — neumorphic range input with grooved track.
+ * @example <Slider defaultValue={40} showValue />
+ */
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderSingleValue, type SliderValue };
+export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };

package/dist/Slider.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 
-type SliderSingleValue = number;
 type SliderRangeValue = [number, number];
-type SliderValue = SliderSingleValue | SliderRangeValue;
+type SliderValue = number | SliderRangeValue;
 interface SliderBaseProps {
     min?: number;
     max?: number;
@@ -10,6 +9,8 @@ interface SliderBaseProps {
     disabled?: boolean;
     showValue?: boolean;
     tone?: "accent" | "success" | "warning" | "danger";
+    /** Custom gradient colors mapped from min→max. Overrides `tone` for fill & thumb. */
+    colors?: string[];
     /** Tick marks with labels. Clicking a mark snaps to it. */
     marks?: Record<number, React.ReactNode>;
     className?: string;
@@ -27,7 +28,9 @@ interface SliderRangeProps extends SliderBaseProps {
     onChange?: (value: SliderRangeValue) => void;
 }
 type SliderProps = SliderSingleProps | SliderRangeProps;
-/** `Slider` — neumorphic range input with grooved track. */
-declare const Slider: React.FC<SliderProps>;
+/** `Slider` — neumorphic range input with grooved track.
+ * @example <Slider defaultValue={40} showValue />
+ */
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderSingleValue, type SliderValue };
+export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };

package/dist/Slider.js

@@ -1,3 +1,3 @@
-export { Slider } from './chunk-QJGKI2BD.js';
+export { Slider } from './chunk-2TZ2R7L2.js';
 //# sourceMappingURL=Slider.js.map
 //# sourceMappingURL=Slider.js.map

package/dist/Table.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var chunkMDQNUKCP_cjs = require('./chunk-MDQNUKCP.cjs');
-require('./chunk-77TZHI76.cjs');
-require('./chunk-T4PI2ZX7.cjs');
-require('./chunk-RQV7SMIZ.cjs');
-require('./chunk-NN7WMXY4.cjs');
-require('./chunk-RZ2E3XEU.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkV6466VMN_cjs = require('./chunk-V6466VMN.cjs');
+require('./chunk-D26YHP2Y.cjs');
+require('./chunk-D3GZSL2B.cjs');
+require('./chunk-WKNVNN2K.cjs');
+require('./chunk-UUY7EDVJ.cjs');
+require('./chunk-3XIDJEYR.cjs');
+require('./chunk-3KQKEE5O.cjs');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkMDQNUKCP_cjs.Table; }
+  get: function () { return chunkV6466VMN_cjs.Table; }
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkMDQNUKCP_cjs.TablePro; }
+  get: function () { return chunkV6466VMN_cjs.TablePro; }
 });
 //# sourceMappingURL=Table.cjs.map
 //# sourceMappingURL=Table.cjs.map

package/dist/Table.js

@@ -1,9 +1,9 @@
-export { Table, TablePro } from './chunk-CTYW42GG.js';
-import './chunk-AESLEYST.js';
-import './chunk-6XZ362VL.js';
-import './chunk-LXNR6TQK.js';
-import './chunk-PKXXR76Q.js';
-import './chunk-V2DIQ3RH.js';
-import './chunk-QOGROEVD.js';
+export { Table, TablePro } from './chunk-JQZFOIX6.js';
+import './chunk-RJNGXR5Y.js';
+import './chunk-XT7RXXOE.js';
+import './chunk-ILVNMES2.js';
+import './chunk-4ADDAZK3.js';
+import './chunk-ANAQER3T.js';
+import './chunk-X3JG3IR6.js';
 //# sourceMappingURL=Table.js.map
 //# sourceMappingURL=Table.js.map

package/dist/Tag.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkRQV7SMIZ_cjs = require('./chunk-RQV7SMIZ.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkWKNVNN2K_cjs = require('./chunk-WKNVNN2K.cjs');
+require('./chunk-3KQKEE5O.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkRQV7SMIZ_cjs.Badge; }
+  get: function () { return chunkWKNVNN2K_cjs.Badge; }
 });
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
-  get: function () { return chunkRQV7SMIZ_cjs.Tag; }
+  get: function () { return chunkWKNVNN2K_cjs.Tag; }
 });
 //# sourceMappingURL=Tag.cjs.map
 //# sourceMappingURL=Tag.cjs.map

package/dist/Tag.js

@@ -1,4 +1,4 @@
-export { Badge, Tag } from './chunk-LXNR6TQK.js';
-import './chunk-QOGROEVD.js';
+export { Badge, Tag } from './chunk-ILVNMES2.js';
+import './chunk-X3JG3IR6.js';
 //# sourceMappingURL=Tag.js.map
 //# sourceMappingURL=Tag.js.map

package/dist/Timeline-RHZAZKZ7.css

@@ -0,0 +1,136 @@
+.timeline {
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  color: var(--fg);
+}
+
+/* ---- Item layout ---- */
+.timeline-item {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  gap: 0 var(--gap-3);
+  min-height: 60px;
+  position: relative;
+}
+
+/* Left mode: label hidden, content on right */
+.timeline-left .timeline-item-label {
+  display: none;
+}
+.timeline-left .timeline-item {
+  grid-template-columns: auto 1fr;
+}
+
+/* Right mode: content on left, label hidden */
+.timeline-right .timeline-item-label {
+  display: none;
+}
+.timeline-right .timeline-item {
+  grid-template-columns: 1fr auto;
+  direction: rtl;
+}
+.timeline-right .timeline-item-content,
+.timeline-right .timeline-item-head {
+  direction: ltr;
+}
+
+/* Alternate mode */
+.timeline-alternate .timeline-item-left .timeline-item-label {
+  text-align: right;
+  color: var(--fg-muted);
+}
+.timeline-alternate .timeline-item-left .timeline-item-content {
+  text-align: left;
+}
+.timeline-alternate .timeline-item-right .timeline-item-label {
+  text-align: left;
+}
+.timeline-alternate .timeline-item-right .timeline-item-content {
+  text-align: right;
+  color: var(--fg-muted);
+}
+.timeline-alternate .timeline-item-right {
+  direction: rtl;
+}
+.timeline-alternate .timeline-item-right .timeline-item-head,
+.timeline-alternate .timeline-item-right .timeline-item-content,
+.timeline-alternate .timeline-item-right .timeline-item-label {
+  direction: ltr;
+}
+
+/* ---- Head (dot + tail) ---- */
+.timeline-item-head {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+
+.timeline-item-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: var(--r-pill);
+  box-shadow: var(--neu-out-sm);
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+  margin-top: 4px;
+}
+
+.timeline-item-dot.accent { background: var(--accent); }
+.timeline-item-dot.success { background: var(--success); }
+.timeline-item-dot.warning { background: var(--warning); }
+.timeline-item-dot.danger { background: var(--danger); }
+.timeline-item-dot.info { background: var(--info); }
+.timeline-item-dot.muted { background: var(--fg-subtle); }
+
+/* Pending dot: clear default fill, Spinner handles its own visuals */
+.timeline-item-dot.pending {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+.timeline-item-tail {
+  width: 2px;
+  flex: 1;
+  background: var(--divider);
+  margin-top: var(--gap-1);
+  margin-bottom: 0;
+  border-radius: 1px;
+}
+
+/* ---- Content ---- */
+.timeline-item-content {
+  padding-bottom: var(--gap-5);
+  line-height: 1.6;
+}
+.timeline-item-last .timeline-item-content {
+  padding-bottom: 0;
+}
+
+.timeline-item-label {
+  padding-bottom: var(--gap-5);
+  line-height: 1.6;
+  color: var(--fg-muted);
+  font-size: 13px;
+}
+
+/* ---- Pending animation ---- */
+.timeline-item-pending .timeline-item-content {
+  color: var(--fg-muted);
+}
+
+/* When dot has custom content (Spinner / Icon), expand to fit */
+.timeline-item-dot:has(> *) {
+  width: auto;
+  height: auto;
+  background: transparent !important;
+  box-shadow: none;
+  border-radius: 0;
+  border: none;
+}

package/dist/Timeline.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkTAYFI4RG_cjs = require('./chunk-TAYFI4RG.cjs');
+require('./chunk-XUT2Z2L6.cjs');
+
+
+
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return chunkTAYFI4RG_cjs.Timeline; }
+});
+//# sourceMappingURL=Timeline.cjs.map
+//# sourceMappingURL=Timeline.cjs.map

package/dist/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Timeline.cjs"}

package/dist/Timeline.d.cts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface TimelineItemConfig {
+    /** Unique key for the item */
+    key?: string;
+    /** Content displayed on the right (or main side) */
+    children?: React.ReactNode;
+    /** Label displayed on the opposite side (alternate/label mode) */
+    label?: React.ReactNode;
+    /** Dot color */
+    color?: "accent" | "success" | "warning" | "danger" | "info" | "muted";
+    /** Custom dot content (replaces default dot) */
+    dot?: React.ReactNode;
+}
+interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Timeline items */
+    items: TimelineItemConfig[];
+    /**
+     * Show a pending (loading) item at the end.
+     * `true` renders a default spinner; a ReactNode renders custom content.
+     */
+    pending?: boolean | React.ReactNode;
+    /** Text shown as the pending item's content */
+    pendingContent?: React.ReactNode;
+    /** Layout mode */
+    mode?: "left" | "right" | "alternate";
+    /** Reverse the order of items */
+    reverse?: boolean;
+}
+/**
+ * `Timeline` — vertical timeline with pending/loading state.
+ *
+ * @example
+ * <Timeline items={[{ children: "Created" }, { children: "In Progress" }]} pending />
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Timeline, type TimelineItemConfig, type TimelineProps };

package/dist/Timeline.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface TimelineItemConfig {
+    /** Unique key for the item */
+    key?: string;
+    /** Content displayed on the right (or main side) */
+    children?: React.ReactNode;
+    /** Label displayed on the opposite side (alternate/label mode) */
+    label?: React.ReactNode;
+    /** Dot color */
+    color?: "accent" | "success" | "warning" | "danger" | "info" | "muted";
+    /** Custom dot content (replaces default dot) */
+    dot?: React.ReactNode;
+}
+interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Timeline items */
+    items: TimelineItemConfig[];
+    /**
+     * Show a pending (loading) item at the end.
+     * `true` renders a default spinner; a ReactNode renders custom content.
+     */
+    pending?: boolean | React.ReactNode;
+    /** Text shown as the pending item's content */
+    pendingContent?: React.ReactNode;
+    /** Layout mode */
+    mode?: "left" | "right" | "alternate";
+    /** Reverse the order of items */
+    reverse?: boolean;
+}
+/**
+ * `Timeline` — vertical timeline with pending/loading state.
+ *
+ * @example
+ * <Timeline items={[{ children: "Created" }, { children: "In Progress" }]} pending />
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Timeline, type TimelineItemConfig, type TimelineProps };

package/dist/Timeline.js

@@ -0,0 +1,4 @@
+export { Timeline } from './chunk-S3NIRNWM.js';
+import './chunk-GR5STMOA.js';
+//# sourceMappingURL=Timeline.js.map
+//# sourceMappingURL=Timeline.js.map

package/dist/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Timeline.js"}