@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectOfferPrice.js

@@ -0,0 +1,48 @@
+import { SelectMoney as e } from "./SelectMoney.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectOfferPrice.tsx
+var i = t(function({ price: t, was: i, hideDiscount: a = !1, zeroLabel: o, note: s, prefix: c, suffix: l, className: u, ...d }, f) {
+	let p = Number(t);
+	if (!Number.isFinite(p)) return null;
+	let m = Number(i), h = Number.isFinite(m) && m > p, g = h ? Math.round((m - p) / m * 100) : 0;
+	return /* @__PURE__ */ r("div", {
+		ref: f,
+		...d,
+		className: `select-offerprice${u ? " " + u : ""}`,
+		children: [
+			c != null && /* @__PURE__ */ n("span", {
+				className: "select-offerprice__pre",
+				children: c
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "select-offerprice__now",
+				children: p === 0 && o != null ? o : /* @__PURE__ */ n(e, { cents: p })
+			}),
+			l != null && /* @__PURE__ */ n("span", {
+				className: "select-offerprice__per",
+				children: l
+			}),
+			h && /* @__PURE__ */ n("s", {
+				className: "select-offerprice__was",
+				children: /* @__PURE__ */ n(e, { cents: m })
+			}),
+			h && !a && g > 0 && /* @__PURE__ */ r("span", {
+				className: "select-offerprice__off",
+				children: [
+					"−",
+					g,
+					"%"
+				]
+			}),
+			s != null && /* @__PURE__ */ n("span", {
+				className: "select-offerprice__note",
+				children: s
+			})
+		]
+	});
+});
+//#endregion
+export { i as SelectOfferPrice };
+
+//# sourceMappingURL=SelectOfferPrice.js.map

package/dist/SelectOfflineModal.js

@@ -0,0 +1,31 @@
+import { SelectAlert as e } from "./SelectAlert.js";
+import { detectSelectTheme as t } from "./detectSelectTheme.js";
+import { SelectModal as n } from "./SelectModal.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/SelectOfflineModal.tsx
+function o() {
+	let [o, s] = i(() => typeof navigator < "u" && navigator.onLine === !1);
+	return r(() => {
+		let e = () => s(!1), t = () => s(!0);
+		return window.addEventListener("online", e), window.addEventListener("offline", t), () => {
+			window.removeEventListener("online", e), window.removeEventListener("offline", t);
+		};
+	}, []), /* @__PURE__ */ a(n, {
+		open: o,
+		onClose: () => {},
+		showClose: !1,
+		size: "sm",
+		theme: t(),
+		title: "Sem conexão",
+		subtitle: "Você está offline. Assim que a conexão voltar, reconectaremos automaticamente.",
+		children: /* @__PURE__ */ a(e, {
+			tone: "warning",
+			children: "Algumas ações ficam indisponíveis até a internet voltar."
+		})
+	});
+}
+//#endregion
+export { o as SelectOfflineModal };
+
+//# sourceMappingURL=SelectOfflineModal.js.map

package/dist/SelectOptionList.js

@@ -0,0 +1,54 @@
+import { ChevronRightIcon as e } from "./icons.js";
+import { useSelectReveal as t } from "./internal/useSelectReveal.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectOptionList.tsx
+function a({ children: e, className: n, ...i }) {
+	let a = t({
+		selector: ".select-optionrow",
+		y: 8,
+		duration: .45,
+		stagger: .05,
+		scroll: !0
+	});
+	return /* @__PURE__ */ r("div", {
+		...i,
+		className: `select-optionlist${n ? " " + n : ""}`,
+		ref: a,
+		children: e
+	});
+}
+function o({ title: t, subtitle: a, leading: o, trailing: s, onClick: c, muted: l = !1 }) {
+	let u = !!c, d = s === void 0 ? u ? /* @__PURE__ */ r(e, {}) : null : s, f = /* @__PURE__ */ i(n, { children: [
+		o && /* @__PURE__ */ r("span", {
+			className: "select-optionrow__leading",
+			children: o
+		}),
+		/* @__PURE__ */ i("span", {
+			className: "select-optionrow__text",
+			children: [/* @__PURE__ */ r("span", {
+				className: "select-optionrow__title",
+				children: t
+			}), a && /* @__PURE__ */ r("span", {
+				className: "select-optionrow__subtitle",
+				children: a
+			})]
+		}),
+		d && /* @__PURE__ */ r("span", {
+			className: "select-optionrow__trailing",
+			children: d
+		})
+	] }), p = `select-optionrow${l ? " select-optionrow--muted" : ""}`;
+	return u ? /* @__PURE__ */ r("button", {
+		type: "button",
+		className: p,
+		onClick: c,
+		children: f
+	}) : /* @__PURE__ */ r("div", {
+		className: p,
+		children: f
+	});
+}
+//#endregion
+export { a as SelectOptionList, o as SelectOptionRow };
+
+//# sourceMappingURL=SelectOptionList.js.map

package/dist/SelectOtpInput.js

@@ -0,0 +1,64 @@
+import { forwardRef as e, useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/SelectOtpInput.tsx
+var r = e(function({ value: e, onChange: r, length: i = 6, onComplete: a, autoFocus: o = !1, disabled: s = !1, error: c = !1, className: l, ...u }, d) {
+	let f = t([]), p = Array.from({ length: i }, (t, n) => e[n] ?? ""), m = (e) => {
+		var t;
+		return (t = f.current[e]) == null ? void 0 : t.focus();
+	}, h = (e, t) => {
+		let n = p.slice();
+		n[e] = t;
+		let a = n.join("").slice(0, i);
+		return r(a), a;
+	}, g = (e, t) => {
+		let n = t.replace(/\D/g, "");
+		if (!n) {
+			h(e, "");
+			return;
+		}
+		if (n.length === 1) {
+			let t = h(e, n);
+			e < i - 1 && m(e + 1), t.length === i && (a == null || a(t));
+		} else _(n, e);
+	}, _ = (e, t) => {
+		let n = p.slice();
+		for (let r = 0; r < e.length && t + r < i; r++) n[t + r] = e[r] ?? "";
+		let o = n.join("").slice(0, i);
+		r(o);
+		let s = Math.min(t + e.length, i) - 1;
+		m(Math.min(s + 1, i - 1)), o.length === i && (a == null || a(o));
+	}, v = (e, t) => {
+		t.key === "Backspace" && !p[e] && e > 0 ? (t.preventDefault(), h(e - 1, ""), m(e - 1)) : t.key === "ArrowLeft" && e > 0 ? (t.preventDefault(), m(e - 1)) : t.key === "ArrowRight" && e < i - 1 && (t.preventDefault(), m(e + 1));
+	}, y = (e, t) => {
+		t.preventDefault();
+		let n = t.clipboardData.getData("text").replace(/\D/g, "");
+		n && _(n, e);
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: d,
+		...u,
+		className: `select-otp${c ? " select-otp--error" : ""}${l ? " " + l : ""}`,
+		children: p.map((e, t) => /* @__PURE__ */ n("input", {
+			ref: (e) => {
+				f.current[t] = e;
+			},
+			className: "select-otp__box",
+			type: "text",
+			inputMode: "numeric",
+			autoComplete: t === 0 ? "one-time-code" : "off",
+			maxLength: 1,
+			value: e,
+			disabled: s,
+			autoFocus: o && t === 0,
+			"aria-label": `Dígito ${t + 1}`,
+			"aria-invalid": c || void 0,
+			onChange: (e) => g(t, e.target.value),
+			onKeyDown: (e) => v(t, e),
+			onPaste: (e) => y(t, e)
+		}, t))
+	});
+});
+//#endregion
+export { r as SelectOtpInput };
+
+//# sourceMappingURL=SelectOtpInput.js.map

package/dist/SelectPage.js

@@ -0,0 +1,85 @@
+/* empty css           */
+import { SelectButton as e } from "./SelectButton.js";
+import { ArrowLeftIcon as t } from "./icons.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
+import { SelectBreadcrumb as r } from "./SelectBreadcrumb.js";
+import { createContext as i, forwardRef as a, useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectPage.tsx
+var l = i(null);
+function u({ value: e, children: t }) {
+	return /* @__PURE__ */ s(l.Provider, {
+		value: e,
+		children: t
+	});
+}
+var d = a(function({ title: i, subtitle: a, eyebrow: u, divided: d = !1, primaryAction: f, secondaryActions: p, headerActions: m, backAction: h, breadcrumbs: g, children: _, className: v, ...y }, b) {
+	let x = n(), S = o(l), C = h === null ? null : h ?? S, w = !!f || p && p.length > 0 || !!m, T = C || i || a || u || w;
+	return /* @__PURE__ */ c("div", {
+		ref: b,
+		...y,
+		className: `select select-page${d ? " select-page--divided" : ""}${v ? " " + v : ""}`,
+		children: [T && /* @__PURE__ */ c("div", {
+			className: "select-page__header",
+			children: [/* @__PURE__ */ c("div", {
+				className: "select-page__heading",
+				children: [C && /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "select-page__back",
+					onClick: C.onAction,
+					"aria-label": C.content ?? x.common.back,
+					children: /* @__PURE__ */ s(t, {})
+				}), /* @__PURE__ */ c("div", {
+					className: "select-page__head",
+					children: [
+						g && g.length > 0 && /* @__PURE__ */ s(r, {
+							items: g,
+							lastIsCurrent: !1
+						}),
+						u && /* @__PURE__ */ s("p", {
+							className: "select-page__eyebrow",
+							children: u
+						}),
+						i && /* @__PURE__ */ s("h1", {
+							className: "select-page__title",
+							children: i
+						}),
+						a && /* @__PURE__ */ s("p", {
+							className: "select-page__subtitle",
+							children: a
+						})
+					]
+				})]
+			}), w && /* @__PURE__ */ c("div", {
+				className: "select-page__actions",
+				children: [
+					p == null ? void 0 : p.map((t, n) => /* @__PURE__ */ s(e, {
+						variant: "secondary",
+						size: "sm",
+						inline: !0,
+						icon: t.icon,
+						disabled: t.disabled,
+						loading: t.loading,
+						onClick: t.onAction,
+						children: t.content
+					}, n)),
+					f && /* @__PURE__ */ s(e, {
+						variant: "primary",
+						size: "sm",
+						inline: !0,
+						icon: f.icon,
+						disabled: f.disabled,
+						loading: f.loading,
+						onClick: f.onAction,
+						children: f.content
+					}),
+					m
+				]
+			})]
+		}), _]
+	});
+});
+//#endregion
+export { d as SelectPage, u as SelectPageBackProvider };
+
+//# sourceMappingURL=SelectPage.js.map

package/dist/SelectPagination.js

@@ -0,0 +1,82 @@
+/* empty css           */
+import { ChevronLeftIcon as e, ChevronRightIcon as t } from "./icons.js";
+import { formatSelectNumber as n, useSelectLocale as r, useSelectMessages as i } from "./SelectLocale.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/SelectPagination.tsx
+function c(e, t) {
+	let n = [.../* @__PURE__ */ new Set([
+		1,
+		t,
+		e,
+		e - 1,
+		e + 1
+	])].filter((e) => e >= 1 && e <= t).sort((e, t) => e - t), r = [], i = 0;
+	for (let e of n) e - i > 1 && r.push("gap"), r.push(e), i = e;
+	return r;
+}
+function l(e, t, n, r, i, a, o, s) {
+	let c = [];
+	if (e != null) {
+		if (e === 0) c.push(o.count(s(0), i));
+		else if (t) {
+			let r = (n - 1) * t + 1, a = Math.min(n * t, e);
+			c.push(o.range(s(r), s(a), s(e), i));
+		} else c.push(o.count(s(e), i));
+	}
+	return a && r != null && r > 0 && c.push(o.pageOf(s(n), s(r))), c;
+}
+var u = a(function({ page: a, pageCount: u, total: d, pageSize: f, hasPrevious: p, hasNext: m, onPrevious: h, onNext: g, onPage: _, noun: v, className: y, ...b }, x) {
+	let S = i().pagination, C = r(), w = (e) => n(e, C), T = v ?? S.noun, E = p ?? a > 1, D = m ?? (u == null || a < u), O = h ?? (_ ? () => _(a - 1) : void 0), k = g ?? (_ ? () => _(a + 1) : void 0), A = u != null && u > 1 && _ != null, j = A ? c(a, u) : [], M = l(d, f, a, u, T, A, S, w);
+	return /* @__PURE__ */ s("nav", {
+		ref: x,
+		...b,
+		className: `select-pagination${y ? " " + y : ""}`,
+		"aria-label": S.label,
+		children: [/* @__PURE__ */ s("div", {
+			className: "select-pagination__controls",
+			children: [
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					className: "select-pagination__nav",
+					onClick: O,
+					disabled: !E || !O,
+					"aria-label": S.previous,
+					children: /* @__PURE__ */ o(e, {})
+				}),
+				A ? j.map((e, t) => e === "gap" ? /* @__PURE__ */ o("span", {
+					className: "select-pagination__gap",
+					"aria-hidden": "true",
+					children: "…"
+				}, `gap-${t}`) : /* @__PURE__ */ o("button", {
+					type: "button",
+					className: `select-pagination__page${e === a ? " is-active" : ""}`,
+					onClick: () => _ == null ? void 0 : _(e),
+					"aria-current": e === a ? "page" : void 0,
+					children: e
+				}, e)) : /* @__PURE__ */ o("span", {
+					className: "select-pagination__current",
+					children: u == null ? S.page(w(a)) : `${w(a)} / ${w(u)}`
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					className: "select-pagination__nav",
+					onClick: k,
+					disabled: !D || !k,
+					"aria-label": S.next,
+					children: /* @__PURE__ */ o(t, {})
+				})
+			]
+		}), M.length > 0 && /* @__PURE__ */ o("p", {
+			className: "select-pagination__count",
+			children: M.map((e, t) => /* @__PURE__ */ o("span", {
+				className: "select-pagination__part",
+				children: t > 0 ? ` · ${e}` : e
+			}, t))
+		})]
+	});
+});
+//#endregion
+export { u as SelectPagination };
+
+//# sourceMappingURL=SelectPagination.js.map

package/dist/SelectPanel.js

@@ -0,0 +1,41 @@
+import { FrameBody as e } from "./internal/frame.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/SelectPanel.tsx
+var i = t(function({ title: t, description: i, headerAction: a, footer: o, children: s, tone: c = "default", flush: l = !1, className: u, ...d }, f) {
+	return /* @__PURE__ */ r("div", {
+		ref: f,
+		...d,
+		className: `select-panel${c === "highlight" ? " select-panel--highlight" : ""}${u ? " " + u : ""}`,
+		children: [
+			(t || a) && /* @__PURE__ */ r("div", {
+				className: "select-panel__header",
+				children: [/* @__PURE__ */ r("div", {
+					className: "select-panel__heading",
+					children: [t && /* @__PURE__ */ n("h3", {
+						className: "select-panel__title",
+						children: t
+					}), i && /* @__PURE__ */ n("p", {
+						className: "select-panel__desc",
+						children: i
+					})]
+				}), a && /* @__PURE__ */ n("div", {
+					className: "select-panel__headeraction",
+					children: a
+				})]
+			}),
+			s && /* @__PURE__ */ n("div", {
+				className: `select-panel__body${l ? " select-panel__body--flush" : ""}`,
+				children: /* @__PURE__ */ n(e, { children: s })
+			}),
+			o && /* @__PURE__ */ n("div", {
+				className: "select-panel__footer",
+				children: o
+			})
+		]
+	});
+});
+//#endregion
+export { i as SelectPanel };
+
+//# sourceMappingURL=SelectPanel.js.map

package/dist/SelectParallel.js

@@ -0,0 +1,100 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, useChartSize as n } from "./chartUtils.js";
+import { ChartTooltip as r, useChartTooltip as i } from "./chartTip.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/SelectParallel.tsx
+function c({ axes: c, data: l, height: u = 260, format: d = t, className: f, ...p }) {
+	let { ref: m, width: h } = n(u), g = i(), [_, v] = a(null), y = {
+		top: 30,
+		right: 28,
+		bottom: 26,
+		left: 28
+	}, b = Math.max(0, h - y.left - y.right), x = u - y.top - y.bottom, S = c.length, C = (e) => y.left + (S <= 1 ? b / 2 : b / (S - 1) * e), w = c.map((e) => {
+		let t = l.map((t) => t.values[e.key] ?? 0);
+		return {
+			min: Math.min(...t),
+			max: Math.max(...t)
+		};
+	}), T = (e, t) => {
+		let n = w[e], r = n.max === n.min ? .5 : (t - n.min) / (n.max - n.min);
+		return y.top + x - r * x;
+	};
+	return /* @__PURE__ */ s("div", {
+		...p,
+		className: `select-chart-wrap${f ? " " + f : ""}`,
+		ref: m,
+		children: [h > 0 && /* @__PURE__ */ s("svg", {
+			width: h,
+			height: u,
+			className: "select-chart",
+			onMouseLeave: () => {
+				v(null), g.hide();
+			},
+			children: [c.map((e, t) => /* @__PURE__ */ s("g", { children: [
+				/* @__PURE__ */ o("line", {
+					x1: C(t),
+					x2: C(t),
+					y1: y.top,
+					y2: y.top + x,
+					className: "select-chart__axis"
+				}),
+				/* @__PURE__ */ o("text", {
+					x: C(t),
+					y: y.top - 12,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: e.label
+				}),
+				/* @__PURE__ */ o("text", {
+					x: C(t),
+					y: y.top - 1,
+					className: "select-chart__ylabel",
+					textAnchor: "middle",
+					style: { fontSize: 9 },
+					children: d(w[t].max)
+				}),
+				/* @__PURE__ */ o("text", {
+					x: C(t),
+					y: y.top + x + 14,
+					className: "select-chart__ylabel",
+					textAnchor: "middle",
+					style: { fontSize: 9 },
+					children: d(w[t].min)
+				})
+			] }, e.key)), l.map((t, n) => {
+				let r = t.color ?? e(n), i = c.map((e, n) => `${n ? "L" : "M"}${C(n).toFixed(1)},${T(n, t.values[e.key] ?? 0).toFixed(1)}`).join("");
+				return /* @__PURE__ */ o("path", {
+					d: i,
+					fill: "none",
+					stroke: r,
+					strokeWidth: _ === n ? 3 : 1.75,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeOpacity: _ === null || _ === n ? .9 : .2,
+					style: { cursor: "pointer" },
+					onMouseEnter: () => {
+						v(n), g.show({
+							x: C(S - 1),
+							y: T(S - 1, t.values[c[S - 1].key] ?? 0),
+							place: "top",
+							title: t.label ?? `Série ${n + 1}`,
+							rows: c.map((e) => ({
+								label: e.label,
+								value: d(t.values[e.key] ?? 0),
+								color: r
+							}))
+						});
+					},
+					onMouseLeave: () => {
+						v(null), g.hide();
+					}
+				}, n);
+			})]
+		}), /* @__PURE__ */ o(r, { tip: g.tip })]
+	});
+}
+//#endregion
+export { c as SelectParallel };
+
+//# sourceMappingURL=SelectParallel.js.map

package/dist/SelectPareto.js

@@ -0,0 +1,134 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceMax as r, smoothLinePath as i, ticks as a, useChartSize as o } from "./chartUtils.js";
+import { ChartTooltip as s, useChartTooltip as c } from "./chartTip.js";
+import { useId as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectPareto.tsx
+function p({ data: p, height: m = 240, format: h = n, className: g, ..._ }) {
+	var v;
+	let { ref: y, width: b } = o(m), x = c(), S = l(), [C, w] = u(null), T = {
+		...e,
+		right: 44
+	}, E = [...p].sort((e, t) => t.value - e.value), D = E.length, O = E.reduce((e, t) => e + t.value, 0) || 1, k = 0, A = E.map((e) => (k += e.value, k / O * 100)), j = Math.max(0, b - T.left - T.right), M = m - T.top - T.bottom, N = r(((v = E[0]) == null ? void 0 : v.value) ?? 1), P = D > 0 ? j / D : 0, F = Math.min(P * .62, 46), I = T.top + M, L = (e) => I - e / N * M, R = (e) => I - e / 100 * M, z = (e) => T.left + P * e + P / 2, B = A.map((e, t) => [z(t), R(e)]), V = t(0), H = t(1);
+	return /* @__PURE__ */ f("div", {
+		..._,
+		className: `select-chart-wrap${g ? " " + g : ""}`,
+		ref: y,
+		children: [b > 0 && /* @__PURE__ */ f("svg", {
+			width: b,
+			height: m,
+			className: "select-chart",
+			onMouseLeave: () => {
+				w(null), x.hide();
+			},
+			children: [
+				/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ f("linearGradient", {
+					id: `${S}-b`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ d("stop", {
+						offset: "0%",
+						stopColor: V,
+						stopOpacity: 1
+					}), /* @__PURE__ */ d("stop", {
+						offset: "100%",
+						stopColor: V,
+						stopOpacity: .55
+					})]
+				}) }),
+				a(N).map((e, t) => /* @__PURE__ */ f("g", { children: [/* @__PURE__ */ d("line", {
+					x1: T.left,
+					x2: b - T.right,
+					y1: L(e),
+					y2: L(e),
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ d("text", {
+					x: T.left - 8,
+					y: L(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: h(e)
+				})] }, t)),
+				[
+					0,
+					25,
+					50,
+					75,
+					100
+				].map((e, t) => /* @__PURE__ */ f("text", {
+					x: b - 4,
+					y: R(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: [e, "%"]
+				}, `r${t}`)),
+				/* @__PURE__ */ d("line", {
+					x1: T.left,
+					x2: b - T.right,
+					y1: R(80),
+					y2: R(80),
+					className: "select-chart__crosshair"
+				}),
+				E.map((e, t) => {
+					let n = L(e.value);
+					return /* @__PURE__ */ d("rect", {
+						x: z(t) - F / 2,
+						y: n,
+						width: F,
+						height: Math.max(0, I - n),
+						rx: 4,
+						fill: `url(#${S}-b)`,
+						className: "select-chart__bar",
+						onMouseEnter: () => x.show({
+							x: z(t),
+							y: n,
+							place: n < T.top + 40 ? "bottom" : "top",
+							title: e.label,
+							rows: [{
+								label: "Valor",
+								value: h(e.value),
+								color: V
+							}, {
+								label: "Acumulado",
+								value: `${A[t].toFixed(0)}%`,
+								color: H
+							}]
+						}),
+						onMouseLeave: x.hide
+					}, t);
+				}),
+				/* @__PURE__ */ d("path", {
+					d: i(B),
+					fill: "none",
+					stroke: H,
+					strokeWidth: 2,
+					pathLength: 1,
+					className: "select-chart__line"
+				}),
+				B.map((e, t) => /* @__PURE__ */ d("circle", {
+					cx: e[0],
+					cy: e[1],
+					r: C === t ? 5 : 3.5,
+					fill: H,
+					className: `select-chart__dot${C === t ? " select-chart__dot--active" : ""}`,
+					onMouseEnter: () => w(t)
+				}, t)),
+				E.map((e, t) => /* @__PURE__ */ d("text", {
+					x: z(t),
+					y: m - T.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: "middle",
+					children: e.label
+				}, t))
+			]
+		}), /* @__PURE__ */ d(s, { tip: x.tip })]
+	});
+}
+//#endregion
+export { p as SelectPareto };
+
+//# sourceMappingURL=SelectPareto.js.map