@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/Timeline/Timeline2.js

@@ -1,368 +1,368 @@
 "use client";
-const e = s;
+const e = h;
 (function(e, t) {
-	let n = s, r = e();
+	let n = h, r = e();
 	for (;;) try {
-		if (-parseInt(n(532)) / 1 + -parseInt(n(520)) / 2 * (-parseInt(n(489)) / 3) + -parseInt(n(523)) / 4 + -parseInt(n(472)) / 5 * (-parseInt(n(519)) / 6) + parseInt(n(471)) / 7 + parseInt(n(565)) / 8 + -parseInt(n(574)) / 9 * (parseInt(n(525)) / 10) == t) break;
+		if (-parseInt(n(573)) / 1 + -parseInt(n(500)) / 2 * (parseInt(n(510)) / 3) + parseInt(n(527)) / 4 * (-parseInt(n(509)) / 5) + -parseInt(n(569)) / 6 * (-parseInt(n(476)) / 7) + -parseInt(n(468)) / 8 + -parseInt(n(470)) / 9 + parseInt(n(529)) / 10 * (parseInt(n(515)) / 11) == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(b, 641370);
+})(d, 404994);
 import { Tooltip as t } from "../../primitives/Tooltip2.js";
 import { Text as n } from "../../primitives/Typography2.js";
 import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
 import { Badge as a, cx as o } from "../../primitives/index.js";
-function s(e, t) {
+import { TimelineScaleContext as s, buildTicks as c, niceStep as l, useTimelineScale as u } from "./scale.js";
+/* empty css         */
+function d() {
+	let e = /* @__PURE__ */ "DMfYkc0TD2fYBMLUzYK.BgLZDa.DMfYkc0Ty2HHCNqTncK.zhmTDgLTzwXPBMvFx2nOAxa.zhmTDgLTzwXPBMuTyMfYx190zxH0.zhmTDgLTzwXPBMuTyMfYx19VDMvY.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50.BgfIzwWTBwq.zhmTDgLTzwXPBMvFx2nVCM5LCG.BMv1DhjHBa.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.DMfYkc0TzgfUz2vYkq.C29Tzq.ntK0mgDVAvvswa.Aw1N.DMfYkc0TywnJzw50lxrLEhqP.zhmTDgLTzwXPBMvFx2XLywrPBMC.nJC0mJiYy0fRDhPy.BM9UlxnJywXPBMCTC3rYB2TL.y2fSyYG.mZKWmJm2meDuELjTvW.y2fSyYH2yxiOls1ZncKGkIa.mtC5mZuYr01suhvl.zhmTDgLTzwXPBMvFx3nY.BgfIzwW.7zIe7j6Sia.C3rYAw5N.zhmTDgLTzwXPBMvFx25VDW.ote3zuP0EwvT.y2HPBgrYzw4.ChjVChm.yMfUza.AxndB21WB3nPBMC.zhmTDgLTzwXPBMvFx2jHBMq.zhmTDgLTzwXPBMvFx2fZAwrL.Bwf4kdjWEcWGy2fSyYG.zw5K.zMXHDe1HCa.Dg9Uzq.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.BM9Uzq.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.DMfYkc0TDgv4Dc0Ykq.Dg9bCNjHEq.zhmTDgLTzwXPBMuTlwnOAxbZ.zhmTDgLTzwXPBMuTlwjHCMu.zhmTDgLTzwXPBMvFx2nVDw50.B3v0BgLUzq.zhmTDgLTzwXPBMuTyMfYx19OAxq.CM93.z2v0.DMfSDwu.mtu1ntCYnNnOq1jOEq.zhmTDgLTzwXPBMvFx3jVDW.zhmTDgLTzwXPBMvFx3j1BgvY.C3zN.rw50zxi.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.BgLZDgL0zw0.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.zhmTDgLTzwXPBMvFx25HBwu.nZeYndmWDKXdyu1H.m0H6uvD6vq.DgfYz2v0.iokaKYa.BwLU.jsaRidfWEcK.mJuZywDXAvjQ.zgfZAgvK.zhmTDgLTzwXPBMvFx2XPBMTZ.iemG.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.DgvYDgLHCNK.BgvUz3rO.zhmTDgLTzwXPBMuTyMfY.C3bHBG.D2fYBMLUzW.AM9PBG.zhmTDgLTzwXPBMu.mJbNshnqz3y.zhmTDgLTzwXPBMvFx2HLywq.mti4mtu0mgrRyKzRqG.C2v0.zhmTDgLTzwXPBMuTyMfYx19MAwXS.zgvMyxvSDa.y2vUDgvY.BgLUzq.zNjVBq.ywnJzw50.Cgf0AcGN.BNvTyMvY.zMLSDgvY.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMvFx21HCMTLCG.y3vYCMvUDfrHCMDLDa.CgvUzgLUzW.yNv0Dg9U.zgL2.zM9YrwfJAa.zhmTDgLTzwXPBMuTyMfYls0.Cgn0.zhmTDgLTzwXPBMvFx2XHyMvS.A2v5.Bwf4.y2fWDgLVBG.C3rHCNq.BwfW.DMfYkc0TzhmTDgLTzwXPBMuT".split(".");
+	return d = function() {
+		return e;
+	}, d();
+}
+import { Children as f, isValidElement as p, useMemo as m } from "react";
+function h(e, t) {
 	e -= 468;
-	let n = b(), r = n[e];
-	s.cBUMey === void 0 && (s.cGtRvZ = function(e) {
+	let n = d(), r = n[e];
+	h.jEqLvh === void 0 && (h.xmworC = function(e) {
 		let t = "", n = "";
 		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
 		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
 		return decodeURIComponent(n);
-	}, s.jEPbGv = {}, s.cBUMey = !0);
+	}, h.obPMMB = {}, h.jEqLvh = !0);
 	let i = n[0];
-	s.oZOtoQ !== i && (s.jEPbGv = {}, s.oZOtoQ = i);
-	let a = s.jEPbGv[e];
-	return a === void 0 ? (r = s.cGtRvZ(r), s.jEPbGv[e] = r) : r = a, r;
+	h.dFYTSE !== i && (h.obPMMB = {}, h.dFYTSE = i);
+	let a = h.obPMMB[e];
+	return a === void 0 ? (r = h.xmworC(r), h.obPMMB[e] = r) : r = a, r;
 }
-import { TimelineScaleContext as c, buildTicks as l, niceStep as u, useTimelineScale as d } from "./scale.js";
-/* empty css         */
-import { Children as f, isValidElement as p, useMemo as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-var v = {
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+var y = {
 	compact: 28,
 	default: 36,
 	comfortable: 56
-}, y = (t = e(547)) => e(524) + t + ")";
-function b() {
-	let e = /* @__PURE__ */ "zhmTDgLTzwXPBMuTyMfYls0.zhmTDgLTzwXPBMuTyMfYx19JB250zw50.BMv1DhjHBa.C2v0.zhmTDgLTzwXPBMvFx2XLywrPBMC.zhmTDgLTzwXPBMuTyMfY.zhmTDgLTzwXPBMuTyMfYx19OAxq.zhmTDgLTzwXPBMuTyMfYx19ZBg90.zgfZAgvK.DMfYkc0TD2fYBMLUzYK.A2v5.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.C3bHBG.zhmTDgLTzwXPBMvFx2fZAwrL.B3v0BgLUzq.DgvYDgLHCNK.BgfIzwWTC20.DMfYkc0Ty2HHCNqTncK.7zIe7j6Sia.CgvUzgLUzW.otuWmZK5mKHquMzgCW.iokaKYa.Aw1N.AxndB21WB3nPBMC.mcaWideWmca.Cgf0AcGN.zhmTDgLTzwXPBMvFx2nOAxa.Bwf4kdjWEcWGy2fSyYG.DMfSDwu.mtu1ntGZounsC0PVAa.zhmTDgLTzwXPBMuTyMfYx19SzwfKAw5N.zhmTDgLTzwXPBMvFx3jVDW.z3jVDxa.BgLUzq.nZe4mdC3nxzJsxzzza.mZu1zhDVvurg.C3rYAw5N.CM93.zhmTDgLTzwXPBMvFx3rPy2S.zhmTDgLTzwXPBMvFx2XPBMTZ.Dhj1zq.BwfW.BgfIzwW.ChjVChm.zhmTDgLTzwXPBMvFx2jHBMq.AM9PBG.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.7kEe7zAjioYKKq.iemG.zhmTDgLTzwXPBMuTyMfYx19MAwXS.zhmTDgLTzwXPBMvFx2HLywq.ywnJzw50.mJa3mJm2mvHcAhjbwa.BNvTyMvY.zgL2.y2HPBgrYzw4.zMLSDgvY.yNv0Dg9U.zhmTDgLTzwXPBMuTyMfYx190zxH0.C3zN.BgfIzwXtAwrL.Bwf4.Cgn0.zhmTDgLTzwXPBMvFx25VDY1JAgLW.ChjLDMvUDerLzMf1Bhq.zhmTDgLTzwXPBMuTlwnOAxbZ.Dg9Uzq.Dg9gAxHLza.yMfUza.Cgf0Aa.BgLZDa.zw5K.zhmTDgLTzwXPBMuTyMfYx19VDMvY.DMfYkc0TywnJzw50lxrLEhqP.C3rHCNq.BMf0AxzLrxzLBNq.y2fSyYH2yxiOls1ZncKGkIa.BwLU.DMfYkc0TC3vJy2vZCYK.DgfYz2v0.DMfYkc0TzgfUz2vYkq.BgvUz3rO.mta2odCYvuHhyKHw.mNvrD1nYBG.rw50zxi.jsaTidjWEcKP.mZy1nJu3mNPvvu5dAa.DMfYkc0TzhmTDgLTzwXPBMuT.mteWyxfUBNfm.BM9UlxnJywXPBMCTC3rYB2TL.zhmTDgLTzwXPBMvFx3jVD3m.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.zM9YrwfJAa.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TyMfJAW.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.nZeYmty5qwDbCg9l.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50.BgfIzwWTBwq.zNjVBq.y2vUDgvY.uhjVDMLKzxi.zMXHDe1HCa.y2fWDgLVBG.zhmTDgLTzwXPBMvFx3nY.D2fYBMLUzW.zhmTDgLTzwXPBMvFx25VDW.zhmTDgLTzwXPBMvFx2XHyMvS.zhmTDgLTzwXPBMvFx2XPBMS".split(".");
-	return b = function() {
-		return e;
-	}, b();
-}
+}, b = (t = e(565)) => e(555) + t + ")";
 function x(t) {
 	let n = e, r = /* @__PURE__ */ new Map();
-	return t[n(529)]((e, t) => {
+	return t[n(546)]((e, t) => {
 		let i = n;
-		p(e) && f[i(529)](e[i(480)][i(492)], (e) => {
+		p(e) && f[i(546)](e[i(478)][i(477)], (e) => {
 			let n = i;
 			if (!p(e)) return;
-			let { id: a, start: o, end: s } = e.props;
-			typeof a === n(473) && typeof o == "number" && typeof s === n(490) && r[n(548)](a, {
+			let { id: a, start: o, end: s } = e[n(478)];
+			typeof a === n(474) && typeof o === n(538) && typeof s == "number" && r[n(530)](a, {
 				start: Math.min(o, s),
-				end: Math[n(498)](o, s),
+				end: Math[n(551)](o, s),
 				row: t
 			});
 		});
 	}), r;
 }
-function S({ min: t = 0, max: r, step: i, ticks: s, formatTick: d = String, grid: p = !0, now: h, nowLabel: b, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = "default", rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
+function S({ min: t = 0, max: r, step: i, ticks: u, formatTick: d = String, grid: p = !0, now: h, nowLabel: g, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = "default", rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
 	let P = e, F = r - t, I = m(() => ({
 		min: t,
 		max: r,
-		pct: (e) => F > 0 ? Math[P(498)](0, Math[P(514)](100, (e - t) / F * 100)) : 0,
+		pct: (e) => F > 0 ? Math[P(551)](0, Math[P(513)](100, (e - t) / F * 100)) : 0,
 		formatValue: d
 	}), [
 		t,
 		r,
 		F,
 		d
-	]), L = m(() => s ?? l(t, r, i ?? u(F, 6)), [
-		s,
+	]), L = m(() => u ?? c(t, r, i ?? l(F, 6)), [
+		u,
 		t,
 		r,
 		i,
 		F
-	]), R = C.some((e) => e.label != null), z = k ?? v[O], B = h !== void 0 && b != null, V = h === void 0 ? 0 : I[P(499)](h), H = w?.[P(518)] ? f.toArray(N) : [], U = H[P(518)] * z, W = H[P(518)] ? x(H) : null, G = (e) => Number(e[P(504)](3)), K = (w ?? [])[P(538)]((e) => {
-		let t = P, n = W?.get(e.from), r = W?.get(e.to);
+	]), R = C[P(568)]((e) => e[P(472)] != null), z = k ?? y[O], B = h !== void 0 && g != null, V = h === void 0 ? 0 : I[P(548)](h), H = w?.length ? f[P(491)](N) : [], U = H[P(521)] * z, W = H[P(521)] ? x(H) : null, G = (e) => Number(e.toFixed(3)), K = (w ?? [])[P(485)]((e) => {
+		let t = P, n = W?.[t(498)](e[t(535)]), r = W?.get(e.to);
 		if (!n || !r) return [];
-		let i = I[t(499)](n.end), a = I.pct(r[t(511)]), o = n[t(474)] * z + z / 2, s = r.row * z + z / 2, c = Math[t(498)](1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(485) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(503)] ?? "accent";
+		let i = I[t(548)](n.end), a = I[t(548)](r.start), o = n[t(497)] * z + z / 2, s = r.row * z + z / 2, c = Math.max(1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(518) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(486)] ?? t(536);
 		return [{
 			key: e[t(535)] + "→" + e.to,
 			tone: u,
 			d: l
 		}];
 	});
-	return g(c[P(537)], {
+	return _(s.Provider, {
 		value: I,
-		children: _(P(491), {
-			role: P(469),
+		children: v(P(545), {
+			role: "group",
 			"aria-label": A,
-			className: o("ds-timeline", "ds-timeline--" + O, T === 0 && "ds-timeline--bare", R && P(502), j),
+			className: o(P(526), "ds-timeline--" + O, T === 0 && P(493), R && P(492), j),
 			style: {
 				"--_label": T + "px",
 				"--_row": z + "px",
 				...M
 			},
 			children: [
-				_(P(491), {
-					className: P(530),
+				v(P(545), {
+					className: "ds-timeline__layer ds-timeline__layer--back",
 					"aria-hidden": !0,
 					children: [
-						p && L[P(478)]((e) => g(P(557), {
-							className: "ds-timeline__gridline",
-							style: { left: I[P(499)](e) + "%" }
+						p && L.map((e) => _("span", {
+							className: P(566),
+							style: { left: I[P(548)](e) + "%" }
 						}, e)),
-						C[P(478)]((e, t) => e.band !== void 0 && g("span", {
+						C[P(554)]((e, t) => e.band !== void 0 && _(P(523), {
 							className: P(481),
 							style: {
-								left: I[P(499)](Math[P(514)](e[P(573)], e[P(505)])) + "%",
-								width: I.pct(Math[P(498)](e.value, e.band)) - I[P(499)](Math.min(e.value, e[P(505)])) + "%",
-								"--_c": y(e[P(503)])
+								left: I[P(548)](Math[P(513)](e.value, e.band)) + "%",
+								width: I[P(548)](Math[P(551)](e[P(499)], e.band)) - I[P(548)](Math[P(513)](e[P(499)], e[P(479)])) + "%",
+								"--_c": b(e.tone)
 							}
 						}, t)),
-						K[P(518)] > 0 && g(P(496), {
-							className: P(476),
-							viewBox: P(569) + U,
-							preserveAspectRatio: "none",
+						K[P(521)] > 0 && _(P(503), {
+							className: P(517),
+							viewBox: "0 0 100 " + U,
+							preserveAspectRatio: P(488),
 							style: { height: U },
-							children: K.map((e) => g(P(506), {
-								className: P(544),
+							children: K[P(554)]((e) => _("path", {
+								className: "ds-timeline__link",
 								d: e.d,
-								vectorEffect: P(526),
+								vectorEffect: P(574),
 								style: {
-									d: P(570) + e.d + "')",
-									"--_c": y(e[P(503)])
+									d: P(537) + e.d + "')",
+									"--_c": b(e[P(486)])
 								}
-							}, e[P(555)]))
+							}, e[P(550)]))
 						})
 					]
 				}),
-				_("div", {
-					className: P(487),
+				v(P(545), {
+					className: P(528),
 					"aria-hidden": !0,
-					children: [g(P(491), {
-						className: "ds-timeline__corner",
-						children: E != null && g(n, {
-							variant: P(539),
-							tone: P(560),
+					children: [_(P(545), {
+						className: P(564),
+						children: E != null && _(n, {
+							variant: P(552),
+							tone: P(520),
 							truncate: !0,
 							children: E
 						})
-					}), _(P(491), {
-						className: "ds-timeline__ruler",
-						children: [L.map((e) => B && e === h ? null : g(P(557), {
-							className: P(475),
-							"data-edge": e <= t ? P(511) : e >= r ? P(508) : void 0,
-							style: { left: I[P(499)](e) + "%" },
+					}), v(P(545), {
+						className: P(502),
+						children: [L[P(554)]((e) => B && e === h ? null : _(P(523), {
+							className: "ds-timeline__tick",
+							"data-edge": e <= t ? P(553) : e >= r ? P(484) : void 0,
+							style: { left: I[P(548)](e) + "%" },
 							children: d(e)
-						}, e)), B && g(P(557), {
-							className: P(500),
-							"data-edge": V >= 96 ? "end" : V <= 4 ? P(511) : void 0,
+						}, e)), B && _(P(523), {
+							className: "ds-timeline__now-chip",
+							"data-edge": V >= 96 ? P(484) : V <= 4 ? P(553) : void 0,
 							style: { left: V + "%" },
-							children: g(a, {
-								tone: P(488),
+							children: _(a, {
+								tone: P(536),
 								size: "sm",
-								children: b
+								children: g
 							})
 						})]
 					})]
 				}),
-				D != null && g(P(491), {
-					className: P(558),
+				D != null && _("div", {
+					className: P(482),
 					children: D
 				}),
-				g("div", {
-					className: P(527),
-					role: P(507),
+				_(P(545), {
+					className: "ds-timeline__rows",
+					role: P(557),
 					children: N
 				}),
-				_(P(491), {
-					className: P(483),
+				v("div", {
+					className: P(519),
 					"aria-hidden": !0,
-					children: [C[P(478)]((e, t) => g("span", {
-						className: "ds-timeline__marker",
-						"data-line": e[P(470)] ?? P(553),
+					children: [C[P(554)]((e, t) => _(P(523), {
+						className: P(541),
+						"data-line": e[P(534)] ?? P(516),
 						style: {
-							left: I[P(499)](e.value) + "%",
-							"--_c": y(e[P(503)])
+							left: I[P(548)](e[P(499)]) + "%",
+							"--_c": b(e[P(486)])
 						},
-						children: e.label != null && g(P(557), {
-							className: P(571),
-							"data-side": e[P(497)] ?? P(536),
-							children: g(a, {
-								tone: e[P(503)] ?? P(547),
+						children: e[P(472)] != null && _(P(523), {
+							className: P(559),
+							"data-side": e.labelSide ?? P(533),
+							children: _(a, {
+								tone: e[P(486)] ?? "neutral",
 								square: !0,
-								children: e[P(479)]
+								children: e.label
 							})
 						})
-					}, t)), h !== void 0 && S && g("span", {
-						className: P(542),
+					}, t)), h !== void 0 && S && _(P(523), {
+						className: P(475),
 						"data-chip": B || void 0,
 						style: { left: V + "%" }
 					})]
 				}),
-				(h !== void 0 || R) && _(P(557), {
-					className: P(540),
-					children: [h !== void 0 && P(563) + d(h) + ". ", C[P(493)]((e) => typeof e[P(479)] === P(473))[P(478)]((e) => e[P(479)] + ".").join(" ")]
+				(h !== void 0 || R) && v(P(523), {
+					className: "ds-timeline__sr",
+					children: [h !== void 0 && P(473) + d(h) + ". ", C[P(539)]((e) => typeof e[P(472)] == "string")[P(554)]((e) => e[P(472)] + ".")[P(525)](" ")]
 				})
 			]
 		})
 	});
 }
-function C({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: h, className: v, style: y }) {
-	let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(473) || typeof t == "number" ? g(n, {
-		variant: b(x ? 534 : 561),
-		tone: f ? b(560) : "default",
+function C({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: h, className: g, style: y }) {
+	let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(474) || typeof t === b(538) ? _(n, {
+		variant: x ? b(563) : "label-sm",
+		tone: f ? "tertiary" : b(532),
 		truncate: !0,
-		className: "ds-timeline__name",
+		className: b(508),
 		children: t
 	}) : t, C = m ? (e) => {
 		let t = b;
-		e[t(516)] !== e.currentTarget || e[t(512)][t(568)] || (e[t(555)] === t(521) || e[t(555)] === " ") && (e[t(501)](), m());
+		e[t(511)] !== e[t(542)] || e.nativeEvent[t(480)] || (e.key === t(504) || e[t(550)] === " ") && (e.preventDefault(), m());
 	} : void 0;
-	return _(b(491), {
-		role: "listitem",
-		className: o(b(468), v),
+	return v("div", {
+		role: b(506),
+		className: o(b(501), g),
 		"data-faded": f || void 0,
 		"data-selected": p || void 0,
 		"data-selectable": m || p !== void 0 ? !0 : void 0,
 		tabIndex: m ? 0 : void 0,
-		"aria-current": p ? b(477) : void 0,
+		"aria-current": p ? "true" : void 0,
 		onClick: m,
 		onKeyDown: C,
 		style: y,
-		children: [g(b(491), {
-			className: b(543),
-			style: d ? { paddingInlineStart: b(513) + d + ")" } : void 0,
-			children: x ? _(r, {
+		children: [_(b(545), {
+			className: b(549),
+			style: d ? { paddingInlineStart: b(469) + d + ")" } : void 0,
+			children: x ? v(r, {
 				gap: 3,
 				wrap: !1,
-				className: "ds-timeline__label-body",
+				className: b(540),
 				children: [
-					s != null && g("span", {
-						className: b(549),
+					s != null && _(b(523), {
+						className: b(572),
 						children: s
 					}),
-					_(i, {
+					v(i, {
 						gap: 0,
-						className: b(528),
-						children: [_(r, {
+						className: b(487),
+						children: [v(r, {
 							gap: 2,
 							wrap: !1,
 							children: [S, l]
-						}), c != null && g(n, {
-							variant: b(539),
-							tone: b(560),
+						}), c != null && _(n, {
+							variant: b(552),
+							tone: b(520),
 							truncate: !0,
 							children: c
 						})]
 					}),
-					u != null && g(a, {
+					u != null && _(a, {
 						size: "sm",
 						square: !0,
-						className: "ds-timeline__count",
-						children: typeof u === b(490) ? "+" + u : u
+						className: b(494),
+						children: typeof u === b(538) ? "+" + u : u
 					})
 				]
 			}) : S
-		}), g(b(491), {
+		}), _(b(545), {
 			className: "ds-timeline__track",
 			children: h
 		})]
 	});
 }
-var w = (t) => e(524) + t + ")", T = {
-	neutral: "var(--text-2)",
-	accent: e(510),
-	purple: e(562),
+var w = (e) => "var(--ds-timeline-" + e + ")", T = {
+	neutral: e(490),
+	accent: e(571),
+	purple: e(558),
 	teal: "var(--chart-3)",
-	success: e(515),
-	warning: e(554),
-	danger: e(517)
+	success: "var(--success)",
+	warning: e(556),
+	danger: e(567)
 };
-function E({ start: n, end: r, variant: i = "fill", tone: a, size: s, children: c, leading: l, action: u, segments: f, limit: p, overTone: m = e(541), running: v, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: C, ref: E, "aria-label": D, className: O }) {
-	let k = e, { pct: A, formatValue: j } = d(), M = c != null || l != null || u != null, N = s ?? (M ? "xl" : "md"), P = a ?? (i === k(559) ? k(547) : k(488)), F = Math.min(n, r), I = Math[k(498)](n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== "outline" ? Math.max(0, Math.min(100, (I - Math.max(p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
-		typeof c === k(473) || typeof c === k(490) ? String(c) : void 0,
-		j(F) + k(566) + j(I),
-		v && k(484)
-	].filter(Boolean)[k(482)](", "), V = null;
+function E({ start: n, end: r, variant: i = "fill", tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: m = e(524), running: h, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: C, ref: E, "aria-label": D, className: O }) {
+	let k = e, { pct: A, formatValue: j } = u(), M = c != null || l != null || d != null, N = s ?? (M ? "xl" : "md"), P = a ?? (i === k(495) ? k(565) : k(536)), F = Math[k(513)](n, r), I = Math.max(n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(495) ? Math[k(551)](0, Math[k(513)](100, (I - Math[k(551)](p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
+		typeof c === k(474) || typeof c === k(538) ? String(c) : void 0,
+		j(F) + k(512) + j(I),
+		h && "진행 중"
+	][k(539)](Boolean).join(", "), V = null;
 	if (S || C) {
-		let e = g(k(494), {
+		let e = _(k(544), {
 			type: "button",
-			className: k(551),
+			className: k(496),
 			"aria-label": B,
 			onClick: S
-		}), n = x == null ? e : g(t, {
+		}), n = x == null ? e : _(t, {
 			content: x,
 			children: e
 		});
 		V = C ? C(n) : n;
-	} else x != null && (V = g(t, {
+	} else x != null && (V = _(t, {
 		content: x,
-		children: g(k(557), {
-			className: k(551),
+		children: _("span", {
+			className: k(496),
 			tabIndex: 0,
 			"aria-label": B,
-			role: k(567)
+			role: k(570)
 		})
 	}));
 	let H = I - F || 1;
-	return _(h, { children: [_(k(557), {
+	return v(g, { children: [v(k(523), {
 		ref: E,
-		className: o(k(550), "ds-timeline-bar--" + i, k(545) + N, M && k(531), f && f[k(518)] > 0 && "ds-timeline-bar--segmented", O),
-		"data-running": v || void 0,
+		className: o(k(522), k(547) + i, k(547) + N, M && "ds-timeline-bar--content", f && f[k(521)] > 0 && "ds-timeline-bar--segmented", O),
+		"data-running": h || void 0,
 		"data-over": z > 0 || void 0,
 		style: {
 			left: L + "%",
 			width: R + "%",
-			"--_c": w(i === k(564) ? k(547) : P),
+			"--_c": w(i === k(543) ? k(565) : P),
 			"--_over": w(m),
-			"--_ink": T[i === "pending" ? "neutral" : P]
+			"--_ink": T[i === k(543) ? k(565) : P]
 		},
 		children: [
-			_("span", {
-				className: k(486),
-				children: [g(k(557), {
-					className: k(509),
+			v("span", {
+				className: k(531),
+				children: [_(k(523), {
+					className: k(561),
 					style: { width: z + "%" }
-				}), f && f.length > 0 && g("span", {
-					className: "ds-timeline-bar__segments",
-					children: f[k(478)]((e, t) => {
-						let n = k, r = Math[n(498)](F, Math[n(514)](e[n(511)], e.end)), i = Math[n(514)](I, Math.max(e[n(511)], e[n(508)])), a = (r - F) / H * 100, o = Math[n(498)](0, i - r) / H * 100;
-						return g(n(557), {
-							className: n(533),
+				}), f && f[k(521)] > 0 && _(k(523), {
+					className: k(505),
+					children: f[k(554)]((e, t) => {
+						let n = k, r = Math[n(551)](F, Math.min(e[n(553)], e.end)), i = Math[n(513)](I, Math[n(551)](e.start, e.end)), a = (r - F) / H * 100, o = Math[n(551)](0, i - r) / H * 100;
+						return _("span", {
+							className: n(562),
 							style: {
-								left: "calc(" + a + "% + 1px)",
-								width: n(572) + o + n(522),
-								"--_c": w(e[n(503)] ?? "accent")
+								left: n(575) + a + n(514),
+								width: n(483) + o + "% - 2px))",
+								"--_c": w(e[n(486)] ?? "accent")
 							}
 						}, t);
 					})
 				})]
 			}),
-			V == null ? !M && g("span", {
-				className: k(540),
+			V == null ? !M && _(k(523), {
+				className: k(471),
 				children: B
-			}) : g("span", {
-				className: k(552),
+			}) : _(k(523), {
+				className: "ds-timeline-bar__slot",
 				children: V
 			}),
-			M && _("span", {
-				className: k(546),
+			M && v(k(523), {
+				className: "ds-timeline-bar__content",
 				children: [
-					l != null && g(k(557), {
-						className: k(575),
+					l != null && _("span", {
+						className: "ds-timeline-bar__leading",
 						"aria-hidden": V != null || void 0,
 						children: l
 					}),
-					c != null && g("span", {
-						className: k(495),
+					c != null && _(k(523), {
+						className: k(560),
 						"aria-hidden": V != null || void 0,
 						children: c
 					}),
-					u != null && g(k(557), {
-						className: k(556),
-						children: u
+					d != null && _(k(523), {
+						className: k(507),
+						children: d
 					})
 				]
 			})
 		]
-	}), y != null && y !== !1 && g(k(557), {
-		className: "ds-timeline-bar__label",
-		style: { left: A(Math[k(498)](I, b ?? I)) + "%" },
+	}), y != null && y !== !1 && _(k(523), {
+		className: k(489),
+		style: { left: A(Math[k(551)](I, b ?? I)) + "%" },
 		children: y
 	})] });
 }