@selectwin/kit 0.1.217 → 0.1.218

package/dist/SelectChartTipRows.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface SelectChartTipRow {
+    label: ReactNode;
+    value: ReactNode;
+    /** A cor da série ou da parte (o ponto à esquerda). */
+    color?: string;
+    /** A linha da soma: sem o ponto, com o espaço dele. */
+    total?: boolean;
+}
+export declare function SelectChartTipRows({ title, rows }: {
+    title?: ReactNode;
+    rows: readonly SelectChartTipRow[];
+}): import("react").JSX.Element;

package/dist/SelectChartTipRows.js

@@ -0,0 +1,31 @@
+/* empty css           */
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectChartTipRows.tsx
+function r({ title: r, rows: i }) {
+	let a = i.some((e) => e.color != null);
+	return /* @__PURE__ */ n(e, { children: [r != null && /* @__PURE__ */ t("span", {
+		className: "select-chart__tiptitle",
+		children: r
+	}), i.map((e, r) => /* @__PURE__ */ n("span", {
+		className: `select-chart__tiprow${e.total ? " select-chart__tiprow--total" : ""}`,
+		children: [
+			a && /* @__PURE__ */ t("span", {
+				className: "select-chart__tipdot",
+				style: e.color != null && !e.total ? { background: e.color } : { visibility: "hidden" },
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "select-chart__tiplabel",
+				children: e.label
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "select-chart__tipval",
+				children: e.value
+			})
+		]
+	}, r))] });
+}
+//#endregion
+export { r as SelectChartTipRows };
+
+//# sourceMappingURL=SelectChartTipRows.js.map

package/dist/SelectGauge.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 type SelectGaugeOwnProps = {
     /** Percentage 0–100 (drives the arc sweep). */
     value: number;
@@ -12,6 +12,13 @@ type SelectGaugeOwnProps = {
     color?: string;
     /** Format the center number (default "NN%"). */
     format?: (n: number) => string;
+    /**
+     * 0.1.218: os números por trás da proporção ("1.204 entregues · 3 a caminho"), numa dica que abre no mouse, no foco do
+     * teclado (o medidor entra na ordem do Tab) e no toque, e fecha no Esc. Para quem lê tela, é a descrição do medidor.
+     */
+    tip?: ReactNode;
+    /** 0.1.218: o nome do medidor para o leitor de tela ("98% entregues"); padrão: o número e o `label`. */
+    ariaLabel?: string;
 };
 export type SelectGaugeProps = SelectGaugeOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectGaugeOwnProps>;
 export declare const SelectGauge: import('react').ForwardRefExoticComponent<SelectGaugeOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectGaugeOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectGauge.js

@@ -1,74 +1,84 @@
 /* empty css           */
-import { useCountUp as e } from "./internal/useSelectReveal.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { SelectTooltip as e } from "./SelectTooltip.js";
+import { useCountUp as t } from "./internal/useSelectReveal.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/SelectGauge.tsx
-function i(e) {
+function a(e) {
 	return Number.isFinite(e) ? Math.max(0, Math.min(100, e)) : 0;
 }
-function a(e, t, n, r) {
+function o(e, t, n, r) {
 	let i = Math.PI + r * Math.PI;
 	return [e + n * Math.cos(i), t + n * Math.sin(i)];
 }
-function o(e, t, n, r, i) {
-	let [o, s] = a(e, t, n, r), [c, l] = a(e, t, n, i);
-	return `M ${o.toFixed(2)} ${s.toFixed(2)} A ${n} ${n} 0 0 1 ${c.toFixed(2)} ${l.toFixed(2)}`;
+function s(e, t, n, r, i) {
+	let [a, s] = o(e, t, n, r), [c, l] = o(e, t, n, i);
+	return `M ${a.toFixed(2)} ${s.toFixed(2)} A ${n} ${n} 0 0 1 ${c.toFixed(2)} ${l.toFixed(2)}`;
 }
-var s = (e) => `${e.toLocaleString("pt-BR", { maximumFractionDigits: +(e < 10) })}%`, c = t(function({ value: t, label: a, caption: c, size: l = 220, thickness: u, color: d, format: f = s, className: p, ...m }, h) {
-	let g = i(t), _ = u ?? Math.max(8, Math.round(l * .075)), v = _ / 2 + 2, y = l / 2 - v, b = l / 2, x = l / 2, S = x + v, C = e({
-		value: g,
-		format: f
+var c = (e) => `${e.toLocaleString("pt-BR", { maximumFractionDigits: +(e < 10) })}%`, l = n(function({ value: n, label: o, caption: l, size: u = 220, thickness: d, color: f, format: p = c, tip: m, ariaLabel: h, className: g, ..._ }, v) {
+	let y = a(n), b = d ?? Math.max(8, Math.round(u * .075)), x = b / 2 + 2, S = u / 2 - x, C = u / 2, w = u / 2, T = w + x, E = t({
+		value: y,
+		format: p
+	}), D = (t) => m == null ? t : /* @__PURE__ */ r(e, {
+		content: m,
+		focusable: !0,
+		openOnClick: !0,
+		children: t
 	});
-	return /* @__PURE__ */ r("div", {
-		ref: h,
-		...m,
-		className: `select-gauge${p ? " " + p : ""}`,
-		style: { width: `${l / 16}rem` },
-		children: [/* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
+		ref: v,
+		..._,
+		className: `select-gauge${g ? " " + g : ""}`,
+		style: { width: `${u / 16}rem` },
+		children: [D(/* @__PURE__ */ i("div", {
 			className: "select-gauge__ring",
 			style: {
 				width: "100%",
-				aspectRatio: `${l} / ${S}`
+				aspectRatio: `${u} / ${T}`
 			},
-			children: [/* @__PURE__ */ r("svg", {
+			...m == null ? {} : {
+				role: "img",
+				"aria-label": h ?? [p(y), o].filter(Boolean).join(" ")
+			},
+			children: [/* @__PURE__ */ i("svg", {
 				width: "100%",
 				height: "100%",
-				viewBox: `0 0 ${l} ${S}`,
+				viewBox: `0 0 ${u} ${T}`,
 				className: "select-chart",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ n("path", {
+				children: [/* @__PURE__ */ r("path", {
 					className: "select-gauge__track",
-					d: o(b, x, y, 0, 1),
+					d: s(C, w, S, 0, 1),
 					fill: "none",
-					strokeWidth: _,
+					strokeWidth: b,
 					strokeLinecap: "round"
-				}), g > 0 && /* @__PURE__ */ n("path", {
+				}), y > 0 && /* @__PURE__ */ r("path", {
 					className: "select-gauge__arc",
-					d: o(b, x, y, 0, g / 100),
+					d: s(C, w, S, 0, y / 100),
 					fill: "none",
-					stroke: d ?? "var(--select-chart-1)",
-					strokeWidth: _,
+					stroke: f ?? "var(--select-chart-1)",
+					strokeWidth: b,
 					strokeLinecap: "round",
 					pathLength: 1
 				})]
-			}), /* @__PURE__ */ r("div", {
+			}), /* @__PURE__ */ i("div", {
 				className: "select-gauge__center",
-				children: [/* @__PURE__ */ n("span", {
+				children: [/* @__PURE__ */ r("span", {
 					className: "select-gauge__value",
-					ref: C,
-					children: f(g)
-				}), a != null && /* @__PURE__ */ n("span", {
+					ref: E,
+					children: p(y)
+				}), o != null && /* @__PURE__ */ r("span", {
 					className: "select-gauge__label",
-					children: a
+					children: o
 				})]
 			})]
-		}), c != null && /* @__PURE__ */ n("div", {
+		})), l != null && /* @__PURE__ */ r("div", {
 			className: "select-gauge__caption",
-			children: c
+			children: l
 		})]
 	});
 });
 //#endregion
-export { c as SelectGauge };
+export { l as SelectGauge };
 
 //# sourceMappingURL=SelectGauge.js.map

package/dist/SelectShareBar.d.ts

@@ -31,7 +31,14 @@ type SelectShareBarOwnProps = {
     selectHint?: ReactNode;
     /** A mesma linha na parte escolhida. Padrão: "Clique de novo para ver todas." */
     clearHint?: ReactNode;
+    /**
+     * 0.1.218: a legenda mostra também as partes em zero ("Falharam · 0 · 0%"), para quem acompanha um lote ver que nada
+     * falhou. A barra segue só com as partes que existem.
+     */
+    showEmpty?: boolean;
+    /** 0.1.218: o nome do gráfico para quem lê tela ("Status das 1.240 mensagens"), antes das partes. */
+    ariaLabel?: string;
 };
 export type SelectShareBarProps = SelectShareBarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectShareBarOwnProps>;
-export declare function SelectShareBar({ items, label, aside, legend, size, onSelect, selected, hint, selectHint, clearHint, className, ...rest }: SelectShareBarProps): import("react").JSX.Element | null;
+export declare function SelectShareBar({ items, label, aside, legend, size, onSelect, selected, hint, selectHint, clearHint, showEmpty, ariaLabel, className, ...rest }: SelectShareBarProps): import("react").JSX.Element | null;
 export {};

package/dist/SelectShareBar.js

@@ -1,139 +1,178 @@
 /* empty css           */
 import { SelectTooltip as e } from "./SelectTooltip.js";
 import { chartColor as t } from "./chartUtils.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/SelectShareBar.tsx
-function a({ items: a, label: o, aside: s, legend: c = "list", size: l = "sm", onSelect: u, selected: d, hint: f, selectHint: p = "Clique para filtrar.", clearHint: m = "Clique de novo para ver todas.", className: h, ...g }) {
-	let _ = a.map((e, n) => ({
+function s({ items: s, label: c, aside: l, legend: u = "list", size: d = "sm", onSelect: f, selected: p, hint: m, selectHint: h = "Clique para filtrar.", clearHint: g = "Clique de novo para ver todas.", showEmpty: _ = !1, ariaLabel: v, className: y, ...b }) {
+	let x = s.map((e, n) => ({
 		...e,
 		key: e.key ?? e.label,
 		color: e.color ?? t(n)
-	})).filter((e) => e.value > 0), v = _.reduce((e, t) => e + t.value, 0);
-	if (v <= 0) return null;
-	let y = (e) => Math.round(e / v * 100), b = (e) => d != null && d !== e, x = (e, t) => {
-		let a = u ? d === e.key ? m : p : null;
-		return !t && e.tip == null && a == null ? null : /* @__PURE__ */ i("span", {
+	})), S = x.filter((e) => e.value > 0), C = _ ? x : S, w = S.reduce((e, t) => e + t.value, 0), [T, E] = r(null), D = n(null);
+	if (w <= 0) return null;
+	let O = (e) => Math.round(e / w * 100), k = (e) => p != null && p !== e, A = !f && S.length > 0, j = (e) => Math.min(S.length - 1, Math.max(0, e)), M = (e) => {
+		var t;
+		let n = [...((t = D.current) == null ? void 0 : t.querySelectorAll(".select-sharebar__seg")) ?? []], r = n.findIndex((t) => e <= t.getBoundingClientRect().right + 1);
+		return r < 0 ? n.length - 1 : r;
+	}, N = (e) => {
+		if (e.key === "Escape") {
+			E(null);
+			return;
+		}
+		let t = T ?? 0, n = {
+			ArrowRight: t + 1,
+			ArrowLeft: t - 1,
+			Home: 0,
+			End: S.length - 1
+		}[e.key];
+		n !== void 0 && (e.preventDefault(), E(j(n)));
+	}, P = T == null ? void 0 : S[T], F = (e, t) => {
+		let n = f ? p === e.key ? g : h : null;
+		return !t && e.tip == null && n == null ? null : /* @__PURE__ */ o("span", {
 			className: "select-sharebar__tip",
 			children: [
-				t && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("strong", { children: e.label }), /* @__PURE__ */ i("span", { children: [
-					e.count != null && /* @__PURE__ */ i(n, { children: [e.count, " · "] }),
-					e.valueText != null && /* @__PURE__ */ i(n, { children: [e.valueText, " · "] }),
-					y(e.value),
+				t && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("strong", { children: e.label }), /* @__PURE__ */ o("span", { children: [
+					e.count != null && /* @__PURE__ */ o(i, { children: [e.count, " · "] }),
+					e.valueText != null && /* @__PURE__ */ o(i, { children: [e.valueText, " · "] }),
+					O(e.value),
 					"%"
 				] })] }),
-				e.tip != null && /* @__PURE__ */ r("span", { children: e.tip }),
-				a != null && /* @__PURE__ */ r("span", {
+				e.tip != null && /* @__PURE__ */ a("span", { children: e.tip }),
+				n != null && /* @__PURE__ */ a("span", {
 					className: "select-sharebar__tipaction",
-					children: a
+					children: n
 				})
 			]
 		});
-	}, S = (t, n) => t == null ? n : /* @__PURE__ */ r(e, {
+	}, I = (t, n) => t == null ? n : /* @__PURE__ */ a(e, {
 		content: t,
 		children: n
 	});
-	return /* @__PURE__ */ i("div", {
-		...g,
-		className: `select-sharebar select-sharebar--${l}${c === "chips" ? " select-sharebar--chips" : ""}${h ? " " + h : ""}`,
+	return /* @__PURE__ */ o("div", {
+		...b,
+		className: `select-sharebar select-sharebar--${d}${u === "chips" ? " select-sharebar--chips" : ""}${y ? " " + y : ""}`,
 		children: [
-			(o != null || s != null) && /* @__PURE__ */ i("div", {
+			(c != null || l != null) && /* @__PURE__ */ o("div", {
 				className: "select-sharebar__head",
-				children: [/* @__PURE__ */ r("span", { children: o }), s != null && /* @__PURE__ */ r("span", { children: s })]
+				children: [/* @__PURE__ */ a("span", { children: c }), l != null && /* @__PURE__ */ a("span", { children: l })]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ a("div", {
+				ref: D,
 				className: "select-sharebar__track",
-				role: u ? "group" : "img",
-				"aria-label": _.map((e) => `${e.label} ${y(e.value)}%`).join(", "),
-				children: _.map((t) => /* @__PURE__ */ r(e, {
-					content: x(t, !0),
-					children: u ? /* @__PURE__ */ r("button", {
+				role: f ? "group" : "img",
+				"aria-label": [v, S.map((e) => `${e.label} ${O(e.value)}%`).join(", ")].filter(Boolean).join(": "),
+				...A ? {
+					tabIndex: 0,
+					onKeyDown: N,
+					onFocus: () => E((e) => e ?? 0),
+					onBlur: () => E(null),
+					onPointerMove: (e) => E(M(e.clientX)),
+					onPointerDown: (e) => E(M(e.clientX)),
+					onPointerLeave: (e) => {
+						e.pointerType === "mouse" && E(null);
+					}
+				} : {},
+				children: S.map((t, n) => /* @__PURE__ */ a(e, {
+					content: F(t, !0),
+					...A && T != null ? { open: T === n } : {},
+					children: f ? /* @__PURE__ */ a("button", {
 						type: "button",
-						className: `select-sharebar__seg select-sharebar__seg--btn${b(t.key) ? " is-dim" : ""}`,
+						className: `select-sharebar__seg select-sharebar__seg--btn${k(t.key) ? " is-dim" : ""}`,
 						style: {
-							width: `${t.value / v * 100}%`,
+							width: `${t.value / w * 100}%`,
 							background: t.color
 						},
-						"aria-label": `${t.label}: ${y(t.value)}%`,
-						"aria-pressed": d === t.key,
-						onClick: () => u(t.key)
-					}) : /* @__PURE__ */ r("span", {
-						className: `select-sharebar__seg${b(t.key) ? " is-dim" : ""}`,
+						"aria-label": `${t.label}: ${O(t.value)}%`,
+						"aria-pressed": p === t.key,
+						onClick: () => f(t.key)
+					}) : /* @__PURE__ */ a("span", {
+						className: `select-sharebar__seg${k(t.key) || T != null && T !== n ? " is-dim" : ""}`,
 						style: {
-							width: `${t.value / v * 100}%`,
+							width: `${t.value / w * 100}%`,
 							background: t.color
 						}
 					})
 				}, t.key))
 			}),
-			c === "chips" ? /* @__PURE__ */ r("ul", {
+			u === "chips" ? /* @__PURE__ */ a("ul", {
 				className: "select-sharebar__chips",
-				children: _.map((e) => {
-					let t = /* @__PURE__ */ i(n, { children: [
-						/* @__PURE__ */ r("span", {
+				children: C.map((e) => {
+					let t = /* @__PURE__ */ o(i, { children: [
+						/* @__PURE__ */ a("span", {
 							className: "select-sharebar__dot",
 							style: { background: e.color },
 							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ a("span", {
 							className: "select-sharebar__label",
 							children: e.label
 						}),
-						e.count != null && /* @__PURE__ */ r("span", {
+						e.count != null && /* @__PURE__ */ a("span", {
 							className: "select-sharebar__count",
 							children: e.count
 						}),
-						e.valueText != null && /* @__PURE__ */ r("span", {
+						e.valueText != null && /* @__PURE__ */ a("span", {
 							className: "select-sharebar__chipvalue",
 							children: e.valueText
 						})
 					] });
-					return /* @__PURE__ */ r("li", { children: S(x(e, !1), u ? /* @__PURE__ */ r("button", {
+					return /* @__PURE__ */ a("li", { children: I(F(e, !1), f ? /* @__PURE__ */ a("button", {
 						type: "button",
-						className: `select-sharebar__chip select-sharebar__chip--btn${d === e.key ? " is-selected" : ""}${b(e.key) ? " is-dim" : ""}`,
-						"aria-pressed": d === e.key,
-						onClick: () => u(e.key),
+						className: `select-sharebar__chip select-sharebar__chip--btn${p === e.key ? " is-selected" : ""}${k(e.key) ? " is-dim" : ""}`,
+						"aria-pressed": p === e.key,
+						onClick: () => f(e.key),
 						children: t
-					}) : /* @__PURE__ */ r("span", {
+					}) : /* @__PURE__ */ a("span", {
 						className: "select-sharebar__chip",
 						children: t
 					})) }, e.key);
 				})
-			}) : /* @__PURE__ */ r("ul", {
-				className: "select-sharebar__legend",
-				children: _.map((e) => /* @__PURE__ */ i("li", {
-					className: "select-sharebar__item",
+			}) : /* @__PURE__ */ a("ul", {
+				className: `select-sharebar__legend${P ? " has-active" : ""}`,
+				children: C.map((e) => /* @__PURE__ */ o("li", {
+					className: `select-sharebar__item${(P == null ? void 0 : P.key) === e.key ? " is-active" : ""}`,
+					...A ? {
+						onMouseEnter: () => E(e.value > 0 ? S.indexOf(e) : null),
+						onMouseLeave: () => E(null)
+					} : {},
 					children: [
-						/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ a("span", {
 							className: "select-sharebar__dot",
 							style: { background: e.color },
 							"aria-hidden": "true"
 						}),
-						S(e.tip == null ? null : /* @__PURE__ */ r("span", {
+						I(e.tip == null ? null : /* @__PURE__ */ a("span", {
 							className: "select-sharebar__tip",
 							children: e.tip
-						}), /* @__PURE__ */ r("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "select-sharebar__label",
 							children: e.label
 						})),
-						e.valueText != null && /* @__PURE__ */ r("span", {
+						e.valueText != null && /* @__PURE__ */ a("span", {
 							className: "select-sharebar__value",
 							children: e.valueText
 						}),
-						/* @__PURE__ */ i("span", {
+						/* @__PURE__ */ o("span", {
 							className: "select-sharebar__pct",
-							children: [y(e.value), "%"]
+							children: [O(e.value), "%"]
 						})
 					]
 				}, e.key))
 			}),
-			f != null && /* @__PURE__ */ r("p", {
+			A && /* @__PURE__ */ a("span", {
+				className: "select-sharebar__live",
+				"aria-live": "polite",
+				children: P ? `${P.label}: ${O(P.value)}%` : ""
+			}),
+			m != null && /* @__PURE__ */ a("p", {
 				className: "select-sharebar__hint",
-				children: f
+				children: m
 			})
 		]
 	});
 }
 //#endregion
-export { a as SelectShareBar };
+export { s as SelectShareBar };
 
 //# sourceMappingURL=SelectShareBar.js.map

package/dist/SelectTooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { SelectPlacement } from './positioning';
-export declare function SelectTooltip({ content, children, placement, delay, openOnClick, disabled, focusable, }: {
+export declare function SelectTooltip({ content, children, placement, delay, openOnClick, disabled, focusable, open: openProp, }: {
     content: ReactNode;
     children: ReactNode;
     placement?: SelectPlacement;
@@ -14,4 +14,9 @@ export declare function SelectTooltip({ content, children, placement, delay, ope
     disabled?: boolean;
     /** 0.1.215: o embrulho recebe o foco (o filho não é focável): o Tab chega na dica, e ela abre no foco do teclado. */
     focusable?: boolean;
+    /**
+     * 0.1.218: o aberto controlado por quem usa (o gráfico que anda pelas partes com as setas acende a dica da parte
+     * atual). Com ele, o mouse e o foco não abrem nem fecham sozinhos.
+     */
+    open?: boolean;
 }): import("react").JSX.Element;

package/dist/SelectTooltip.js

@@ -14,78 +14,78 @@ function f(e) {
 		return !0;
 	}
 }
-function p({ content: p, children: m, placement: h = "top", delay: g = 250, openOnClick: _ = !1, disabled: v = !1, focusable: y = !1 }) {
-	let [b, x] = o(!1), [S, C] = o(!1), [w, T] = o(!1), E = !v && (S || b && !w), D = a(null), O = a(null), k = a(null), [A, j] = o(null), M = r(), N = () => {
-		d() && (k.current && clearTimeout(k.current), k.current = setTimeout(() => x(!0), g));
-	}, P = () => {
-		k.current && clearTimeout(k.current), x(!1), T(!1);
+function p({ content: p, children: m, placement: h = "top", delay: g = 250, openOnClick: _ = !1, disabled: v = !1, focusable: y = !1, open: b }) {
+	let [x, S] = o(!1), [C, w] = o(!1), [T, E] = o(!1), D = !v && (b ?? (C || x && !T)), O = a(null), k = a(null), A = a(null), [j, M] = o(null), N = r(), P = () => {
+		d() && (A.current && clearTimeout(A.current), A.current = setTimeout(() => S(!0), g));
 	}, F = () => {
-		_ && (k.current && clearTimeout(k.current), E ? (C(!1), x(!1), T(!0)) : C(!0));
+		A.current && clearTimeout(A.current), S(!1), E(!1);
+	}, I = () => {
+		_ && (A.current && clearTimeout(A.current), D ? (w(!1), S(!1), E(!0)) : w(!0));
 	};
 	n(() => () => {
-		k.current && clearTimeout(k.current);
+		A.current && clearTimeout(A.current);
 	}, []);
-	let I = t(() => {
+	let L = t(() => {
 		var t;
-		let n = ((t = D.current) == null ? void 0 : t.firstElementChild) ?? D.current, r = O.current;
+		let n = ((t = O.current) == null ? void 0 : t.firstElementChild) ?? O.current, r = k.current;
 		if (!n || !r) return;
 		let i = e(n.getBoundingClientRect(), {
 			width: r.offsetWidth,
 			height: r.offsetHeight
 		}, h, 6);
-		j({
+		M({
 			top: i.top,
 			left: i.left
 		});
 	}, [h]);
 	return i(() => {
-		if (!E) {
-			j(null);
+		if (!D) {
+			M(null);
 			return;
 		}
-		I();
-	}, [E, I]), n(() => {
-		if (!E) return;
-		let e = () => I();
+		L();
+	}, [D, L]), n(() => {
+		if (!D) return;
+		let e = () => L();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [E, I]), n(() => {
-		if (!E) return;
+	}, [D, L]), n(() => {
+		if (!D) return;
 		let e = (e) => {
-			e.key === "Escape" && (C(!1), x(!1));
+			e.key === "Escape" && (w(!1), S(!1));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [E]), n(() => {
-		if (!S) return;
+	}, [D]), n(() => {
+		if (!C) return;
 		let e = (e) => {
 			var t, n;
 			let r = e.target;
-			(t = D.current) != null && t.contains(r) || (n = O.current) != null && n.contains(r) || (C(!1), x(!1));
+			(t = O.current) != null && t.contains(r) || (n = k.current) != null && n.contains(r) || (w(!1), S(!1));
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-	}, [S]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	}, [C]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 		className: "select-tip__trigger",
-		ref: D,
-		onMouseEnter: N,
-		onMouseLeave: P,
+		ref: O,
+		onMouseEnter: P,
+		onMouseLeave: F,
 		onFocusCapture: (e) => {
-			f(e.target) && x(!0);
+			f(e.target) && S(!0);
 		},
-		onBlurCapture: P,
-		onClick: _ ? F : void 0,
+		onBlurCapture: F,
+		onClick: _ ? I : void 0,
 		tabIndex: y ? 0 : void 0,
-		"aria-describedby": E ? M : void 0,
+		"aria-describedby": D ? N : void 0,
 		children: m
-	}), E && u(/* @__PURE__ */ c("div", {
-		ref: O,
-		id: M,
+	}), D && u(/* @__PURE__ */ c("div", {
+		ref: k,
+		id: N,
 		role: "tooltip",
-		className: `select select-tip${S ? " select-tip--pinned" : ""}`,
-		style: A ? {
+		className: `select select-tip${C ? " select-tip--pinned" : ""}`,
+		style: j ? {
 			position: "fixed",
-			top: A.top,
-			left: A.left
+			top: j.top,
+			left: j.left
 		} : {
 			position: "fixed",
 			top: 0,