@fangxinyan/lumina 0.6.6 → 0.6.8

package/dist/{Timeline-ZIM7QFQC.css → Timeline-CRFZ3I2W.css}

@@ -11,6 +11,7 @@
   grid-template-columns: 1fr auto 1fr;
   gap: 0 var(--gap-3);
   min-height: 60px;
+  min-width: 0;
   position: relative;
 }
 
@@ -78,7 +79,7 @@
   justify-content: center;
   position: relative;
   z-index: 1;
-  margin-top: 4px;
+  margin-top: var(--timeline-dot-offset, 4px);
 }
 
 .timeline-item-dot.accent { background: var(--accent); }
@@ -108,6 +109,7 @@
 .timeline-item-content {
   padding-bottom: var(--gap-5);
   line-height: 1.6;
+  min-width: var(--timeline-content-min-width, 0);
 }
 .timeline-item-last .timeline-item-content {
   padding-bottom: 0;
@@ -118,6 +120,7 @@
   line-height: 1.6;
   color: var(--fg-muted);
   font-size: 13px;
+  min-width: 0;
 }
 
 /* ---- Pending animation ---- */

package/dist/Timeline.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkBJ6WUVEG_cjs = require('./chunk-BJ6WUVEG.cjs');
-require('./chunk-SG42F5VB.cjs');
+var chunkGT34KAMX_cjs = require('./chunk-GT34KAMX.cjs');
+require('./chunk-MZCKPLHQ.cjs');
 
 
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkBJ6WUVEG_cjs.Timeline; }
+  get: function () { return chunkGT34KAMX_cjs.Timeline; }
 });

package/dist/Timeline.d.cts

@@ -11,6 +11,22 @@ interface TimelineItemConfig {
     color?: "accent" | "success" | "warning" | "danger" | "info" | "muted";
     /** Custom dot content (replaces default dot) */
     dot?: React.ReactNode;
+    /** Class name forwarded to the item wrapper. */
+    className?: string;
+    /** Inline style forwarded to the item wrapper. */
+    style?: React.CSSProperties;
+    /** Class name forwarded to the content wrapper. */
+    contentClassName?: string;
+    /** Inline style forwarded to the content wrapper. */
+    contentStyle?: React.CSSProperties;
+    /** Class name forwarded to the dot wrapper. */
+    dotClassName?: string;
+    /** Inline style forwarded to the dot wrapper. */
+    dotStyle?: React.CSSProperties;
+    /** Class name forwarded to the label wrapper. */
+    labelClassName?: string;
+    /** Inline style forwarded to the label wrapper. */
+    labelStyle?: React.CSSProperties;
 }
 interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /** Timeline items */
@@ -26,6 +42,28 @@ interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     mode?: "left" | "right" | "alternate";
     /** Reverse the order of items */
     reverse?: boolean;
+    /** Class name forwarded to every item wrapper. */
+    itemClassName?: string;
+    /** Inline style forwarded to every item wrapper. */
+    itemStyle?: React.CSSProperties;
+    /** Class name forwarded to every content wrapper. */
+    contentClassName?: string;
+    /** Inline style forwarded to every content wrapper. */
+    contentStyle?: React.CSSProperties;
+    /** Minimum width for every content wrapper. Defaults to `0` so flex/grid children can shrink. */
+    contentMinWidth?: React.CSSProperties["minWidth"];
+    /** Class name forwarded to every dot wrapper. */
+    dotClassName?: string;
+    /** Inline style forwarded to every dot wrapper. */
+    dotStyle?: React.CSSProperties;
+    /** Vertical offset for the dot. */
+    dotOffset?: React.CSSProperties["marginTop"];
+    /** Cross-axis dot alignment inside the head column. */
+    dotAlign?: "start" | "center" | "end";
+    /** Class name forwarded to every label wrapper. */
+    labelClassName?: string;
+    /** Inline style forwarded to every label wrapper. */
+    labelStyle?: React.CSSProperties;
 }
 /**
  * `Timeline` — vertical timeline with pending/loading state.

package/dist/Timeline.d.ts

@@ -11,6 +11,22 @@ interface TimelineItemConfig {
     color?: "accent" | "success" | "warning" | "danger" | "info" | "muted";
     /** Custom dot content (replaces default dot) */
     dot?: React.ReactNode;
+    /** Class name forwarded to the item wrapper. */
+    className?: string;
+    /** Inline style forwarded to the item wrapper. */
+    style?: React.CSSProperties;
+    /** Class name forwarded to the content wrapper. */
+    contentClassName?: string;
+    /** Inline style forwarded to the content wrapper. */
+    contentStyle?: React.CSSProperties;
+    /** Class name forwarded to the dot wrapper. */
+    dotClassName?: string;
+    /** Inline style forwarded to the dot wrapper. */
+    dotStyle?: React.CSSProperties;
+    /** Class name forwarded to the label wrapper. */
+    labelClassName?: string;
+    /** Inline style forwarded to the label wrapper. */
+    labelStyle?: React.CSSProperties;
 }
 interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /** Timeline items */
@@ -26,6 +42,28 @@ interface TimelineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     mode?: "left" | "right" | "alternate";
     /** Reverse the order of items */
     reverse?: boolean;
+    /** Class name forwarded to every item wrapper. */
+    itemClassName?: string;
+    /** Inline style forwarded to every item wrapper. */
+    itemStyle?: React.CSSProperties;
+    /** Class name forwarded to every content wrapper. */
+    contentClassName?: string;
+    /** Inline style forwarded to every content wrapper. */
+    contentStyle?: React.CSSProperties;
+    /** Minimum width for every content wrapper. Defaults to `0` so flex/grid children can shrink. */
+    contentMinWidth?: React.CSSProperties["minWidth"];
+    /** Class name forwarded to every dot wrapper. */
+    dotClassName?: string;
+    /** Inline style forwarded to every dot wrapper. */
+    dotStyle?: React.CSSProperties;
+    /** Vertical offset for the dot. */
+    dotOffset?: React.CSSProperties["marginTop"];
+    /** Cross-axis dot alignment inside the head column. */
+    dotAlign?: "start" | "center" | "end";
+    /** Class name forwarded to every label wrapper. */
+    labelClassName?: string;
+    /** Inline style forwarded to every label wrapper. */
+    labelStyle?: React.CSSProperties;
 }
 /**
  * `Timeline` — vertical timeline with pending/loading state.

package/dist/Timeline.js

@@ -1,2 +1,2 @@
-export { Timeline } from './chunk-OQU3TJCF.js';
-import './chunk-Y5F7ZTBH.js';
+export { Timeline } from './chunk-7IWYBQAE.js';
+import './chunk-3GJZRYTD.js';

package/dist/Tooltip.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkRIUDYPRB_cjs = require('./chunk-RIUDYPRB.cjs');
+var chunkFJHFUES7_cjs = require('./chunk-FJHFUES7.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkRIUDYPRB_cjs.Tooltip; }
+  get: function () { return chunkFJHFUES7_cjs.Tooltip; }
 });

package/dist/Tooltip.js

@@ -1,2 +1,2 @@
-export { Tooltip } from './chunk-SFAGHPBT.js';
+export { Tooltip } from './chunk-TWJAYAK2.js';
 import './chunk-DUFRASGO.js';

package/dist/Typography.cjs

@@ -1,28 +1,28 @@
 'use strict';
 
-var chunkYU5JK247_cjs = require('./chunk-YU5JK247.cjs');
+var chunkVUTCNATX_cjs = require('./chunk-VUTCNATX.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-6LARTGLP.cjs');
+require('./chunk-GJAEGIPM.cjs');
 
 
 
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () { return chunkYU5JK247_cjs.Link; }
+  get: function () { return chunkVUTCNATX_cjs.Link; }
 });
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
-  get: function () { return chunkYU5JK247_cjs.Paragraph; }
+  get: function () { return chunkVUTCNATX_cjs.Paragraph; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunkYU5JK247_cjs.Text; }
+  get: function () { return chunkVUTCNATX_cjs.Text; }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function () { return chunkYU5JK247_cjs.Title; }
+  get: function () { return chunkVUTCNATX_cjs.Title; }
 });
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
-  get: function () { return chunkYU5JK247_cjs.Typography; }
+  get: function () { return chunkVUTCNATX_cjs.Typography; }
 });

package/dist/Typography.js

@@ -1,3 +1,3 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-5JNDDWFZ.js';
+export { Link, Paragraph, Text, Title, Typography } from './chunk-NUF3EA7T.js';
 import './chunk-DUFRASGO.js';
-import './chunk-YT5NLCRC.js';
+import './chunk-SNX4FZYB.js';

package/dist/{chunk-MOMLQP7B.cjs → chunk-2EY34PPA.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-EF34LSWI.css');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Progress-CZNXCYGW.css');
 var React = require('react');

package/dist/{chunk-IHK2FRTS.cjs → chunk-2LM5UYNU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-EF34LSWI.css');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Tabs-X5U5PCPV.css');
 var React = require('react');

package/dist/{chunk-Y5F7ZTBH.js → chunk-3GJZRYTD.js}

@@ -1,4 +1,4 @@
-import './tokens-EF34LSWI.css';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Spin-GONGPV4Q.css';
 import * as React from 'react';

package/dist/{chunk-D5PCIVID.cjs → chunk-3HPHQV2L.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkVAXWWJJP_cjs = require('./chunk-VAXWWJJP.cjs');
-require('./tokens-EF34LSWI.css');
+var chunk7OYMY22O_cjs = require('./chunk-7OYMY22O.cjs');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./CommandPalette-RTKWNH2D.css');
 var React = require('react');
@@ -149,7 +149,7 @@ var CommandPalette = React__namespace.forwardRef(({
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVAXWWJJP_cjs.Input,
+            chunk7OYMY22O_cjs.Input,
             {
               ref: inputRef,
               size: "lg",

package/dist/{chunk-DYHNOYRC.cjs → chunk-3NSBPQBT.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
-require('./tokens-EF34LSWI.css');
+var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Image-SGSRTHQX.css');
 var React = require('react');
@@ -97,10 +97,10 @@ var Image = React__namespace.forwardRef(({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "image", size: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "image", size: 28 }) }),
           canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "eye", size: 14 }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
@@ -111,10 +111,10 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: () => setOpen(true),
                   "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "eye", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "eye", size: 13 })
                 }
               ),
-              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "download", size: 13 }) })
+              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "download", size: 13 }) })
             ] })
           ] })
         ] })

package/dist/{chunk-LI4XJTEA.js → chunk-3VXBSLPT.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-XVP7IKLZ.js';
-import { Icon } from './chunk-YT5NLCRC.js';
-import './tokens-EF34LSWI.css';
+import { Input } from './chunk-QDXBI3PV.js';
+import { Icon } from './chunk-SNX4FZYB.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './InputNumber-VXQIWLQC.css';
 import * as React from 'react';

package/dist/{chunk-YVTLHTG6.js → chunk-44WHEN76.js}

@@ -1,4 +1,4 @@
-import './tokens-EF34LSWI.css';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Progress-CZNXCYGW.css';
 import * as React from 'react';

package/dist/{chunk-NT6CJYI3.cjs → chunk-4LOOWTRX.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
-var chunkN2COYOXE_cjs = require('./chunk-N2COYOXE.cjs');
-require('./tokens-EF34LSWI.css');
+var chunkDGB6KVU3_cjs = require('./chunk-DGB6KVU3.cjs');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Surface-UDDN3DGL.css');
 var React = require('react');
@@ -71,7 +71,7 @@ var Surface = React__namespace.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const inherited = chunkN2COYOXE_cjs.useThemeOptional();
+    const inherited = chunkDGB6KVU3_cjs.useThemeOptional();
     const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
     const usesLocalTheme = preset !== "inherit" || isDefined(mode) || isDefined(colorScheme) || isDefined(accent) || isDefined(density) || isDefined(intensity) || isDefined(themeRadius) || isDefined(font) || isDefined(tokens) || isDefined(themes);
     const cls = [
@@ -98,7 +98,7 @@ var Surface = React__namespace.forwardRef(
     );
     if (!usesLocalTheme) return surfaceNode;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkN2COYOXE_cjs.ThemeProvider,
+      chunkDGB6KVU3_cjs.ThemeProvider,
       {
         target: "scope",
         as: "div",

package/dist/{chunk-U2H4DRMV.cjs → chunk-4N64ZL5M.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-EF34LSWI.css');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./List-LSMU5QAC.css');
 var React = require('react');

package/dist/{chunk-6XVLERA3.cjs → chunk-5C3ZSOKF.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-EF34LSWI.css');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./StatusBar-FJKEEPXU.css');
 var React = require('react');

package/dist/{chunk-2ZFJTMEF.js → chunk-5CWTC3I2.js}

@@ -1,6 +1,6 @@
-import { Select } from './chunk-7D76MI37.js';
-import { Icon } from './chunk-YT5NLCRC.js';
-import './tokens-EF34LSWI.css';
+import { Select } from './chunk-MOLKLUSQ.js';
+import { Icon } from './chunk-SNX4FZYB.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-YSZSNFHG.css';
 import * as React from 'react';

package/dist/{chunk-ZPKHGKVL.cjs → chunk-5KGGB3EH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
-require('./tokens-EF34LSWI.css');
+var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Checkbox-EDNPZRIP.css');
 var React = require('react');
@@ -65,7 +65,7 @@ var Checkbox = React__namespace.forwardRef(({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })

package/dist/{chunk-W5CJC7S7.js → chunk-62RPBEAW.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-YT5NLCRC.js';
-import './tokens-EF34LSWI.css';
+import { Icon } from './chunk-SNX4FZYB.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Message-H222YGR6.css';
 import * as React from 'react';

package/dist/{chunk-NE7IUGMK.js → chunk-64ZQHLHL.js}

@@ -1,5 +1,5 @@
-import { Input } from './chunk-XVP7IKLZ.js';
-import './tokens-EF34LSWI.css';
+import { Input } from './chunk-QDXBI3PV.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './CommandPalette-RTKWNH2D.css';
 import * as React from 'react';

package/dist/{chunk-YJEXAO2I.js → chunk-6VSNO7IH.js}

@@ -1,4 +1,4 @@
-import './tokens-EF34LSWI.css';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Switch-COAQIOMH.css';
 import * as React from 'react';

package/dist/{chunk-3YP7CBJT.js → chunk-762NV3E4.js}

@@ -1,5 +1,5 @@
-import { renderIconSlot, Icon } from './chunk-YT5NLCRC.js';
-import './tokens-EF34LSWI.css';
+import { renderIconSlot, Icon } from './chunk-SNX4FZYB.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Alert-HVPI6L4V.css';
 import * as React from 'react';

package/dist/{chunk-SYWTT5TY.cjs → chunk-76OH42CM.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk6LARTGLP_cjs = require('./chunk-6LARTGLP.cjs');
-require('./tokens-EF34LSWI.css');
+var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
+require('./tokens-RGFJKRC7.css');
 require('./shared-NJHRNLRH.css');
 require('./Tag-G2XWAL7A.css');
 var React = require('react');
@@ -48,7 +48,7 @@ var Tag = React__namespace.forwardRef(({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: cls, ...rest, children: [
     dot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-    chunk6LARTGLP_cjs.renderIconSlot(icon, { size: 11, className: "tag-ico" }),
+    chunkGJAEGIPM_cjs.renderIconSlot(icon, { size: 11, className: "tag-ico" }),
     children,
     removable && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -60,7 +60,7 @@ var Tag = React__namespace.forwardRef(({
           e.stopPropagation();
           onRemove?.();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6LARTGLP_cjs.Icon, { name: "x", size: 11 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "x", size: 11 })
       }
     )
   ] });

package/dist/{chunk-56PHETWO.js → chunk-7DNK5JB2.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-YT5NLCRC.js';
-import './tokens-EF34LSWI.css';
+import { Icon } from './chunk-SNX4FZYB.js';
+import './tokens-RGFJKRC7.css';
 import './shared-NJHRNLRH.css';
 import './Textarea-YHWKHIFE.css';
 import * as React from 'react';

package/dist/chunk-7IWYBQAE.js

@@ -0,0 +1,151 @@
+import { Spin } from './chunk-3GJZRYTD.js';
+import './tokens-RGFJKRC7.css';
+import './shared-NJHRNLRH.css';
+import './Timeline-CRFZ3I2W.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Timeline = React.forwardRef(
+  ({
+    items,
+    pending = false,
+    pendingContent = "\u52A0\u8F7D\u4E2D...",
+    mode = "left",
+    reverse = false,
+    itemClassName,
+    itemStyle,
+    contentClassName,
+    contentStyle,
+    contentMinWidth,
+    dotClassName,
+    dotStyle,
+    dotOffset,
+    dotAlign = "center",
+    labelClassName,
+    labelStyle,
+    className = "",
+    style,
+    ...rest
+  }, ref) => {
+    const displayItems = [...items];
+    if (reverse) displayItems.reverse();
+    const hasPending = pending !== false;
+    const timelineStyle = {
+      ...dotOffset != null ? { "--timeline-dot-offset": toCssSize(dotOffset) } : {},
+      ...contentMinWidth != null ? { "--timeline-content-min-width": toCssSize(contentMinWidth) } : {},
+      ...style
+    };
+    const sharedItemProps = {
+      itemClassName,
+      itemStyle,
+      contentClassName,
+      contentStyle,
+      dotClassName,
+      dotStyle,
+      dotAlign,
+      labelClassName,
+      labelStyle
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: `timeline timeline-${mode} timeline-dot-${dotAlign} ${className}`,
+        style: timelineStyle,
+        ...rest,
+        children: [
+          displayItems.map((item, i) => /* @__PURE__ */ jsx(
+            TimelineItem,
+            {
+              item,
+              isLast: !hasPending && i === displayItems.length - 1,
+              position: getPosition(mode, i),
+              ...sharedItemProps
+            },
+            item.key ?? i
+          )),
+          hasPending && /* @__PURE__ */ jsx(
+            TimelineItem,
+            {
+              item: {
+                children: pendingContent,
+                dot: typeof pending === "boolean" ? void 0 : pending,
+                color: "muted"
+              },
+              isLast: true,
+              isPending: true,
+              position: getPosition(mode, displayItems.length),
+              ...sharedItemProps
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Timeline.displayName = "Timeline";
+function getPosition(mode, index) {
+  if (mode === "left") return "left";
+  if (mode === "right") return "right";
+  return index % 2 === 0 ? "left" : "right";
+}
+var TimelineItem = ({
+  item,
+  isLast,
+  isPending,
+  position,
+  itemClassName,
+  itemStyle,
+  contentClassName,
+  contentStyle,
+  dotClassName,
+  dotStyle,
+  dotAlign,
+  labelClassName,
+  labelStyle
+}) => {
+  const color = item.color ?? "accent";
+  const cls = [
+    "timeline-item",
+    `timeline-item-${position}`,
+    isLast ? "timeline-item-last" : "",
+    isPending ? "timeline-item-pending" : "",
+    itemClassName,
+    item.className
+  ].filter(Boolean).join(" ");
+  const dotCls = [
+    "timeline-item-dot",
+    color,
+    isPending ? "pending" : "",
+    dotClassName,
+    item.dotClassName
+  ].filter(Boolean).join(" ");
+  const dotAlignStyle = dotAlign === "start" ? { alignSelf: "flex-start" } : dotAlign === "end" ? { alignSelf: "flex-end" } : {};
+  return /* @__PURE__ */ jsxs("div", { className: cls, style: { ...itemStyle, ...item.style }, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `timeline-item-label ${labelClassName ?? ""} ${item.labelClassName ?? ""}`,
+        style: { ...labelStyle, ...item.labelStyle },
+        children: item.label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "timeline-item-head", children: [
+      /* @__PURE__ */ jsx("div", { className: dotCls, style: { ...dotAlignStyle, ...dotStyle, ...item.dotStyle }, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spin, { size: 14 })) }),
+      !isLast && /* @__PURE__ */ jsx("div", { className: "timeline-item-tail" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `timeline-item-content ${contentClassName ?? ""} ${item.contentClassName ?? ""}`,
+        style: { ...contentStyle, ...item.contentStyle },
+        children: item.children
+      }
+    )
+  ] });
+};
+function toCssSize(value) {
+  return typeof value === "number" ? `${value}px` : String(value);
+}
+
+export { Timeline };