@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectSlope.js

@@ -0,0 +1,129 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, niceMax as n, useChartSize as r } from "./chartUtils.js";
+import { ChartTooltip as i, useChartTooltip as a } from "./chartTip.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/SelectSlope.tsx
+function c({ data: c, leftLabel: l, rightLabel: u, height: d = 240, format: f = t, className: p, ...m }) {
+	let { ref: h, width: g } = r(d), _ = a(), v = {
+		top: 24,
+		right: 64,
+		bottom: 12,
+		left: 132
+	}, y = n(Math.max(1, ...c.flatMap((e) => [e.left, e.right]))), b = d - v.top - v.bottom, x = (e) => v.top + b - e / y * b, S = v.left, C = g - v.right;
+	return /* @__PURE__ */ s("div", {
+		...m,
+		className: `select-chart-wrap${p ? " " + p : ""}`,
+		ref: h,
+		children: [g > 0 && /* @__PURE__ */ s("svg", {
+			width: g,
+			height: d,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ o("line", {
+					x1: S,
+					x2: S,
+					y1: v.top,
+					y2: v.top + b,
+					className: "select-chart__axis"
+				}),
+				/* @__PURE__ */ o("line", {
+					x1: C,
+					x2: C,
+					y1: v.top,
+					y2: v.top + b,
+					className: "select-chart__axis"
+				}),
+				l && /* @__PURE__ */ o("text", {
+					x: S,
+					y: v.top - 10,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: l
+				}),
+				u && /* @__PURE__ */ o("text", {
+					x: C,
+					y: v.top - 10,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: u
+				}),
+				c.map((t, n) => {
+					let r = t.color ?? e(n), i = x(t.left), a = x(t.right);
+					return /* @__PURE__ */ s("g", { children: [
+						/* @__PURE__ */ o("line", {
+							x1: S,
+							y1: i,
+							x2: C,
+							y2: a,
+							stroke: r,
+							strokeWidth: 2,
+							strokeLinecap: "round",
+							className: "select-chart__line",
+							pathLength: 1
+						}),
+						/* @__PURE__ */ o("circle", {
+							cx: S,
+							cy: i,
+							r: 3.5,
+							fill: r,
+							className: "select-chart__dot"
+						}),
+						/* @__PURE__ */ o("circle", {
+							cx: C,
+							cy: a,
+							r: 3.5,
+							fill: r,
+							className: "select-chart__dot"
+						}),
+						/* @__PURE__ */ s("text", {
+							x: S - 10,
+							y: i,
+							className: "select-chart__ylabel",
+							dominantBaseline: "middle",
+							textAnchor: "end",
+							children: [
+								t.label,
+								" · ",
+								f(t.left)
+							]
+						}),
+						/* @__PURE__ */ o("text", {
+							x: g - 4,
+							y: a,
+							className: "select-chart__ylabel",
+							dominantBaseline: "middle",
+							textAnchor: "end",
+							children: f(t.right)
+						}),
+						/* @__PURE__ */ o("rect", {
+							x: S,
+							y: Math.min(i, a) - 6,
+							width: Math.max(0, C - S),
+							height: Math.abs(a - i) + 12,
+							fill: "transparent",
+							onMouseEnter: () => _.show({
+								x: (S + C) / 2,
+								y: (i + a) / 2,
+								place: "top",
+								title: t.label,
+								rows: [{
+									label: l ?? "Antes",
+									value: f(t.left),
+									color: r
+								}, {
+									label: u ?? "Depois",
+									value: f(t.right)
+								}]
+							}),
+							onMouseLeave: _.hide
+						})
+					] }, n);
+				})
+			]
+		}), /* @__PURE__ */ o(i, { tip: _.tip })]
+	});
+}
+//#endregion
+export { c as SelectSlope };
+
+//# sourceMappingURL=SelectSlope.js.map

package/dist/SelectSortable.js

@@ -0,0 +1,31 @@
+import { GripIcon as e } from "./icons.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectSortable.tsx
+var i = t(function({ dragging: e = !1, ghost: t = !1, className: r, ...i }, a) {
+	return /* @__PURE__ */ n("div", {
+		ref: a,
+		...i,
+		className: `select-sortitem${e && !t ? " is-dragging" : ""}${t ? " is-ghost" : ""}${r ? " " + r : ""}`
+	});
+}), a = t(function({ dragging: t = !1, variant: r = "inline", label: i = "Arrastar para reordenar", className: a, ...o }, s) {
+	return /* @__PURE__ */ n("button", {
+		ref: s,
+		type: "button",
+		"aria-label": i,
+		title: i,
+		...o,
+		className: `select-draghandle${r === "floating" ? " select-draghandle--floating" : ""}${t ? " is-dragging" : ""}${a ? " " + a : ""}`,
+		children: /* @__PURE__ */ n(e, {})
+	});
+});
+function o({ children: t }) {
+	return /* @__PURE__ */ r("span", {
+		className: "select-dragpreview",
+		children: [/* @__PURE__ */ n(e, {}), t]
+	});
+}
+//#endregion
+export { a as SelectDragHandle, o as SelectDragPreview, i as SelectSortableItem };
+
+//# sourceMappingURL=SelectSortable.js.map

package/dist/SelectSparkline.js

@@ -0,0 +1,66 @@
+/* empty css           */
+import { chartColor as e, smoothAreaPath as t, smoothLinePath as n, useChartSize as r } from "./chartUtils.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectSparkline.tsx
+function s({ data: s, color: c, height: l = 40, className: u, ...d }) {
+	let { ref: f, width: p } = r(l), m = c ?? e(0), h = i(), g = null;
+	if (p > 0 && s.length > 1) {
+		let e = Math.max(...s), r = Math.min(...s), i = e - r || 1, c = s.map((e, t) => [4 + t / (s.length - 1) * (p - 8), l - 4 - (e - r) / i * (l - 8)]), u = c[c.length - 1];
+		g = /* @__PURE__ */ o("svg", {
+			width: p,
+			height: l,
+			className: "select-chart",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ a("defs", { children: /* @__PURE__ */ o("linearGradient", {
+					id: `${h}-sa`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ a("stop", {
+						offset: "0%",
+						stopColor: m,
+						stopOpacity: .26
+					}), /* @__PURE__ */ a("stop", {
+						offset: "100%",
+						stopColor: m,
+						stopOpacity: 0
+					})]
+				}) }),
+				/* @__PURE__ */ a("path", {
+					d: t(c, l - 4),
+					fill: `url(#${h}-sa)`
+				}),
+				/* @__PURE__ */ a("path", {
+					d: n(c),
+					fill: "none",
+					stroke: m,
+					strokeWidth: 2,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					pathLength: 1,
+					className: "select-chart__line"
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: u[0],
+					cy: u[1],
+					r: 2.75,
+					fill: m,
+					className: "select-chart__dot"
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ a("div", {
+		...d,
+		className: `select-spark${u ? " " + u : ""}`,
+		ref: f,
+		children: g
+	});
+}
+//#endregion
+export { s as SelectSparkline };
+
+//# sourceMappingURL=SelectSparkline.js.map

package/dist/SelectSplitChain.js

@@ -0,0 +1,52 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectSplitChain.tsx
+function r(e) {
+	var t;
+	return e.initials ? e.initials : ((t = (typeof e.label == "string" ? e.label : "").trim()[0]) == null ? void 0 : t.toUpperCase()) ?? "•";
+}
+function i({ node: e, origin: i = !1 }) {
+	return /* @__PURE__ */ n("span", {
+		className: `select-chain__node${i ? " select-chain__node--origin" : ""}`,
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "select-chain__dot",
+				"aria-hidden": "true",
+				children: r(e)
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "select-chain__label",
+				title: typeof e.label == "string" ? e.label : void 0,
+				children: e.label
+			}),
+			e.share != null && /* @__PURE__ */ t("span", {
+				className: "select-chain__share",
+				children: e.share
+			})
+		]
+	});
+}
+var a = e(function({ nodes: e, origin: r, max: a = 3, className: o, ...s }, c) {
+	let l = e.slice(0, a), u = e.length - l.length, d = [], f = (e) => /* @__PURE__ */ t("span", {
+		className: "select-chain__link",
+		"aria-hidden": "true"
+	}, e);
+	r && d.push(/* @__PURE__ */ t(i, {
+		node: r,
+		origin: !0
+	}, "__origin"));
+	for (let e of l) d.length && d.push(f(`__link-${e.id}`)), d.push(/* @__PURE__ */ t(i, { node: e }, e.id));
+	return u > 0 && (d.push(f("__link-more")), d.push(/* @__PURE__ */ n("span", {
+		className: "select-chain__more",
+		children: ["+", u]
+	}, "__more"))), /* @__PURE__ */ t("div", {
+		ref: c,
+		...s,
+		className: `select-chain${o ? " " + o : ""}`,
+		children: d
+	});
+});
+//#endregion
+export { a as SelectSplitChain };
+
+//# sourceMappingURL=SelectSplitChain.js.map

package/dist/SelectSpotlight.js

@@ -0,0 +1,81 @@
+/* empty css           */
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectSpotlight.tsx
+var r = e(function({ tone: e = "neutral", media: r, eyebrow: i, title: a, description: o, actions: s, actionsPlacement: c = "below", aside: l, facts: u, asideSize: d = "half", size: f = "md", mediaInline: p = !1, children: m, className: h, ...g }, _) {
+	let v = s != null && c === "end";
+	return /* @__PURE__ */ t("section", {
+		ref: _,
+		...g,
+		className: `select-spotlight select-spotlight--${e}${f === "sm" ? " select-spotlight--sm" : ""}${f === "lg" ? " select-spotlight--lg" : ""}${p ? " select-spotlight--media-inline" : ""}${l == null ? "" : " select-spotlight--aside"}${l != null && d === "compact" ? " select-spotlight--aside-compact" : ""}${h ? " " + h : ""}`,
+		children: /* @__PURE__ */ n("div", {
+			className: "select-spotlight__inner",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "select-spotlight__lead",
+					children: [
+						r != null && /* @__PURE__ */ t("div", {
+							className: "select-spotlight__media",
+							children: r
+						}),
+						/* @__PURE__ */ n("div", {
+							className: "select-spotlight__main",
+							children: [
+								i != null && /* @__PURE__ */ t("span", {
+									className: "select-spotlight__eyebrow",
+									children: i
+								}),
+								/* @__PURE__ */ t("h2", {
+									className: "select-spotlight__title",
+									children: a
+								}),
+								o != null && /* @__PURE__ */ t("div", {
+									className: "select-spotlight__desc",
+									children: o
+								}),
+								m,
+								s != null && !v && /* @__PURE__ */ t("div", {
+									className: "select-spotlight__actions",
+									children: s
+								})
+							]
+						}),
+						v && /* @__PURE__ */ t("div", {
+							className: "select-spotlight__actions select-spotlight__actions--end",
+							children: s
+						})
+					]
+				}),
+				u != null && u.length > 0 && /* @__PURE__ */ t("div", {
+					className: "select-spotlight__facts",
+					children: u.map((e, r) => /* @__PURE__ */ n("div", {
+						className: `select-spotlight__fact${e.content == null ? "" : " select-spotlight__fact--content"}`,
+						children: [
+							/* @__PURE__ */ t("span", {
+								className: "select-spotlight__factlabel",
+								children: e.label
+							}),
+							e.value != null && /* @__PURE__ */ n("span", {
+								className: "select-spotlight__factvalue",
+								children: [e.prefix != null && /* @__PURE__ */ t("small", { children: e.prefix }), /* @__PURE__ */ t("strong", { children: e.value })]
+							}),
+							e.content,
+							e.caption != null && /* @__PURE__ */ t("span", {
+								className: "select-spotlight__factcaption",
+								children: e.caption
+							})
+						]
+					}, r))
+				}),
+				l != null && /* @__PURE__ */ t("div", {
+					className: "select-spotlight__aside",
+					children: l
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { r as SelectSpotlight };
+
+//# sourceMappingURL=SelectSpotlight.js.map

package/dist/SelectStackedArea.js

@@ -0,0 +1,117 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceMax as r, smoothBandPath as i, smoothLinePath as a, ticks as o, useChartSize as s, yAxisPad as c } from "./chartUtils.js";
+import { ChartTooltip as l, useChartTooltip as u } from "./chartTip.js";
+import { useId as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SelectStackedArea.tsx
+function h({ series: h, labels: g, height: _ = 240, format: v = n, className: y, ...b }) {
+	let { ref: x, width: S } = s(_), C = u(), w = d(), [T, E] = f(null), D = g.length, O = Array(D).fill(0), k = h.map((e) => e.data.map((e, t) => (O[t] = (O[t] ?? 0) + (e ?? 0), O[t]))), A = r(Math.max(0, ...O)), j = {
+		...e,
+		left: c(o(A).map(v), x.current)
+	}, M = Math.max(0, S - j.left - j.right), N = _ - j.top - j.bottom, P = (e) => j.left + (D <= 1 ? M / 2 : e / (D - 1) * M), F = (e) => j.top + N - e / A * N, I = D > 1 ? M / (D - 1) : M, L = Math.max(1, Math.ceil(D / 7)), R = j.top + N, z = k[k.length - 1];
+	return /* @__PURE__ */ m("div", {
+		...b,
+		className: `select-chart-wrap${y ? " " + y : ""}`,
+		ref: x,
+		children: [S > 0 && /* @__PURE__ */ m("svg", {
+			width: S,
+			height: _,
+			className: "select-chart",
+			children: [
+				/* @__PURE__ */ p("defs", { children: h.map((e, n) => {
+					let r = e.color ?? t(n);
+					return /* @__PURE__ */ m("linearGradient", {
+						id: `${w}-b${n}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ p("stop", {
+							offset: "0%",
+							stopColor: r,
+							stopOpacity: .95
+						}), /* @__PURE__ */ p("stop", {
+							offset: "100%",
+							stopColor: r,
+							stopOpacity: .4
+						})]
+					}, n);
+				}) }),
+				o(A).map((e, t) => /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
+					x1: j.left,
+					x2: S - j.right,
+					y1: F(e),
+					y2: F(e),
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ p("text", {
+					x: j.left - 8,
+					y: F(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: v(e)
+				})] }, t)),
+				h.map((e, n) => {
+					let r = e.color ?? t(n), o = k[n].map((e, t) => [P(t), F(e)]), s = n === 0 ? g.map((e, t) => [P(t), R]) : k[n - 1].map((e, t) => [P(t), F(e)]);
+					return /* @__PURE__ */ m("g", {
+						className: "select-chart__area",
+						children: [/* @__PURE__ */ p("path", {
+							d: i(o, s),
+							fill: `url(#${w}-b${n})`
+						}), /* @__PURE__ */ p("path", {
+							d: a(o),
+							fill: "none",
+							stroke: r,
+							strokeWidth: 1.5,
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})]
+					}, n);
+				}),
+				T != null && /* @__PURE__ */ p("line", {
+					x1: P(T),
+					x2: P(T),
+					y1: j.top,
+					y2: R,
+					className: "select-chart__crosshair"
+				}),
+				g.map((e, t) => t % L === 0 || t === D - 1 ? /* @__PURE__ */ p("text", {
+					x: P(t),
+					y: _ - j.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: t === 0 ? "start" : t === D - 1 ? "end" : "middle",
+					children: e
+				}, t) : null),
+				g.map((e, n) => /* @__PURE__ */ p("rect", {
+					x: P(n) - I / 2,
+					y: j.top,
+					width: I,
+					height: N,
+					fill: "transparent",
+					onMouseEnter: () => {
+						E(n);
+						let r = F((z == null ? void 0 : z[n]) ?? 0);
+						C.show({
+							x: P(n),
+							y: r,
+							place: r < j.top + 52 ? "bottom" : "top",
+							title: e,
+							rows: h.map((e, r) => ({
+								label: e.name,
+								value: v(e.data[n] ?? 0),
+								color: e.color ?? t(r)
+							}))
+						});
+					},
+					onMouseLeave: () => {
+						E(null), C.hide();
+					}
+				}, `h${n}`))
+			]
+		}), /* @__PURE__ */ p(l, { tip: C.tip })]
+	});
+}
+//#endregion
+export { h as SelectStackedArea };
+
+//# sourceMappingURL=SelectStackedArea.js.map

package/dist/SelectStatusBadge.js

@@ -0,0 +1,81 @@
+import { SelectBadge as e } from "./SelectBadge.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/SelectStatusBadge.tsx
+var n = {
+	approved: {
+		label: "Aprovada",
+		tone: "success"
+	},
+	"pre-authorized": {
+		label: "Pré-autorizada",
+		tone: "success"
+	},
+	authorized: {
+		label: "Autorizada",
+		tone: "info"
+	},
+	pending: {
+		label: "Pendente",
+		tone: "warning"
+	},
+	awaiting: {
+		label: "Aguardando",
+		tone: "warning"
+	},
+	analyzing: {
+		label: "Em análise",
+		tone: "warning"
+	},
+	processing: {
+		label: "Processando",
+		tone: "info"
+	},
+	"fraud-review": {
+		label: "Anti-fraude",
+		tone: "warning"
+	},
+	failed: {
+		label: "Falhou",
+		tone: "critical"
+	},
+	refused: {
+		label: "Recusada",
+		tone: "critical"
+	},
+	declined: {
+		label: "Recusada",
+		tone: "critical"
+	},
+	unauthorized: {
+		label: "Não autorizada",
+		tone: "critical"
+	},
+	refunded: {
+		label: "Estornada",
+		tone: "info"
+	},
+	canceled: {
+		label: "Cancelada",
+		tone: "neutral"
+	},
+	chargeback: {
+		label: "Chargeback",
+		tone: "critical"
+	},
+	dispute: {
+		label: "Em disputa",
+		tone: "critical"
+	}
+};
+function r({ status: r, map: i = n, size: a }) {
+	let o = i[r] ?? { label: r };
+	return /* @__PURE__ */ t(e, {
+		tone: o.tone,
+		size: a,
+		children: o.label
+	});
+}
+//#endregion
+export { n as SELECT_TRANSACTION_STATUS, r as SelectStatusBadge };
+
+//# sourceMappingURL=SelectStatusBadge.js.map

package/dist/SelectStatusPage.js

@@ -0,0 +1,62 @@
+/* empty css           */
+import { useSelectMessages as e } from "./SelectLocale.js";
+import { SelectBadge as t } from "./SelectBadge.js";
+import { SelectSection as n } from "./SelectSection.js";
+import { SelectCopyableId as r } from "./SelectCopyableId.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectStatusPage.tsx
+var s = i(function({ badge: i, tone: s = "neutral", title: c, description: l, actions: u, brand: d, meta: f, className: p, ...m }, h) {
+	let g = e(), _ = (f ?? []).filter((e) => e.value != null && e.value !== "");
+	return /* @__PURE__ */ a("div", {
+		ref: h,
+		...m,
+		className: `select-statepage${p ? " " + p : ""}`,
+		children: /* @__PURE__ */ o("div", {
+			className: "select-statepage__shell",
+			children: [d != null && /* @__PURE__ */ a("div", {
+				className: "select-statepage__brand",
+				children: d
+			}), /* @__PURE__ */ a(n, {
+				className: "select-statepage__card",
+				footer: _.length > 0 ? /* @__PURE__ */ a("dl", {
+					className: "select-statepage__meta",
+					children: _.map((e, t) => /* @__PURE__ */ o("div", {
+						className: "select-statepage__metarow",
+						children: [/* @__PURE__ */ a("dt", { children: e.label }), /* @__PURE__ */ a("dd", { children: e.copy ? /* @__PURE__ */ a(r, {
+							value: e.copy,
+							reveal: "always",
+							label: g.common.copy,
+							children: e.value
+						}) : e.value })]
+					}, t))
+				}) : void 0,
+				children: /* @__PURE__ */ o("div", {
+					className: "select-statepage__body",
+					children: [
+						/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(t, {
+							tone: s,
+							children: i
+						}) }),
+						/* @__PURE__ */ a("h1", {
+							className: "select-statepage__title",
+							children: c
+						}),
+						l != null && /* @__PURE__ */ a("p", {
+							className: "select-statepage__lead",
+							children: l
+						}),
+						u != null && /* @__PURE__ */ a("div", {
+							className: "select-statepage__actions",
+							children: u
+						})
+					]
+				})
+			})]
+		})
+	});
+});
+//#endregion
+export { s as SelectStatusPage };
+
+//# sourceMappingURL=SelectStatusPage.js.map

package/dist/SelectSteps.js

@@ -0,0 +1,54 @@
+import { CheckIcon as e } from "./icons.js";
+import { useSelectMessages as t } from "./SelectLocale.js";
+import { forwardRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectSteps.tsx
+var o = n(function({ steps: n, current: o, onSelect: s, orientation: c = "horizontal", connected: l = !1, className: u, ...d }, f) {
+	let p = t(), m = c === "vertical";
+	return /* @__PURE__ */ i("ol", {
+		ref: f,
+		...d,
+		className: `select-steps${m ? " select-steps--vertical" : ""}${l && !m ? " select-steps--connected" : ""}${u ? " " + u : ""}`,
+		children: n.map((t, n) => {
+			let c = typeof t == "string" ? { label: t } : t, l = c.state ?? (n < o ? "done" : n === o ? "current" : "pending"), u = !!s && n !== o && (l === "done" || l === "error"), d = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+				className: "select-steps__num",
+				"aria-hidden": "true",
+				children: l === "done" ? /* @__PURE__ */ i(e, {}) : l === "error" ? "!" : n + 1
+			}), /* @__PURE__ */ a("span", {
+				className: "select-steps__text",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "select-steps__label",
+						children: c.label
+					}),
+					l === "error" && /* @__PURE__ */ a("span", {
+						className: "select-steps__sr",
+						children: [
+							"(",
+							p.common.needsAttention,
+							")"
+						]
+					}),
+					m && c.description && /* @__PURE__ */ i("span", {
+						className: "select-steps__desc",
+						children: c.description
+					})
+				]
+			})] });
+			return /* @__PURE__ */ i("li", {
+				className: `select-steps__step select-steps__step--${l === "pending" ? "todo" : l}`,
+				"aria-current": l === "current" ? "step" : void 0,
+				children: u ? /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "select-steps__btn",
+					onClick: () => s(n),
+					children: d
+				}) : d
+			}, n);
+		})
+	});
+});
+//#endregion
+export { o as SelectSteps };
+
+//# sourceMappingURL=SelectSteps.js.map