@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectRecordCard.js

@@ -0,0 +1,144 @@
+import { safeHref as e } from "./internal/safeHref.js";
+import { forwardRef as t, useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Link as s } from "react-router-dom";
+//#region src/SelectRecordCard.tsx
+var c = t(function({ media: t, title: n, subtitle: r, actions: i, body: c, facts: d, tags: f, status: p, meta: m, to: h, accent: g = !1, cover: _, coverFallback: v, preview: y, className: b, ...x }, S) {
+	let C = p != null || m != null, w = e(h);
+	return /* @__PURE__ */ o("div", {
+		ref: S,
+		...x,
+		className: `select-rcard${w ? " select-rcard--link" : ""}${b ? " " + b : ""}`,
+		children: [
+			g && /* @__PURE__ */ a("span", {
+				className: "select-rcard__accent",
+				"aria-hidden": "true"
+			}),
+			_ === void 0 ? y ? /* @__PURE__ */ a("span", {
+				className: "select-rcard__preview",
+				"aria-hidden": "true",
+				children: y
+			}) : null : /* @__PURE__ */ a(u, {
+				src: _,
+				fallback: v
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "select-rcard__main",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "select-rcard__head",
+						children: [
+							t && /* @__PURE__ */ a("span", {
+								className: "select-rcard__media",
+								children: t
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "select-rcard__ident",
+								children: [/* @__PURE__ */ a("span", {
+									className: "select-rcard__title",
+									children: w ? /* @__PURE__ */ a(s, {
+										to: w,
+										className: "select-rcard__link",
+										children: n
+									}) : n
+								}), r && /* @__PURE__ */ a("span", {
+									className: "select-rcard__sub",
+									children: r
+								})]
+							}),
+							i && /* @__PURE__ */ a("span", {
+								className: "select-rcard__actions",
+								children: i
+							})
+						]
+					}),
+					c && /* @__PURE__ */ a("div", {
+						className: "select-rcard__body",
+						children: c
+					}),
+					d && d.length > 0 && /* @__PURE__ */ a("div", {
+						className: "select-rcard__body",
+						children: /* @__PURE__ */ a(l, { items: d })
+					}),
+					f && /* @__PURE__ */ a("div", {
+						className: "select-rcard__tags",
+						children: f
+					})
+				]
+			}),
+			C && /* @__PURE__ */ o("div", {
+				className: "select-rcard__foot",
+				children: [p && /* @__PURE__ */ o("span", {
+					className: "select-rcard__status",
+					children: [/* @__PURE__ */ a("span", {
+						className: `select-rcard__dot select-rcard__dot--${p.tone ?? "neutral"}`,
+						"aria-hidden": "true"
+					}), p.label]
+				}), m && /* @__PURE__ */ a("span", {
+					className: "select-rcard__meta",
+					children: m
+				})]
+			})
+		]
+	});
+});
+function l({ items: e }) {
+	return e.length ? /* @__PURE__ */ a("ul", {
+		className: "select-facts",
+		children: e.map((e, t) => /* @__PURE__ */ o("li", {
+			className: `select-facts__item${e.tone ? ` select-facts__item--${e.tone}` : ""}`,
+			children: [/* @__PURE__ */ a("span", {
+				className: "select-facts__icon",
+				"aria-hidden": "true",
+				children: e.icon
+			}), /* @__PURE__ */ a("span", {
+				className: "select-facts__text",
+				children: e.text
+			})]
+		}, e.key ?? t))
+	}) : null;
+}
+function u({ src: e, fallback: t }) {
+	let [i, o] = r(!1);
+	return n(() => o(!1), [e]), /* @__PURE__ */ a("span", {
+		className: "select-rcard__cover",
+		"aria-hidden": "true",
+		children: e && !i ? /* @__PURE__ */ a("img", {
+			src: e,
+			alt: "",
+			loading: "lazy",
+			onError: () => o(!0)
+		}) : /* @__PURE__ */ a("span", {
+			className: "select-rcard__coverph",
+			children: t
+		})
+	});
+}
+var d = t(function({ kind: e, accent: t, fill: n = !1, className: r, style: s, ...c }, l) {
+	let u = t ? {
+		...s,
+		"--select-rcard-thumb-accent": t
+	} : s;
+	return /* @__PURE__ */ o("span", {
+		ref: l,
+		...c,
+		style: u,
+		className: `select-rcard__thumb${n ? " select-rcard__thumb--fill" : ""}${r ? " " + r : ""}`,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("span", { className: "select-rcard__thumbline select-rcard__thumbline--accent" }), e === "steps" ? /* @__PURE__ */ o(i, { children: [
+			/* @__PURE__ */ a("span", { className: "select-rcard__thumbline" }),
+			/* @__PURE__ */ a("span", { className: "select-rcard__thumbline" }),
+			/* @__PURE__ */ a("span", { className: "select-rcard__thumbline select-rcard__thumbline--short" })
+		] }) : e === "stacked" || e === "floating" ? [0, 1].map((t) => /* @__PURE__ */ a("span", {
+			className: `select-rcard__thumbfield select-rcard__thumbfield--${e}`,
+			children: /* @__PURE__ */ a("span", { className: "select-rcard__thumblabel" })
+		}, t)) : /* @__PURE__ */ o("span", {
+			className: "select-rcard__thumbcols",
+			children: [/* @__PURE__ */ a("span", { className: "select-rcard__thumbcol" }), /* @__PURE__ */ a("span", { className: "select-rcard__thumbcol" })]
+		})]
+	});
+});
+//#endregion
+export { l as SelectFactList, d as SelectLayoutThumb, c as SelectRecordCard };
+
+//# sourceMappingURL=SelectRecordCard.js.map

package/dist/SelectRegions.js

@@ -0,0 +1,23 @@
+import { Children as e, forwardRef as t, isValidElement as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/SelectRegions.tsx
+var i = t(function({ columns: t, collapseBelow: i = "lg", children: a, className: o, style: s, ...c }, l) {
+	let u = e.toArray(a).filter((e) => e !== ""), d = t ?? `repeat(${Math.max(u.length, 1)}, minmax(0, 1fr))`;
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		...c,
+		className: `select-regions select-regions--collapse-${i}${o ? " " + o : ""}`,
+		style: {
+			"--select-regions-columns": d,
+			...s
+		},
+		children: u.map((e, t) => /* @__PURE__ */ r("div", {
+			className: "select-regions__col",
+			children: e
+		}, n(e) && e.key != null ? e.key : t))
+	});
+});
+//#endregion
+export { i as SelectRegions };
+
+//# sourceMappingURL=SelectRegions.js.map

package/dist/SelectRepeatingFieldArray.js

@@ -0,0 +1,104 @@
+import { SelectButton as e } from "./SelectButton.js";
+import { ChevronDownIcon as t, ChevronUpIcon as n, PlusIcon as r, TrashIcon as i } from "./icons.js";
+import { SelectBox as a, SelectInline as o, SelectStack as s } from "./SelectLayout.js";
+import { SelectText as c } from "./SelectText.js";
+import { SelectIconButton as l } from "./SelectIconButton.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectRepeatingFieldArray.tsx
+function p({ items: p, onChange: m, renderRow: h, newItem: g, addLabel: _ = "Adicionar", rowLabel: v, min: y = 0, max: b, addDisabled: x = !1, reorderable: S = !1, chrome: C = "card", emptyState: w, helpText: T }) {
+	let E = !x && (b == null || p.length < b), D = p.length > y, O = (e, t) => m(p.map((n, r) => r === e ? t : n)), k = (e) => m(p.filter((t, n) => n !== e)), A = (e, t) => {
+		let n = e + t;
+		if (n < 0 || n >= p.length) return;
+		let r = p.slice(), i = r[e];
+		r[e] = r[n], r[n] = i, m(r);
+	}, j = (e, t) => ({
+		index: t,
+		isFirst: t === 0,
+		isLast: t === p.length - 1,
+		canRemove: D,
+		update: (n) => O(t, {
+			...e,
+			...n
+		}),
+		set: (e) => O(t, e),
+		remove: () => k(t),
+		moveUp: () => A(t, -1),
+		moveDown: () => A(t, 1)
+	});
+	return /* @__PURE__ */ f(s, {
+		gap: "300",
+		children: [
+			p.length === 0 && w != null && /* @__PURE__ */ d("div", { children: w }),
+			p.map((e, r) => {
+				let p = j(e, r);
+				return C === "bare" ? /* @__PURE__ */ d("div", { children: h(e, p) }, r) : /* @__PURE__ */ d(a, {
+					background: "surface",
+					border: !0,
+					borderRadius: "base",
+					padding: "300",
+					children: /* @__PURE__ */ f(s, {
+						gap: "200",
+						children: [/* @__PURE__ */ f(o, {
+							align: "space-between",
+							blockAlign: "center",
+							gap: "200",
+							children: [/* @__PURE__ */ d(c, {
+								as: "span",
+								variant: "bodySm",
+								fontWeight: "medium",
+								tone: "subdued",
+								children: v ? v(r, e) : `#${r + 1}`
+							}), /* @__PURE__ */ f(o, {
+								gap: "100",
+								blockAlign: "center",
+								wrap: !1,
+								children: [S && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, {
+									size: "sm",
+									icon: /* @__PURE__ */ d(n, {}),
+									label: "Mover para cima",
+									disabled: p.isFirst,
+									onClick: p.moveUp
+								}), /* @__PURE__ */ d(l, {
+									size: "sm",
+									icon: /* @__PURE__ */ d(t, {}),
+									label: "Mover para baixo",
+									disabled: p.isLast,
+									onClick: p.moveDown
+								})] }), /* @__PURE__ */ d(l, {
+									size: "sm",
+									icon: /* @__PURE__ */ d(i, {}),
+									label: "Remover",
+									disabled: !D,
+									onClick: p.remove
+								})]
+							})]
+						}), h(e, p)]
+					})
+				}, r);
+			}),
+			/* @__PURE__ */ f(o, {
+				align: "space-between",
+				blockAlign: "center",
+				gap: "200",
+				children: [/* @__PURE__ */ d(e, {
+					variant: "secondary",
+					size: "sm",
+					inline: !0,
+					icon: /* @__PURE__ */ d(r, {}),
+					disabled: !E,
+					onClick: () => m([...p, g()]),
+					children: _
+				}), T != null && /* @__PURE__ */ d(c, {
+					as: "span",
+					variant: "bodyXs",
+					tone: "subdued",
+					children: T
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { p as SelectRepeatingFieldArray };
+
+//# sourceMappingURL=SelectRepeatingFieldArray.js.map

package/dist/SelectResendButton.js

@@ -0,0 +1,44 @@
+import { forwardRef as e, useCallback as t, useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectResendButton.tsx
+function o(e) {
+	let t = Math.max(0, Math.ceil(e));
+	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
+}
+var s = e(function({ onResend: e, seconds: s = 30, idleLabel: c = "Reenviar código", remaining: l, sending: u = !1, sendingLabel: d = "Enviando…", hint: f, className: p, ...m }, h) {
+	let g = l !== void 0, [_, v] = r(s), y = g ? Math.max(0, Math.ceil(l)) : _;
+	n(() => {
+		if (g || _ <= 0) return;
+		let e = setInterval(() => v((e) => e <= 1 ? 0 : e - 1), 1e3);
+		return () => clearInterval(e);
+	}, [g, _]);
+	let b = t(() => {
+		y > 0 || u || (e(), g || v(s));
+	}, [
+		y,
+		u,
+		e,
+		g,
+		s
+	]), x = y > 0, S = u ? d : x ? `Reenviar em ${o(y)}` : c, C = /* @__PURE__ */ i("button", {
+		ref: h,
+		...m,
+		type: "button",
+		className: `select-resend${p ? " " + p : ""}`,
+		onClick: b,
+		disabled: x || u,
+		"aria-live": x ? "polite" : void 0,
+		children: S
+	});
+	return f == null ? C : /* @__PURE__ */ a("div", {
+		className: "select-resend-row",
+		children: [/* @__PURE__ */ i("span", {
+			className: "select-resend-row__hint",
+			children: f
+		}), C]
+	});
+});
+//#endregion
+export { s as SelectResendButton, o as formatResendWait };
+
+//# sourceMappingURL=SelectResendButton.js.map

package/dist/SelectRetryStatus.js

@@ -0,0 +1,79 @@
+import { CheckIcon as e } from "./icons.js";
+import { useEffect as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectRetryStatus.tsx
+function o(e) {
+	return e ? Math.max(0, Math.ceil((e - Date.now()) / 1e3)) : 0;
+}
+function s({ phase: s, nextAttemptAt: c, waitMs: l, attempt: u = 0, mark: d, action: f, waitingLabel: p = (e) => /* @__PURE__ */ a(r, { children: ["Nova tentativa em ", /* @__PURE__ */ a("span", {
+	className: "select-retry__num",
+	children: [e, "s"]
+})] }), tryingLabel: m = "Reconectando…", doneLabel: h = "Conexão restabelecida", attemptLabel: g = (e) => e === 1 ? "1 tentativa sem resposta" : `${e} tentativas sem resposta`, firstLabel: _ = "Primeira tentativa a caminho", doneCaption: v = "Atualizando seus dados", className: y }) {
+	let [b, x] = n(() => o(c));
+	t(() => {
+		if (x(o(c)), s !== "waiting" || !c) return;
+		let e = setInterval(() => x(o(c)), 250);
+		return () => clearInterval(e);
+	}, [s, c]);
+	let S;
+	if (s === "waiting" && c && l) {
+		let e = Math.max(0, c - Date.now());
+		S = {
+			"--select-retry-from": String(Math.min(1, e / l)),
+			animationDuration: `${e}ms`
+		};
+	}
+	return /* @__PURE__ */ a("div", {
+		className: `select-retry select-retry--${s}${y ? " " + y : ""}`,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "select-retry__line",
+				role: "status",
+				"aria-live": "polite",
+				children: [
+					s === "waiting" && /* @__PURE__ */ i("span", {
+						className: "select-retry__dot",
+						"aria-hidden": "true"
+					}),
+					s === "trying" && (d == null ? /* @__PURE__ */ i("span", {
+						className: "select-retry__spinner",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ i("span", {
+						className: "select-retry__mark",
+						"aria-hidden": "true",
+						children: d
+					})),
+					s === "done" && /* @__PURE__ */ i("span", {
+						className: "select-retry__check",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ i(e, {})
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "select-retry__label",
+						children: s === "waiting" ? p(b) : s === "trying" ? m : h
+					}),
+					s === "waiting" && f != null && /* @__PURE__ */ i("span", {
+						className: "select-retry__action",
+						children: f
+					})
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "select-retry__track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ i("div", {
+					className: "select-retry__fill",
+					style: S
+				}, c ?? s)
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "select-retry__caption",
+				children: s === "done" ? v : u > 0 ? g(u) : _
+			})
+		]
+	});
+}
+//#endregion
+export { s as SelectRetryStatus };
+
+//# sourceMappingURL=SelectRetryStatus.js.map

package/dist/SelectRing.js

@@ -0,0 +1,53 @@
+/* empty css           */
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectRing.tsx
+var r = e(function({ value: e, max: r = 100, size: i = 64, thickness: a, tone: o = "brand", label: s, caption: c, inverse: l = !1, ariaLabel: u, className: d, style: f, ...p }, m) {
+	let h = r > 0 ? r : 100, g = Math.max(0, Math.min(1, (Number.isFinite(e) ? e : 0) / h)), _ = (a ?? Math.max(4, Math.round(i * .11))) / i * 100, v = 50 - _ / 2, y = 2 * Math.PI * v, b = {
+		"--select-ring-size": `${i / 16}rem`,
+		...f
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: m,
+		...p,
+		role: u ? "img" : void 0,
+		"aria-label": u,
+		"aria-hidden": !u || void 0,
+		className: `select-ring select-ring--${o}${l ? " select-ring--inverse" : ""}${d ? " " + d : ""}`,
+		style: b,
+		children: [/* @__PURE__ */ n("svg", {
+			viewBox: "0 0 100 100",
+			className: "select-ring__svg",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ t("circle", {
+				className: "select-ring__track",
+				cx: "50",
+				cy: "50",
+				r: v,
+				strokeWidth: _
+			}), g > 0 && /* @__PURE__ */ t("circle", {
+				className: "select-ring__fill",
+				cx: "50",
+				cy: "50",
+				r: v,
+				strokeWidth: _,
+				strokeDasharray: y,
+				strokeDashoffset: y * (1 - g),
+				style: { "--select-ring-c": y }
+			})]
+		}), (s != null || c != null) && /* @__PURE__ */ n("span", {
+			className: "select-ring__center",
+			children: [s != null && /* @__PURE__ */ t("span", {
+				className: "select-ring__label",
+				children: s
+			}), c != null && /* @__PURE__ */ t("span", {
+				className: "select-ring__caption",
+				children: c
+			})]
+		})]
+	});
+});
+//#endregion
+export { r as SelectRing };
+
+//# sourceMappingURL=SelectRing.js.map

package/dist/SelectRowActions.js

@@ -0,0 +1,32 @@
+import { Setting4Icon as e } from "./icons.js";
+import { useSelectMessages as t } from "./SelectLocale.js";
+import { SelectPopover as n } from "./SelectPopover.js";
+import { SelectActionList as r } from "./SelectActionList.js";
+import { SelectIconButton as i } from "./SelectIconButton.js";
+import { useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/SelectRowActions.tsx
+function s({ actions: s, label: c }) {
+	let l = t().common.actions, u = c ?? l, [d, f] = a(!1);
+	return /* @__PURE__ */ o(n, {
+		active: d,
+		onClose: () => f(!1),
+		placement: "bottom-end",
+		activator: /* @__PURE__ */ o(i, {
+			icon: /* @__PURE__ */ o(e, {}),
+			label: u,
+			size: "sm",
+			variant: "outline",
+			active: d,
+			onClick: () => f((e) => !e)
+		}),
+		children: /* @__PURE__ */ o(r, {
+			items: s,
+			onAction: () => f(!1)
+		})
+	});
+}
+//#endregion
+export { s as SelectRowActions };
+
+//# sourceMappingURL=SelectRowActions.js.map

package/dist/SelectSankey.js

@@ -0,0 +1,92 @@
+/* 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 { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectSankey.tsx
+function s({ links: s, height: c = 260, format: l = t, nodeWidth: u = 14, nodeGap: d = 14, className: f, ...p }) {
+	let { ref: m, width: h } = n(c), g = i(), _ = [], v = [];
+	for (let e of s) _.includes(e.source) || _.push(e.source), v.includes(e.target) || v.push(e.target);
+	let y = s.reduce((e, t) => e + t.value, 0) || 1, b = (e, t) => s.filter((n) => n[t] === e).reduce((e, t) => e + t.value, 0), x = c - 12, S = Math.max(_.length, v.length), C = (x - d * Math.max(0, S - 1)) / y, w = (t, n, r) => {
+		let i = /* @__PURE__ */ new Map(), a = 6;
+		return t.forEach((t, o) => {
+			let s = b(t, n) * C;
+			i.set(t, {
+				name: t,
+				y: a,
+				h: s,
+				cursor: a,
+				color: e(o + r)
+			}), a += s + d;
+		}), i;
+	}, T = w(_, "source", 0), E = w(v, "target", _.length), D = u, O = h - u, k = (D + O) / 2;
+	return /* @__PURE__ */ o("div", {
+		...p,
+		className: `select-chart-wrap${f ? " " + f : ""}`,
+		ref: m,
+		children: [h > 0 && /* @__PURE__ */ o("svg", {
+			width: h,
+			height: c,
+			className: "select-chart",
+			children: [
+				s.map((e, t) => {
+					let n = T.get(e.source), r = E.get(e.target), i = e.value * C, o = n.cursor, s = r.cursor;
+					n.cursor += i, r.cursor += i;
+					let c = `M${D},${o} C${k},${o} ${k},${s} ${O},${s} L${O},${s + i} C${k},${s + i} ${k},${o + i} ${D},${o + i} Z`;
+					return /* @__PURE__ */ a("path", {
+						d: c,
+						fill: n.color,
+						className: "select-sankey__link",
+						onMouseEnter: () => g.show({
+							x: k,
+							y: (o + s + i) / 2,
+							place: "top",
+							title: `${e.source} → ${e.target}`,
+							rows: [{
+								label: "Fluxo",
+								value: l(e.value),
+								color: n.color
+							}]
+						}),
+						onMouseLeave: g.hide
+					}, t);
+				}),
+				[...T.values()].map((e, t) => /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("rect", {
+					x: 0,
+					y: e.y,
+					width: u,
+					height: Math.max(1, e.h),
+					rx: 3,
+					fill: e.color,
+					className: "select-sankey__node"
+				}), /* @__PURE__ */ a("text", {
+					x: u + 6,
+					y: e.y + e.h / 2,
+					className: "select-sankey__label",
+					dominantBaseline: "middle",
+					textAnchor: "start",
+					children: e.name
+				})] }, `s${t}`)),
+				[...E.values()].map((e, t) => /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("rect", {
+					x: h - u,
+					y: e.y,
+					width: u,
+					height: Math.max(1, e.h),
+					rx: 3,
+					fill: e.color,
+					className: "select-sankey__node"
+				}), /* @__PURE__ */ a("text", {
+					x: h - u - 6,
+					y: e.y + e.h / 2,
+					className: "select-sankey__label",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: e.name
+				})] }, `t${t}`))
+			]
+		}), /* @__PURE__ */ a(r, { tip: g.tip })]
+	});
+}
+//#endregion
+export { s as SelectSankey };
+
+//# sourceMappingURL=SelectSankey.js.map

package/dist/SelectScatter.js

@@ -0,0 +1,79 @@
+/* empty css           */
+import { CHART_PAD as e, chartColor as t, formatCompact as n, niceMax as r, ticks as i, useChartSize as a } from "./chartUtils.js";
+import { ChartTooltip as o, useChartTooltip as s } from "./chartTip.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/SelectScatter.tsx
+function u({ series: u, height: d = 240, xFormat: f = n, yFormat: p = n, xMax: m, yMax: h, maxRadius: g = 18, className: _, ...v }) {
+	let { ref: y, width: b } = a(d), x = s(), S = u.flatMap((e) => e.points), C = r(m ?? Math.max(0, ...S.map((e) => e.x))), w = r(h ?? Math.max(0, ...S.map((e) => e.y))), T = Math.max(1, ...S.map((e) => e.r ?? 0)), E = e, D = Math.max(0, b - E.left - E.right), O = d - E.top - E.bottom, k = E.top + O, A = (e) => E.left + e / C * D, j = (e) => k - e / w * O, M = (e) => e.r ? 4 + Math.sqrt(e.r) / Math.sqrt(T) * (g - 4) : 4.5;
+	return /* @__PURE__ */ l("div", {
+		...v,
+		className: `select-chart-wrap${_ ? " " + _ : ""}`,
+		ref: y,
+		children: [b > 0 && /* @__PURE__ */ l("svg", {
+			width: b,
+			height: d,
+			className: "select-chart",
+			children: [
+				i(w).map((e, t) => /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("line", {
+					x1: E.left,
+					x2: b - E.right,
+					y1: j(e),
+					y2: j(e),
+					className: t === 0 ? "select-chart__axis" : "select-chart__grid"
+				}), /* @__PURE__ */ c("text", {
+					x: E.left - 8,
+					y: j(e),
+					className: "select-chart__ylabel",
+					dominantBaseline: "middle",
+					textAnchor: "end",
+					children: p(e)
+				})] }, `y${t}`)),
+				i(C).map((e, t, n) => /* @__PURE__ */ c("text", {
+					x: A(e),
+					y: d - E.bottom + 16,
+					className: "select-chart__xlabel",
+					textAnchor: t === 0 ? "start" : t === n.length - 1 ? "end" : "middle",
+					children: f(e)
+				}, `x${t}`)),
+				u.map((e, n) => {
+					let r = e.color ?? t(n);
+					return /* @__PURE__ */ c("g", {
+						fill: r,
+						children: e.points.map((t, n) => /* @__PURE__ */ c("circle", {
+							cx: A(t.x),
+							cy: j(t.y),
+							r: M(t),
+							className: "select-chart__point",
+							onMouseEnter: () => x.show({
+								x: A(t.x),
+								y: j(t.y) - M(t),
+								place: j(t.y) - M(t) < E.top + 52 ? "bottom" : "top",
+								title: t.label ?? e.name,
+								rows: [
+									{
+										label: "X",
+										value: f(t.x),
+										color: r
+									},
+									{
+										label: "Y",
+										value: p(t.y)
+									},
+									...t.r == null ? [] : [{
+										label: "Peso",
+										value: String(t.r)
+									}]
+								]
+							}),
+							onMouseLeave: x.hide
+						}, n))
+					}, n);
+				})
+			]
+		}), /* @__PURE__ */ c(o, { tip: x.tip })]
+	});
+}
+//#endregion
+export { u as SelectScatter };
+
+//# sourceMappingURL=SelectScatter.js.map

package/dist/SelectSearchInput.d.ts

@@ -1,12 +1,18 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ChangeEvent, ComponentPropsWithoutRef, Ref } from 'react';
+import { SelectNativeInputProps } from './SelectField';
 type SelectSearchInputOwnProps = {
     value: string;
-    onChange: (value: string) => void;
+    /** O valor novo e, desde a 0.1.198, o evento nativo. */
+    onChange: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
     /** Right-aligned shortcut hint (rendered as a small chip). */
     shortcut?: string;
     /** 0.1.181: o nome do campo para o leitor de tela (padrão: o placeholder — sem ele o campo não tinha nome). */
     inputLabel?: string;
+    /** 0.1.198: os atributos nativos do `<input type="search">` (o `autoFocus`, o `onKeyDown`, o `aria-controls`…). */
+    inputProps?: SelectNativeInputProps;
+    /** 0.1.198: a referência do `<input>`. */
+    inputRef?: Ref<HTMLInputElement>;
 };
 export type SelectSearchInputProps = SelectSearchInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSearchInputOwnProps>;
 export declare const SelectSearchInput: import('react').ForwardRefExoticComponent<SelectSearchInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSearchInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;