@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/Timeline/Timeline2.js

@@ -1,215 +1,215 @@
 "use client";
-const e = x;
+const e = d;
 (function(e, t) {
-	let n = x, r = e();
+	let n = d, r = e();
 	for (;;) try {
-		if (parseInt(n(405)) / 1 * (parseInt(n(408)) / 2) + -parseInt(n(401)) / 3 + -parseInt(n(335)) / 4 * (-parseInt(n(370)) / 5) + parseInt(n(347)) / 6 * (-parseInt(n(371)) / 7) + -parseInt(n(394)) / 8 * (parseInt(n(400)) / 9) + -parseInt(n(403)) / 10 + parseInt(n(364)) / 11 * (parseInt(n(406)) / 12) == t) break;
+		if (parseInt(n(467)) / 1 + parseInt(n(479)) / 2 + parseInt(n(508)) / 3 * (parseInt(n(459)) / 4) + parseInt(n(428)) / 5 + -parseInt(n(502)) / 6 + parseInt(n(487)) / 7 + parseInt(n(475)) / 8 * (-parseInt(n(424)) / 9) == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(E, 319220);
+})(C, 732242);
 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";
 import { TimelineScaleContext as s, buildTicks as c, niceStep as l, useTimelineScale as u } from "./scale.js";
 /* empty css         */
-import { Children as d, isValidElement as f, useMemo as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-var _ = {
+function d(e, t) {
+	e -= 407;
+	let n = C(), r = n[e];
+	d.stTMZs === void 0 && (d.gzNYyY = 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);
+	}, d.yEnwGN = {}, d.stTMZs = !0);
+	let i = n[0];
+	d.iNLKEZ !== i && (d.yEnwGN = {}, d.iNLKEZ = i);
+	let a = d.yEnwGN[e];
+	return a === void 0 ? (r = d.gzNYyY(r), d.yEnwGN[e] = r) : r = a, r;
+}
+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 = {
 	compact: 28,
 	default: 36,
 	comfortable: 56
-}, v = (t = e(349)) => e(308) + t + ")";
-function y(t) {
-	let n = e, r = /* @__PURE__ */ new Map();
-	return t[n(350)]((e, t) => {
-		let i = n;
-		f(e) && d[i(350)](e.props[i(386)], (e) => {
-			let n = i;
-			if (!f(e)) return;
-			let { id: a, start: o, end: s } = e[n(348)];
-			typeof a === n(396) && typeof o == "number" && typeof s === n(407) && r[n(313)](a, {
-				start: Math[n(412)](o, s),
-				end: Math.max(o, s),
-				row: t
+}, y = (t = e(417)) => "var(--ds-timeline-" + t + ")";
+function b(e) {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e, n) => {
+		let r = d;
+		p(e) && f[r(476)](e[r(512)][r(517)], (e) => {
+			let i = r;
+			if (!p(e)) return;
+			let { id: a, start: o, end: s } = e[i(512)];
+			typeof a == "string" && typeof o === i(439) && typeof s === i(439) && t[i(462)](a, {
+				start: Math[i(466)](o, s),
+				end: Math[i(446)](o, s),
+				row: n
 			});
 		});
-	}), r;
+	}), t;
 }
-function b({ min: t = 0, max: r, step: i, ticks: u, formatTick: f = String, grid: m = !0, now: b, nowLabel: x, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = e(392), rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
-	let P = e, F = r - t, I = p(() => ({
+function x({ min: t = 0, max: r, step: i, ticks: u, formatTick: d = String, grid: p = !0, now: h, nowLabel: x, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = e(431), 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(323)](0, Math.min(100, (e - t) / F * 100)) : 0,
-		formatValue: f
+		pct: (e) => F > 0 ? Math[P(446)](0, Math.min(100, (e - t) / F * 100)) : 0,
+		formatValue: d
 	}), [
 		t,
 		r,
 		F,
-		f
-	]), L = p(() => u ?? c(t, r, i ?? l(F, 6)), [
+		d
+	]), L = m(() => u ?? c(t, r, i ?? l(F, 6)), [
 		u,
 		t,
 		r,
 		i,
 		F
-	]), R = C[P(382)]((e) => e[P(318)] != null), z = k ?? _[O], B = b !== void 0 && x != null, V = b === void 0 ? 0 : I[P(380)](b), H = w?.[P(344)] ? d[P(361)](N) : [], U = H[P(344)] * z, W = H.length ? y(H) : null, G = (e) => Number(e[P(306)](3)), K = (w ?? [])[P(357)]((e) => {
-		let t = P, n = W?.[t(337)](e.from), r = W?.[t(337)](e.to);
+	]), R = C.some((e) => e[P(498)] != null), z = k ?? v[O], B = h !== void 0 && x != null, V = h === void 0 ? 0 : I[P(457)](h), H = w?.[P(409)] ? f.toArray(N) : [], U = H[P(409)] * z, W = H.length ? b(H) : null, G = (e) => Number(e[P(412)](3)), K = (w ?? [])[P(493)]((e) => {
+		let t = P, n = W?.[t(410)](e[t(507)]), r = W?.[t(410)](e.to);
 		if (!n || !r) return [];
-		let i = I.pct(n[t(315)]), a = I.pct(r[t(329)]), o = n.row * z + z / 2, s = r.row * z + z / 2, c = Math[t(323)](1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(358) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(369)] ?? t(351);
+		let i = I.pct(n.end), a = I.pct(r.start), o = n.row * z + z / 2, s = r.row * z + z / 2, c = Math[t(446)](1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(461) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(460)] ?? t(484);
 		return [{
-			key: e[t(320)] + "→" + e.to,
+			key: e[t(507)] + "→" + e.to,
 			tone: u,
 			d: l
 		}];
 	});
-	return h(s.Provider, {
+	return g(s[P(449)], {
 		value: I,
-		children: g("div", {
-			role: "group",
+		children: _(P(451), {
+			role: P(505),
 			"aria-label": A,
-			className: o(P(366), P(362) + O, T === 0 && P(324), R && P(345), j),
+			className: o("ds-timeline", "ds-timeline--" + O, T === 0 && P(437), R && P(472), j),
 			style: {
 				"--_label": T + "px",
 				"--_row": z + "px",
 				...M
 			},
 			children: [
-				g(P(415), {
-					className: P(363),
+				_(P(451), {
+					className: P(440),
 					"aria-hidden": !0,
 					children: [
-						m && L.map((e) => h("span", {
-							className: P(322),
-							style: { left: I.pct(e) + "%" }
+						p && L.map((e) => g("span", {
+							className: P(452),
+							style: { left: I[P(457)](e) + "%" }
 						}, e)),
-						C[P(336)]((e, t) => e.band !== void 0 && h(P(378), {
-							className: P(376),
+						C[P(454)]((e, t) => e[P(486)] !== void 0 && g(P(506), {
+							className: P(497),
 							style: {
-								left: I[P(380)](Math[P(412)](e.value, e[P(381)])) + "%",
-								width: I.pct(Math[P(323)](e[P(383)], e.band)) - I[P(380)](Math[P(412)](e[P(383)], e[P(381)])) + "%",
-								"--_c": v(e.tone)
+								left: I.pct(Math[P(466)](e[P(453)], e.band)) + "%",
+								width: I[P(457)](Math[P(446)](e[P(453)], e[P(486)])) - I[P(457)](Math[P(466)](e[P(453)], e[P(486)])) + "%",
+								"--_c": y(e[P(460)])
 							}
 						}, t)),
-						K.length > 0 && h(P(327), {
-							className: P(399),
-							viewBox: P(346) + U,
-							preserveAspectRatio: P(359),
+						K[P(409)] > 0 && g(P(464), {
+							className: P(480),
+							viewBox: P(514) + U,
+							preserveAspectRatio: P(519),
 							style: { height: U },
-							children: K[P(336)]((e) => h(P(307), {
-								className: "ds-timeline__link",
+							children: K[P(454)]((e) => g(P(432), {
+								className: P(430),
 								d: e.d,
-								vectorEffect: P(311),
+								vectorEffect: P(509),
 								style: {
 									d: "path('" + e.d + "')",
-									"--_c": v(e[P(369)])
+									"--_c": y(e[P(460)])
 								}
-							}, e[P(317)]))
+							}, e[P(419)]))
 						})
 					]
 				}),
-				g(P(415), {
-					className: P(354),
+				_(P(451), {
+					className: P(520),
 					"aria-hidden": !0,
-					children: [h(P(415), {
-						className: P(368),
-						children: E != null && h(n, {
-							variant: P(356),
-							tone: P(326),
+					children: [g(P(451), {
+						className: P(456),
+						children: E != null && g(n, {
+							variant: P(435),
+							tone: P(468),
 							truncate: !0,
 							children: E
 						})
-					}), g(P(415), {
-						className: P(360),
-						children: [L[P(336)]((e) => B && e === b ? null : h(P(378), {
-							className: P(353),
-							"data-edge": e <= t ? "start" : e >= r ? "end" : void 0,
-							style: { left: I.pct(e) + "%" },
-							children: f(e)
-						}, e)), B && h(P(378), {
-							className: "ds-timeline__now-chip",
-							"data-edge": V >= 96 ? P(315) : V <= 4 ? P(329) : void 0,
+					}), _(P(451), {
+						className: P(427),
+						children: [L[P(454)]((e) => B && e === h ? null : g(P(506), {
+							className: P(455),
+							"data-edge": e <= t ? P(522) : e >= r ? "end" : void 0,
+							style: { left: I[P(457)](e) + "%" },
+							children: d(e)
+						}, e)), B && g(P(506), {
+							className: P(423),
+							"data-edge": V >= 96 ? P(481) : V <= 4 ? "start" : void 0,
 							style: { left: V + "%" },
-							children: h(a, {
-								tone: P(351),
+							children: g(a, {
+								tone: P(484),
 								size: "sm",
 								children: x
 							})
 						})]
 					})]
 				}),
-				D != null && h(P(415), {
-					className: P(310),
+				D != null && g(P(451), {
+					className: P(442),
 					children: D
 				}),
-				h("div", {
-					className: P(325),
-					role: P(342),
+				g("div", {
+					className: P(438),
+					role: P(521),
 					children: N
 				}),
-				g(P(415), {
-					className: P(391),
+				_("div", {
+					className: "ds-timeline__layer ds-timeline__layer--front",
 					"aria-hidden": !0,
-					children: [C[P(336)]((e, t) => h(P(378), {
-						className: P(411),
-						"data-line": e.line ?? P(377),
+					children: [C[P(454)]((e, t) => g("span", {
+						className: P(469),
+						"data-line": e[P(485)] ?? P(416),
 						style: {
-							left: I[P(380)](e.value) + "%",
-							"--_c": v(e[P(369)])
+							left: I[P(457)](e[P(453)]) + "%",
+							"--_c": y(e[P(460)])
 						},
-						children: e.label != null && h(P(378), {
-							className: P(334),
-							"data-side": e[P(340)] ?? P(312),
-							children: h(a, {
-								tone: e[P(369)] ?? P(349),
+						children: e.label != null && g(P(506), {
+							className: "ds-timeline__chip",
+							"data-side": e[P(492)] ?? P(434),
+							children: g(a, {
+								tone: e[P(460)] ?? P(417),
 								square: !0,
-								children: e[P(318)]
+								children: e[P(498)]
 							})
 						})
-					}, t)), b !== void 0 && S && h("span", {
-						className: P(365),
+					}, t)), h !== void 0 && S && g(P(506), {
+						className: P(474),
 						"data-chip": B || void 0,
 						style: { left: V + "%" }
 					})]
 				}),
-				(b !== void 0 || R) && g(P(378), {
-					className: "ds-timeline__sr",
-					children: [b !== void 0 && P(331) + f(b) + ". ", C[P(388)]((e) => typeof e[P(318)] === P(396)).map((e) => e.label + ".")[P(379)](" ")]
+				(h !== void 0 || R) && _(P(506), {
+					className: P(496),
+					children: [h !== void 0 && P(436) + d(h) + ". ", C[P(488)]((e) => typeof e[P(498)] === P(448))[P(454)]((e) => e[P(498)] + ".")[P(407)](" ")]
 				})
 			]
 		})
 	});
 }
-function x(e, t) {
-	e -= 306;
-	let n = E(), r = n[e];
-	x.LkXQLR === void 0 && (x.xJZaDP = 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);
-	}, x.HrjuAY = {}, x.LkXQLR = !0);
-	let i = n[0];
-	x.FVveSj !== i && (x.HrjuAY = {}, x.FVveSj = i);
-	let a = x.HrjuAY[e];
-	return a === void 0 ? (r = x.xJZaDP(r), x.HrjuAY[e] = r) : r = a, r;
-}
-function S({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: _, className: v, style: y }) {
-	let b = e, x = s != null || c != null || l != null || u != null, S = typeof t == "string" || typeof t === b(407) ? h(n, {
-		variant: x ? "label-md" : b(319),
-		tone: b(f ? 326 : 392),
+function S({ 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(448) || typeof t === b(439) ? g(n, {
+		variant: b(x ? 458 : 420),
+		tone: f ? b(468) : "default",
 		truncate: !0,
-		className: "ds-timeline__name",
+		className: b(511),
 		children: t
 	}) : t, C = m ? (e) => {
 		let t = b;
-		e[t(367)] !== e.currentTarget || e[t(414)][t(321)] || (e.key === t(338) || e[t(317)] === " ") && (e[t(389)](), m());
+		e[t(445)] !== e[t(422)] || e[t(450)].isComposing || (e[t(419)] === "Enter" || e.key === " ") && (e[t(418)](), m());
 	} : void 0;
-	return g(b(415), {
-		role: b(384),
-		className: o(b(352), v),
+	return _(b(451), {
+		role: b(499),
+		className: o(b(515), v),
 		"data-faded": f || void 0,
 		"data-selected": p || void 0,
 		"data-selectable": m || p !== void 0 ? !0 : void 0,
@@ -218,152 +218,152 @@ function S({ label: t, leading: s, description: c, badge: l, count: u, depth: d
 		onClick: m,
 		onKeyDown: C,
 		style: y,
-		children: [h(b(415), {
-			className: b(372),
-			style: d ? { paddingInlineStart: "calc(var(--s4) * " + d + ")" } : void 0,
-			children: x ? g(r, {
+		children: [g("div", {
+			className: b(429),
+			style: d ? { paddingInlineStart: b(518) + d + ")" } : void 0,
+			children: x ? _(r, {
 				gap: 3,
 				wrap: !1,
-				className: b(374),
+				className: b(426),
 				children: [
-					s != null && h(b(378), {
-						className: b(397),
+					s != null && g(b(506), {
+						className: b(447),
 						children: s
 					}),
-					g(i, {
+					_(i, {
 						gap: 0,
-						className: b(341),
-						children: [g(r, {
+						className: b(482),
+						children: [_(r, {
 							gap: 2,
 							wrap: !1,
 							children: [S, l]
-						}), c != null && h(n, {
-							variant: b(356),
-							tone: b(326),
+						}), c != null && g(n, {
+							variant: b(435),
+							tone: b(468),
 							truncate: !0,
 							children: c
 						})]
 					}),
-					u != null && h(a, {
+					u != null && g(a, {
 						size: "sm",
 						square: !0,
-						className: "ds-timeline__count",
+						className: b(495),
 						children: typeof u == "number" ? "+" + u : u
 					})
 				]
 			}) : S
-		}), h(b(415), {
-			className: b(328),
-			children: _
+		}), g(b(451), {
+			className: b(415),
+			children: h
 		})]
 	});
 }
-var C = (t) => e(308) + t + ")", w = {
-	neutral: e(409),
-	accent: e(413),
-	purple: "var(--chart-4)",
-	teal: "var(--chart-3)",
-	success: e(343),
-	warning: e(390),
+function C() {
+	let e = /* @__PURE__ */ "zhmTDgLTzwXPBMuTyMfYx19OAxq.zhmTDgLTzwXPBMuTlwnOAxbZ.zhmTDgLTzwXPBMuTyMfY.zhmTDgLTzwXPBMvFx25VDW.ndbxqwLlzxe.zM9YrwfJAa.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.DMfYkc0TywnJzw50lxrLEhqP.mJeZmJu4ne5vvM5eDW.zhmTDgLTzwXPBMvFx2XPBMTZ.zw5K.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.zhmTDgLTzwXPBMuTyMfYx19VDMvY.ywnJzw50.BgLUzq.yMfUza.nZqYmtiWnhfIAxnIAG.zMLSDgvY.zhmTDgLTzwXPBMuTyMfYx19JB250zw50.yNv0Dg9U.zhmTDgLTzwXPBMuTyMfYx190zxH0.BgfIzwXtAwrL.zMXHDe1HCa.zMLSBa.zhmTDgLTzwXPBMvFx2nVDw50.zhmTDgLTzwXPBMvFx3nY.zhmTDgLTzwXPBMvFx2jHBMq.BgfIzwW.BgLZDgL0zw0.zhmTDgLTzwXPBMuTyMfYls0.zhmTDgLTzwXPBMuTyMfYls1ZzwDTzw50zwq.nZiYntK4mfbXB2jgqG.DMfYkc0Ty2HHCNqTncK.iokaKYa.z3jVDxa.C3bHBG.zNjVBq.mZq4owPRA0vHzW.BM9UlxnJywXPBMCTC3rYB2TL.DMfYkc0TDgv4Dc0Ykq.zhmTDgLTzwXPBMvFx25HBwu.ChjVChm.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.mcaWideWmca.zhmTDgLTzwXPBMvFx3jVDW.DMfYkc0TzhmTDgLTzwXPBMuT.y2HPBgrYzw4.y2fSyYH2yxiOls1ZncKGkIa.BM9Uzq.zhmTDgLTzwXPBMvFx2HLywq.BgLZDa.C3rHCNq.DMfYkc0Ty2HHCNqTmYK.AM9PBG.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.BgvUz3rO.z2v0.D2fYBMLUzW.Dg9gAxHLza.Aw1N.B3v0BgLUzq.zhmTDgLTzwXPBMvFx3rYywnR.zgfZAgvK.BMv1DhjHBa.ChjLDMvUDerLzMf1Bhq.A2v5.BgfIzwWTC20.zhmTDgLTzwXPBMuTyMfYx19ZBg90.y3vYCMvUDfrHCMDLDa.zhmTDgLTzwXPBMvFx25VDY1JAgLW.mJK5mtm3nw50AhHzCG.jsaTidjWEcKP.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMvFx3j1BgvY.nJGYmdy3nu9dsezkyq.zhmTDgLTzwXPBMvFx2XHyMvS.zhmTDgLTzwXPBMvFx2XPBMS.zgvMyxvSDa.Cgf0Aa.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.y2vUDgvY.y2fWDgLVBG.7zIe7j6Sia.zhmTDgLTzwXPBMuTlwjHCMu.zhmTDgLTzwXPBMvFx3jVD3m.BNvTyMvY.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TyMfJAW.CgvUzgLUzW.zhmTDgLTzwXPBMvFx2fZAwrL.zhmTDgLTzwXPBMuTyMfYx19MAwXS.jsaRidfWEcK.DgfYz2v0.Bwf4.zhmTDgLTzwXPBMvFx2XLywrPBMC.C3rYAw5N.uhjVDMLKzxi.BMf0AxzLrxzLBNq.zgL2.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.DMfSDwu.BwfW.zhmTDgLTzwXPBMvFx3rPy2S.zhmTDgLTzwXPBMvFx2nVCM5LCG.Cgn0.BgfIzwWTBwq.mJKYsefvvuzH.Dg9Uzq.iemG.C2v0.DMfYkc0TD2fYBMLUzYK.C3zN.DMfYkc0TC3vJy2vZCYK.BwLU.mJi5ndLlsvjpD0q.DgvYDgLHCNK.zhmTDgLTzwXPBMvFx21HCMTLCG.y2fSyYG".split(".");
+	return C = function() {
+		return e;
+	}, C();
+}
+var w = (t) => e(516) + t + ")", T = {
+	neutral: e(510),
+	accent: e(478),
+	purple: e(503),
+	teal: e(523),
+	success: e(465),
+	warning: e(463),
 	danger: "var(--danger)"
 };
-function T({ start: n, end: r, variant: i = e(393), tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: _ = e(395), running: v, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: T, 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 === "outline" ? "neutral" : k(351)), F = Math[k(412)](n, r), I = Math.max(n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(373) ? Math[k(323)](0, Math[k(412)](100, (I - Math[k(323)](p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
-		typeof c === k(396) || typeof c == "number" ? String(c) : void 0,
-		j(F) + " – " + j(I),
-		v && k(410)
-	].filter(Boolean).join(", "), V = null;
-	if (S || T) {
-		let e = h(k(332), {
-			type: "button",
-			className: k(402),
+function E({ start: n, end: r, variant: i = e(494), tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: m = e(411), 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 } = u(), M = c != null || l != null || d != null, N = s ?? (M ? "xl" : "md"), P = a ?? (i === k(414) ? k(417) : k(484)), F = Math[k(466)](n, r), I = Math[k(446)](n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(414) ? Math[k(446)](0, Math[k(466)](100, (I - Math[k(446)](p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
+		typeof c === k(448) || typeof c == "number" ? String(c) : void 0,
+		j(F) + k(504) + j(I),
+		v && "진행 중"
+	][k(488)](Boolean)[k(407)](", "), V = null;
+	if (S || C) {
+		let e = g(k(490), {
+			type: k(490),
+			className: "ds-timeline-bar__hit",
 			"aria-label": B,
 			onClick: S
-		}), n = x == null ? e : h(t, {
+		}), n = x == null ? e : g(t, {
 			content: x,
 			children: e
 		});
-		V = T ? T(n) : n;
-	} else x != null && (V = h(t, {
+		V = C ? C(n) : n;
+	} else x != null && (V = g(t, {
 		content: x,
-		children: h("span", {
-			className: "ds-timeline-bar__hit",
+		children: g(k(506), {
+			className: k(471),
 			tabIndex: 0,
 			"aria-label": B,
-			role: k(387)
+			role: k(413)
 		})
 	}));
 	let H = I - F || 1;
-	return g(m, { children: [g(k(378), {
+	return _(h, { children: [_(k(506), {
 		ref: E,
-		className: o("ds-timeline-bar", k(398) + i, k(398) + N, M && k(355), f && f[k(344)] > 0 && "ds-timeline-bar--segmented", O),
+		className: o(k(473), k(500) + i, k(500) + N, M && k(513), f && f[k(409)] > 0 && k(501), O),
 		"data-running": v || void 0,
 		"data-over": z > 0 || void 0,
 		style: {
 			left: L + "%",
 			width: R + "%",
-			"--_c": C(i === k(314) ? "neutral" : P),
-			"--_over": C(_),
-			"--_ink": w[i === k(314) ? k(349) : P]
+			"--_c": w(i === k(441) ? "neutral" : P),
+			"--_over": w(m),
+			"--_ink": T[i === k(441) ? "neutral" : P]
 		},
 		children: [
-			g(k(378), {
-				className: k(309),
-				children: [h(k(378), {
-					className: "ds-timeline-bar__over",
+			_(k(506), {
+				className: k(443),
+				children: [g(k(506), {
+					className: k(483),
 					style: { width: z + "%" }
-				}), f && f[k(344)] > 0 && h(k(378), {
-					className: k(316),
-					children: f[k(336)]((e, t) => {
-						let n = k, r = Math[n(323)](F, Math[n(412)](e.start, e[n(315)])), i = Math.min(I, Math[n(323)](e[n(329)], e[n(315)])), a = (r - F) / H * 100, o = Math[n(323)](0, i - r) / H * 100;
-						return h(n(378), {
+				}), f && f[k(409)] > 0 && g(k(506), {
+					className: k(477),
+					children: f[k(454)]((e, t) => {
+						let n = k, r = Math[n(446)](F, Math[n(466)](e[n(522)], e.end)), i = Math[n(466)](I, Math.max(e[n(522)], e[n(481)])), a = (r - F) / H * 100, o = Math[n(446)](0, i - r) / H * 100;
+						return g("span", {
 							className: "ds-timeline-bar__segment",
 							style: {
-								left: n(339) + a + "% + 1px)",
-								width: "max(2px, calc(" + o + "% - 2px))",
-								"--_c": C(e[n(369)] ?? n(351))
+								left: n(470) + a + n(444),
+								width: "max(2px, calc(" + o + n(425),
+								"--_c": w(e[n(460)] ?? n(484))
 							}
 						}, t);
 					})
 				})]
 			}),
-			V == null ? !M && h(k(378), {
-				className: "ds-timeline__sr",
+			V == null ? !M && g(k(506), {
+				className: k(496),
 				children: B
-			}) : h(k(378), {
-				className: k(330),
+			}) : g(k(506), {
+				className: k(421),
 				children: V
 			}),
-			M && g("span", {
-				className: k(385),
+			M && _("span", {
+				className: k(489),
 				children: [
-					l != null && h(k(378), {
-						className: k(375),
+					l != null && g(k(506), {
+						className: "ds-timeline-bar__leading",
 						"aria-hidden": V != null || void 0,
 						children: l
 					}),
-					c != null && h("span", {
-						className: k(404),
+					c != null && g(k(506), {
+						className: k(491),
 						"aria-hidden": V != null || void 0,
 						children: c
 					}),
-					d != null && h(k(378), {
-						className: "ds-timeline-bar__action",
+					d != null && g(k(506), {
+						className: k(408),
 						children: d
 					})
 				]
 			})
 		]
-	}), y != null && y !== !1 && h(k(378), {
-		className: k(333),
-		style: { left: A(Math.max(I, b ?? I)) + "%" },
+	}), y != null && y !== !1 && g(k(506), {
+		className: k(433),
+		style: { left: A(Math[k(446)](I, b ?? I)) + "%" },
 		children: y
 	})] });
 }
-export { b as Timeline, T as TimelineBar, S as TimelineRow };
-function E() {
-	let e = /* @__PURE__ */ "zMLSBa.otK2ntG0ywXOr1Hx.D2fYBMLUzW.C3rYAw5N.zhmTDgLTzwXPBMvFx2XLywrPBMC.zhmTDgLTzwXPBMuTyMfYls0.zhmTDgLTzwXPBMvFx2XPBMTZ.mJDWtLv3Dgm.nZe1otm1zufoqMzA.zhmTDgLTzwXPBMuTyMfYx19OAxq.ndy2mJa4meX1ENjYCq.zhmTDgLTzwXPBMuTyMfYx190zxH0.mtbqzxvkyxq.mti1ndeWndrSwMr4Agq.BNvTyMvY.mZm4mdjdyLzwBg8.DMfYkc0TDgv4Dc0Ykq.7kEe7zAjioYKKq.zhmTDgLTzwXPBMvFx21HCMTLCG.BwLU.DMfYkc0TywnJzw50lxrLEhqP.BMf0AxzLrxzLBNq.zgL2.Dg9gAxHLza.Cgf0Aa.DMfYkc0TzhmTDgLTzwXPBMuT.zhmTDgLTzwXPBMuTyMfYx19MAwXS.zhmTDgLTzwXPBMvFx2fZAwrL.BM9UlxnJywXPBMCTC3rYB2TL.y2vUDgvY.C2v0.CgvUzgLUzW.zw5K.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.A2v5.BgfIzwW.BgfIzwWTC20.zNjVBq.AxndB21WB3nPBMC.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.Bwf4.zhmTDgLTzwXPBMuTlwjHCMu.zhmTDgLTzwXPBMvFx3jVD3m.DgvYDgLHCNK.C3zN.zhmTDgLTzwXPBMvFx3rYywnR.C3rHCNq.zhmTDgLTzwXPBMuTyMfYx19ZBg90.7zIe7j6Sia.yNv0Dg9U.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.zhmTDgLTzwXPBMvFx2nOAxa.mJu0mZuXnLPSCxLJvG.BwfW.z2v0.rw50zxi.y2fSyYG.BgfIzwXtAwrL.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.BgLZDa.DMfYkc0TC3vJy2vZCYK.BgvUz3rO.zhmTDgLTzwXPBMuTlwnOAxbZ.mcaWideWmca.mJCXmZeWnePKBfPZDG.ChjVChm.BMv1DhjHBa.zM9YrwfJAa.ywnJzw50.zhmTDgLTzwXPBMvFx3jVDW.zhmTDgLTzwXPBMvFx3rPy2S.zhmTDgLTzwXPBMvFx2HLywq.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.y2fWDgLVBG.zMXHDe1HCa.iemG.BM9Uzq.zhmTDgLTzwXPBMvFx3j1BgvY.Dg9bCNjHEq.zhmTDgLTzwXPBMuTlq.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TyMfJAW.mtfwsNjtuLe.zhmTDgLTzwXPBMvFx25VDW.zhmTDgLTzwXPBMu.DgfYz2v0.zhmTDgLTzwXPBMvFx2nVCM5LCG.Dg9Uzq.nuPSsNfVvq.n2HzuhnSqW.zhmTDgLTzwXPBMvFx2XHyMvS.B3v0BgLUzq.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMuTyMfYx19SzwfKAw5N.zhmTDgLTzwXPBMvFx2jHBMq.zgfZAgvK.C3bHBG.AM9PBG.Cgn0.yMfUza.C29Tzq.DMfSDwu.BgLZDgL0zw0.zhmTDgLTzwXPBMuTyMfYx19JB250zw50.y2HPBgrYzw4.Aw1N.zMLSDgvY.ChjLDMvUDerLzMf1Bhq.DMfYkc0TD2fYBMLUzYK.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.zgvMyxvSDa".split(".");
-	return E = function() {
-		return e;
-	}, E();
-}
+export { x as Timeline, E as TimelineBar, S as TimelineRow };