@selectwin/kit 0.1.198 → 0.1.200

package/dist/SelectBackLink.js

@@ -1,10 +1,10 @@
-import { ArrowLeftIcon as e } from "./icons.js";
-import { useSelectMessages as t } from "./SelectLocale.js";
-import { safeHref as n } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ArrowLeftIcon as t } from "./icons.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/SelectBackLink.tsx
 function o({ children: o, onClick: s, href: c }) {
-	let l = t().common.back, u = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i("span", { children: o ?? l })] }), d = n(c);
+	let l = n().common.back, u = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {}), /* @__PURE__ */ i("span", { children: o ?? l })] }), d = e(c);
 	return d ? /* @__PURE__ */ i("a", {
 		className: "select-backlink",
 		href: d,

package/dist/SelectBreadcrumb.js

@@ -1,5 +1,5 @@
-import { ChevronRightIcon as e } from "./icons.js";
-import { safeHref as t } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ChevronRightIcon as t } from "./icons.js";
 import { Fragment as n, forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Link as o } from "react-router-dom";
@@ -13,11 +13,11 @@ var s = r(function({ items: r, lastIsCurrent: s = !0, className: c, "aria-label"
 		children: /* @__PURE__ */ i("ol", {
 			className: "select-breadcrumb__list",
 			children: r.map((c, l) => {
-				let u = s && l === r.length - 1, d = u ? void 0 : t(c.to);
+				let u = s && l === r.length - 1, d = u ? void 0 : e(c.to);
 				return /* @__PURE__ */ a(n, { children: [l > 0 && /* @__PURE__ */ i("li", {
 					className: "select-breadcrumb__sep",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ i(e, {})
+					children: /* @__PURE__ */ i(t, {})
 				}), /* @__PURE__ */ i("li", {
 					className: `select-breadcrumb__item${u ? " is-current" : ""}`,
 					children: d ? /* @__PURE__ */ i(o, {

package/dist/SelectButton.d.ts

@@ -1,11 +1,13 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { SelectButtonSize, SelectButtonVariant } from './internal/buttonParts';
+export type { SelectButtonVariant };
 export interface SelectButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    variant?: 'primary' | 'secondary' | 'danger';
+    variant?: SelectButtonVariant;
     type?: 'button' | 'submit';
     /** Control height/padding/text. `md` (default) is the compact normal button; `lg` is
      *  the larger form/CTA size (the old normal); `sm` is the small control for
      *  toolbars/filters/inline actions (shares the small height with the filter facets). */
-    size?: 'sm' | 'md' | 'lg';
+    size?: SelectButtonSize;
     loading?: boolean;
     icon?: ReactNode;
     /** Icon rendered AFTER the label (e.g. the "Continue ›" arrow). */

package/dist/SelectButton.js

@@ -1,48 +1,30 @@
-import { forwardRef as e, useRef as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ButtonContent as e, selectButtonClass as t, useSelectRipple as n } from "./internal/buttonParts.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/SelectButton.tsx
-var a = e(function({ variant: e = "primary", type: a = "button", size: o = "md", loading: s = !1, icon: c, trailingIcon: l, inline: u = !1, tone: d, disabled: f, onPointerDown: p, children: m, ...h }, g) {
-	let [_, v] = n([]), y = t(0), b = (e) => {
-		var t, n;
-		if (p == null || p(e), f || s || typeof window < "u" && (t = (n = window).matchMedia) != null && t.call(n, "(prefers-reduced-motion: reduce)").matches) return;
-		let r = e.currentTarget.getBoundingClientRect(), i = Math.max(r.width, r.height) * 2, a = y.current++;
-		v((t) => [...t, {
-			key: a,
-			style: {
-				width: i,
-				height: i,
-				left: e.clientX - r.left - i / 2,
-				top: e.clientY - r.top - i / 2
-			}
-		}]);
-	}, x = (e) => v((t) => t.filter((t) => t.key !== e));
+var a = r(function({ variant: r = "primary", type: a = "button", size: o = "md", loading: s = !1, icon: c, trailingIcon: l, inline: u = !1, tone: d, disabled: f, onPointerDown: p, className: m, children: h, ...g }, _) {
+	let { handlePointerDown: v, nodes: y } = n(!!(f || s), p);
 	return /* @__PURE__ */ i("button", {
-		ref: g,
+		ref: _,
 		type: a,
-		className: `select-btn select-btn--${e}${o === "md" ? "" : ` select-btn--${o}`}${u ? " select-btn--auto" : ""}${d === "critical" ? " select-btn--critical" : ""}`,
+		className: t({
+			variant: r,
+			size: o,
+			inline: u,
+			tone: d,
+			className: m
+		}),
 		disabled: f || s,
-		onPointerDown: b,
-		...h,
-		children: [
-			_.map((e) => /* @__PURE__ */ r("span", {
-				className: "select-btn__ripple",
-				style: e.style,
-				"aria-hidden": "true",
-				onAnimationEnd: () => x(e.key)
-			}, e.key)),
-			s ? /* @__PURE__ */ r("span", {
-				className: "select-spinner",
-				"aria-hidden": "true"
-			}) : c && /* @__PURE__ */ r("span", {
-				className: "select-btn__icon",
-				children: c
-			}),
-			/* @__PURE__ */ r("span", { children: m }),
-			!s && l && /* @__PURE__ */ r("span", {
-				className: "select-btn__icon select-btn__icon--trailing",
-				children: l
-			})
-		]
+		"aria-busy": s || void 0,
+		onPointerDown: v,
+		...g,
+		children: /* @__PURE__ */ i(e, {
+			ripples: y,
+			loading: s,
+			icon: c,
+			trailingIcon: l,
+			children: h
+		})
 	});
 });
 //#endregion

package/dist/SelectButtonLink.d.ts

@@ -0,0 +1,17 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { SelectButtonSize, SelectButtonVariant } from './internal/buttonParts';
+export interface SelectButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    /** O endereço no app (o `<Link>` do roteador). */
+    to?: string;
+    /** Um endereço fora do app ou um arquivo (o `<a>` comum). */
+    href?: string;
+    variant?: SelectButtonVariant;
+    size?: SelectButtonSize;
+    icon?: ReactNode;
+    trailingIcon?: ReactNode;
+    /** Do tamanho do conteúdo, em vez da largura toda (como no SelectButton). */
+    inline?: boolean;
+    tone?: 'critical';
+    children: ReactNode;
+}
+export declare const SelectButtonLink: import('react').ForwardRefExoticComponent<SelectButtonLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/SelectButtonLink.js

@@ -0,0 +1,40 @@
+/* empty css           */
+import { ButtonContent as e, selectButtonClass as t, useSelectRipple as n } from "./internal/buttonParts.js";
+import { safeHref as r } from "./internal/safeHref.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Link as o } from "react-router-dom";
+//#region src/SelectButtonLink.tsx
+var s = i(function({ to: i, href: s, variant: c = "primary", size: l = "md", icon: u, trailingIcon: d, inline: f = !1, tone: p, className: m, onPointerDown: h, children: g, ..._ }, v) {
+	let { handlePointerDown: y, nodes: b } = n(!1, h), x = t({
+		variant: c,
+		size: l,
+		inline: f,
+		tone: p,
+		className: m
+	}), S = /* @__PURE__ */ a(e, {
+		ripples: b,
+		icon: u,
+		trailingIcon: d,
+		children: g
+	}), C = r(i ?? s);
+	return i !== void 0 && C !== void 0 ? /* @__PURE__ */ a(o, {
+		ref: v,
+		to: C,
+		className: x,
+		onPointerDown: y,
+		..._,
+		children: S
+	}) : /* @__PURE__ */ a("a", {
+		ref: v,
+		href: C,
+		className: x,
+		onPointerDown: y,
+		..._,
+		children: S
+	});
+});
+//#endregion
+export { s as SelectButtonLink };
+
+//# sourceMappingURL=SelectButtonLink.js.map

package/dist/SelectCopyRow.js

@@ -1,13 +1,13 @@
 import { SelectButton as e } from "./SelectButton.js";
-import { CheckIcon as t, CopyIcon as n, ExternalLinkIcon as r } from "./icons.js";
-import { useSelectMessages as i } from "./SelectLocale.js";
-import { SelectIconButton as a } from "./SelectIconButton.js";
-import { safeHref as o } from "./internal/safeHref.js";
+import { safeHref as t } from "./internal/safeHref.js";
+import { CheckIcon as n, CopyIcon as r, ExternalLinkIcon as i } from "./icons.js";
+import { useSelectMessages as a } from "./SelectLocale.js";
+import { SelectIconButton as o } from "./SelectIconButton.js";
 import { forwardRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/SelectCopyRow.tsx
 var d = s(function({ label: s, value: d, href: f, onCopy: p, prose: m = !1, truncate: h = "end", className: g, ..._ }, v) {
-	let y = i(), [b, x] = c(!1), S = o(f), C = () => {
+	let y = a(), [b, x] = c(!1), S = t(f), C = () => {
 		navigator.clipboard.writeText(d).then(() => {
 			x(!0), setTimeout(() => x(!1), 1200), p == null || p(d);
 		});
@@ -37,17 +37,17 @@ var d = s(function({ label: s, value: d, href: f, onCopy: p, prose: m = !1, trun
 					rel: "noreferrer",
 					"aria-label": y.common.open,
 					title: y.common.open,
-					children: /* @__PURE__ */ l(r, {})
+					children: /* @__PURE__ */ l(i, {})
 				}), m ? /* @__PURE__ */ l(e, {
 					variant: "secondary",
 					size: "sm",
 					inline: !0,
-					icon: l(b ? t : n, {}),
+					icon: l(b ? n : r, {}),
 					onClick: C,
 					children: b ? y.common.copied : y.common.copy
-				}) : /* @__PURE__ */ l(a, {
+				}) : /* @__PURE__ */ l(o, {
 					size: "sm",
-					icon: l(b ? t : n, {}),
+					icon: l(b ? n : r, {}),
 					label: b ? y.common.copied : y.common.copy,
 					onClick: C
 				})]

package/dist/SelectCopyableId.js

@@ -1,16 +1,16 @@
 /* empty css           */
-import { CheckIcon as e, CopyIcon as t } from "./icons.js";
-import { SelectTooltip as n } from "./SelectTooltip.js";
-import { useSelectMessages as r } from "./SelectLocale.js";
-import { safeHref as i } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { CheckIcon as t, CopyIcon as n } from "./icons.js";
+import { SelectTooltip as r } from "./SelectTooltip.js";
+import { useSelectMessages as i } from "./SelectLocale.js";
 import { useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Link as l } from "react-router-dom";
 //#region src/SelectCopyableId.tsx
 function u({ value: u, children: d, truncate: f, label: p, fallback: m = "—", to: h, reveal: g = "hover", variant: _ = "inline" }) {
-	let v = _ === "code", y = r(), b = p ?? (v ? y.copyable.copyCode : y.copyable.copyId), [x, S] = a(!1);
+	let v = _ === "code", y = i(), b = p ?? (v ? y.copyable.copyCode : y.copyable.copyId), [x, S] = a(!1);
 	if (!u) return /* @__PURE__ */ s(o, { children: m });
-	let C = d == null && f != null && f > 0 && u.length > f, w = d ?? (C ? `${u.slice(0, Math.max(1, f - 1))}…` : u), T = C ? u : void 0, E = i(h);
+	let C = d == null && f != null && f > 0 && u.length > f, w = d ?? (C ? `${u.slice(0, Math.max(1, f - 1))}…` : u), T = C ? u : void 0, E = e(h);
 	return /* @__PURE__ */ c("span", {
 		className: `select-copyid${g === "always" || v ? " select-copyid--always" : ""}${v ? " select-copyid--code" : ""}`,
 		children: [E ? /* @__PURE__ */ s(l, {
@@ -23,7 +23,7 @@ function u({ value: u, children: d, truncate: f, label: p, fallback: m = "—",
 			className: "select-copyid__text",
 			title: T,
 			children: w
-		}), /* @__PURE__ */ s(n, {
+		}), /* @__PURE__ */ s(r, {
 			content: x ? y.common.copied : b,
 			children: /* @__PURE__ */ s("button", {
 				type: "button",
@@ -34,7 +34,7 @@ function u({ value: u, children: d, truncate: f, label: p, fallback: m = "—",
 					});
 				},
 				"aria-label": x ? y.common.copied : b,
-				children: s(x ? e : t, {})
+				children: s(x ? t : n, {})
 			})
 		})]
 	});

package/dist/SelectIconButton.d.ts

@@ -1,12 +1,17 @@
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, MouseEventHandler } from 'react';
 type SelectIconButtonOwnProps = {
     icon: ReactNode;
     label: string;
-    onClick?: () => void;
+    /** 0.1.200: recebe o evento (o menu que abre ancorado no botão precisa dele). */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
     size?: 'sm' | 'md';
     variant?: 'ghost' | 'outline';
-    /** Pressed/selected look — e.g. the active device in a preview toggle. */
+    /**
+     * Pressed/selected look — e.g. the active device in a preview toggle. 0.1.200: o `aria-pressed` só sai quando `active`
+     * vem: o botão de ícone comum (copiar, fechar, o "…") não é um botão de alternar, e o leitor de tela o anunciava como
+     * "não pressionado".
+     */
     active?: boolean;
 };
 export type SelectIconButtonProps = SelectIconButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectIconButtonOwnProps>;

package/dist/SelectIconButton.js

@@ -2,7 +2,7 @@ import { SelectTooltip as e } from "./SelectTooltip.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/SelectIconButton.tsx
-var r = t(function({ icon: t, label: r, onClick: i, disabled: a = !1, size: o = "md", variant: s = "ghost", active: c = !1, className: l, ...u }, d) {
+var r = t(function({ icon: t, label: r, onClick: i, disabled: a = !1, size: o = "md", variant: s = "ghost", active: c, className: l, ...u }, d) {
 	return /* @__PURE__ */ n(e, {
 		content: r,
 		children: /* @__PURE__ */ n("button", {

package/dist/SelectInsight.js

@@ -1,7 +1,7 @@
 /* empty css           */
-import { ArrowRightIcon as e, ChevronRightIcon as t, InfoIcon as n, LockIcon as r } from "./icons.js";
-import { SelectBadge as i } from "./SelectBadge.js";
-import { safeHref as a } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ArrowRightIcon as t, ChevronRightIcon as n, InfoIcon as r, LockIcon as i } from "./icons.js";
+import { SelectBadge as a } from "./SelectBadge.js";
 import { SelectTable as o, SelectTableCell as s, SelectTableRow as c } from "./SelectTable.js";
 import { SelectCollapsible as l } from "./SelectCollapsible.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -370,33 +370,33 @@ function A({ block: e }) {
 		})]
 	}) : null] });
 }
-function j({ link: e, primary: n }) {
-	let r = a(e.href);
-	if (!r && !e.onClick) return null;
-	let i = n ? "select-btn select-btn--primary select-btn--auto select-insight__go" : "select-insight__golink", o = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", { children: e.label }), /* @__PURE__ */ d(t, {})] });
-	if (!r) return /* @__PURE__ */ d("button", {
+function j({ link: t, primary: r }) {
+	let i = e(t.href);
+	if (!i && !t.onClick) return null;
+	let a = r ? "select-btn select-btn--primary select-btn--auto select-insight__go" : "select-insight__golink", o = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", { children: t.label }), /* @__PURE__ */ d(n, {})] });
+	if (!i) return /* @__PURE__ */ d("button", {
 		type: "button",
-		className: i,
-		onClick: e.onClick,
+		className: a,
+		onClick: t.onClick,
 		children: o
 	});
-	let s = e.onClick ? (t) => {
+	let s = t.onClick ? (e) => {
 		var n;
-		t.button !== 0 || t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || (t.preventDefault(), (n = e.onClick) == null || n.call(e));
+		e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (e.preventDefault(), (n = t.onClick) == null || n.call(t));
 	} : void 0;
 	return /* @__PURE__ */ d("a", {
-		className: i,
-		href: r,
+		className: a,
+		href: i,
 		onClick: s,
-		...e.external ? {
+		...t.external ? {
 			target: "_blank",
 			rel: "noopener noreferrer"
 		} : {},
 		children: o
 	});
 }
-function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo", locked: c = !1, lockedCta: p, position: m, unread: _ = !1, badges: y, nav: b, triage: w, triageNote: T, footer: E, trend: M, outcome: N, renderItem: P, actionLink: F, renderAction: I, methodologyOpen: ee = !1, bare: te = !1, className: L }) {
-	let { lang: R, labels: z } = h(a, o), B = g[t.severity] ?? "info", ne = t.period ? x(t.period, R, s, z) : null, V = (t.blocks ?? []).filter(D), re = t.actions ?? [], H = `select-insight select-insight--${B}` + (c ? " select-insight--locked" : "") + (te ? " select-insight--bare" : "") + (L ? " " + L : ""), U = /* @__PURE__ */ f("header", {
+function M({ insight: e, locale: n, labels: o, timeZone: s = "America/Sao_Paulo", locked: c = !1, lockedCta: p, position: m, unread: _ = !1, badges: y, nav: b, triage: w, triageNote: T, footer: E, trend: M, outcome: N, renderItem: P, actionLink: F, renderAction: I, methodologyOpen: ee = !1, bare: te = !1, className: L }) {
+	let { lang: R, labels: z } = h(n, o), B = g[e.severity] ?? "info", ne = e.period ? x(e.period, R, s, z) : null, V = (e.blocks ?? []).filter(D), re = e.actions ?? [], H = `select-insight select-insight--${B}` + (c ? " select-insight--locked" : "") + (te ? " select-insight--bare" : "") + (L ? " " + L : ""), U = /* @__PURE__ */ f("header", {
 		className: "select-insight__head",
 		children: [/* @__PURE__ */ f("div", {
 			className: "select-insight__meta",
@@ -406,15 +406,15 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 					children: m
 				}) : null,
 				/* @__PURE__ */ d(S, {
-					severity: t.severity,
+					severity: e.severity,
 					labels: z
 				}),
-				t.domain ? /* @__PURE__ */ d("span", { children: z.domain[t.domain] ?? t.domain }) : null,
+				e.domain ? /* @__PURE__ */ d("span", { children: z.domain[e.domain] ?? e.domain }) : null,
 				_ && !c ? /* @__PURE__ */ d(C, { label: z.unread }) : null,
-				c ? /* @__PURE__ */ d(i, {
+				c ? /* @__PURE__ */ d(a, {
 					tone: "pro",
 					size: "sm",
-					icon: /* @__PURE__ */ d(r, {}),
+					icon: /* @__PURE__ */ d(i, {}),
 					children: z.locked
 				}) : null,
 				y
@@ -427,10 +427,10 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 		className: "select-insight__lead",
 		children: [/* @__PURE__ */ d("h3", {
 			className: "select-insight__title",
-			children: t.title
+			children: e.title
 		}), /* @__PURE__ */ d("p", {
 			className: "select-insight__summary",
-			children: t.summary
+			children: e.summary
 		})]
 	});
 	if (c) return /* @__PURE__ */ f("article", {
@@ -438,7 +438,7 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 		children: [
 			U,
 			W,
-			t.impact ? /* @__PURE__ */ f("div", {
+			e.impact ? /* @__PURE__ */ f("div", {
 				className: "select-insight__stake",
 				children: [
 					/* @__PURE__ */ d("span", {
@@ -447,7 +447,7 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 					}),
 					/* @__PURE__ */ d("strong", {
 						className: "select-insight__stakevalue",
-						children: v(t.impact, R, z)
+						children: v(e.impact, R, z)
 					}),
 					/* @__PURE__ */ d("span", {
 						className: "select-insight__stakenote",
@@ -542,16 +542,16 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 				children: T
 			}) : null]
 		})
-	}) : null, ae = V.filter((e) => e.type === "metric"), Y = t.impact ? ae.find((e) => e.value.type === "money") : void 0, X = V.filter((e) => e.type === "metric" && e !== Y || e.type === "comparison"), Z = V.filter((e) => e.type === "items" || e.type === "table" || e.type === "text"), oe = t.impact != null || X.length > 0 || Z.length > 0 || M != null ? /* @__PURE__ */ f("div", {
+	}) : null, ae = V.filter((e) => e.type === "metric"), Y = e.impact ? ae.find((e) => e.value.type === "money") : void 0, X = V.filter((e) => e.type === "metric" && e !== Y || e.type === "comparison"), Z = V.filter((e) => e.type === "items" || e.type === "table" || e.type === "text"), oe = e.impact != null || X.length > 0 || Z.length > 0 || M != null ? /* @__PURE__ */ f("div", {
 		className: "select-insight__group",
 		children: [
 			/* @__PURE__ */ d("h4", {
 				className: "select-insight__grouptitle",
 				children: z.evidence
 			}),
-			t.impact != null || X.length > 0 ? /* @__PURE__ */ f("div", {
+			e.impact != null || X.length > 0 ? /* @__PURE__ */ f("div", {
 				className: "select-insight__tiles",
-				children: [t.impact ? /* @__PURE__ */ f("div", {
+				children: [e.impact ? /* @__PURE__ */ f("div", {
 					className: "select-insight__tile select-insight__tile--impact",
 					children: [
 						/* @__PURE__ */ d("div", {
@@ -560,7 +560,7 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 						}),
 						/* @__PURE__ */ d("div", {
 							className: "select-insight__tilevalue",
-							children: v(t.impact, R, z)
+							children: v(e.impact, R, z)
 						}),
 						/* @__PURE__ */ d("div", {
 							className: "select-insight__tilenote",
@@ -608,12 +608,12 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 				renderItem: P
 			}, t) : e.type === "table" ? /* @__PURE__ */ d(A, { block: e }, t) : e.type === "text" ? /* @__PURE__ */ f("div", {
 				className: "select-insight__text",
-				children: [/* @__PURE__ */ d(n, {}), /* @__PURE__ */ d("span", { children: e.text })]
+				children: [/* @__PURE__ */ d(r, {}), /* @__PURE__ */ d("span", { children: e.text })]
 			}, t) : null)
 		]
 	}) : null, Q = [
-		t.confidence ? z.confidence[t.confidence] ?? t.confidence : null,
-		t.sampleLabel ? t.sampleLabel : t.sampleSize == null ? null : z.sample(t.sampleSize.toLocaleString(R)),
+		e.confidence ? z.confidence[e.confidence] ?? e.confidence : null,
+		e.sampleLabel ? e.sampleLabel : e.sampleSize == null ? null : z.sample(e.sampleSize.toLocaleString(R)),
 		ne
 	].filter((e) => !!e), $ = /* @__PURE__ */ f("span", {
 		className: "select-insight__methodhead",
@@ -624,13 +624,13 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 			className: "select-insight__methodsub",
 			children: Q.join(" · ")
 		}) : null]
-	}), se = t.methodology ? /* @__PURE__ */ d(l, {
+	}), se = e.methodology ? /* @__PURE__ */ d(l, {
 		title: $,
 		defaultOpen: ee,
 		className: "select-insight__method",
 		children: /* @__PURE__ */ d("p", {
 			className: "select-insight__methodtext",
-			children: t.methodology
+			children: e.methodology
 		})
 	}) : Q.length ? /* @__PURE__ */ d("div", {
 		className: "select-insight__method select-insight__method--static",
@@ -653,7 +653,7 @@ function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo"
 						className: "select-insight__outcomeside",
 						children: [/* @__PURE__ */ d("span", { children: N.before.label }), /* @__PURE__ */ d("strong", { children: N.before.value })]
 					}) : null,
-					N.before && N.after ? /* @__PURE__ */ d(e, {}) : null,
+					N.before && N.after ? /* @__PURE__ */ d(t, {}) : null,
 					N.after ? /* @__PURE__ */ f("span", {
 						className: "select-insight__outcomeside",
 						children: [/* @__PURE__ */ d("span", { children: N.after.label }), /* @__PURE__ */ d("strong", { children: N.after.value })]
@@ -696,16 +696,16 @@ function N({ layout: e = "rows", children: t, className: n, ...r }) {
 		children: t
 	});
 }
-function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread: c = !1, selected: l = !1, layout: p = "row", cta: m, badge: g, href: v, onClick: y, className: b, ...x }) {
-	let { lang: w, labels: T } = h(n, i), E = e.domain ? T.domain[e.domain] ?? e.domain : null, D = e.impact ? _(e.impact.maxCents, e.impact.currency, w) : null, O = e.impact && e.impact.minCents === e.impact.maxCents ? T.about("").trim() : T.upTo, k = p === "card", A = "select-insightrow" + (k ? " select-insightrow--card" : "") + (l ? " is-selected" : "") + (s ? " select-insightrow--locked" : "") + (b ? " " + b : ""), j = s ? /* @__PURE__ */ d("span", {
+function P({ insight: t, locale: r, labels: a, index: o, locked: s = !1, unread: c = !1, selected: l = !1, layout: p = "row", cta: m, badge: g, href: v, onClick: y, className: b, ...x }) {
+	let { lang: w, labels: T } = h(r, a), E = t.domain ? T.domain[t.domain] ?? t.domain : null, D = t.impact ? _(t.impact.maxCents, t.impact.currency, w) : null, O = t.impact && t.impact.minCents === t.impact.maxCents ? T.about("").trim() : T.upTo, k = p === "card", A = "select-insightrow" + (k ? " select-insightrow--card" : "") + (l ? " is-selected" : "") + (s ? " select-insightrow--locked" : "") + (b ? " " + b : ""), j = s ? /* @__PURE__ */ d("span", {
 		className: "select-insightrow__index select-insightrow__index--lock",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ d(r, {})
+		children: /* @__PURE__ */ d(i, {})
 	}) : o == null ? null : /* @__PURE__ */ d("span", {
 		className: `select-insightrow__index${l || k && o === 1 ? " select-insightrow__index--strong" : ""}`,
 		children: o
 	}), M = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(S, {
-		severity: e.severity,
+		severity: t.severity,
 		labels: T
 	}), E && !s ? /* @__PURE__ */ d("span", { children: E }) : null] }), N = c && !s ? /* @__PURE__ */ d(C, { label: T.unread }) : null, P = k ? /* @__PURE__ */ f(u, { children: [
 		/* @__PURE__ */ f("span", {
@@ -722,7 +722,7 @@ function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread:
 		}),
 		/* @__PURE__ */ d("span", {
 			className: "select-insightrow__title",
-			children: e.title
+			children: t.title
 		}),
 		D || m ? /* @__PURE__ */ f("span", {
 			className: "select-insightrow__foot",
@@ -735,7 +735,7 @@ function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread:
 				]
 			}) : null, m ? /* @__PURE__ */ f("span", {
 				className: "select-insightrow__cta",
-				children: [m, /* @__PURE__ */ d(t, {})]
+				children: [m, /* @__PURE__ */ d(n, {})]
 			}) : null]
 		}) : null
 	] }) : /* @__PURE__ */ f(u, { children: [
@@ -744,7 +744,7 @@ function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread:
 			className: "select-insightrow__text",
 			children: [/* @__PURE__ */ d("span", {
 				className: "select-insightrow__title",
-				children: e.title
+				children: t.title
 			}), /* @__PURE__ */ f("span", {
 				className: "select-insightrow__meta",
 				children: [
@@ -758,7 +758,7 @@ function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread:
 			className: "select-insightrow__impact",
 			children: [/* @__PURE__ */ d("small", { children: O }), /* @__PURE__ */ d("strong", { children: D })]
 		}) : null
-	] }), F = a(v);
+	] }), F = e(v);
 	return !F && !y ? /* @__PURE__ */ d("div", {
 		className: A,
 		children: P

package/dist/SelectListCard.js

@@ -1,21 +1,21 @@
-import { SelectInfoTip as e } from "./SelectInfoTip.js";
-import { safeHref as t } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { SelectInfoTip as t } from "./SelectInfoTip.js";
 import { forwardRef as n } from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/SelectListCard.tsx
-var o = n(function({ title: t, help: n, description: r, headerAction: o, footer: s, dense: c = !1, spread: l = !1, flush: u = !1, children: d, className: f, ...p }, m) {
+var o = n(function({ title: e, help: n, description: r, headerAction: o, footer: s, dense: c = !1, spread: l = !1, flush: u = !1, children: d, className: f, ...p }, m) {
 	return /* @__PURE__ */ a("div", {
 		ref: m,
 		...p,
 		className: `select-listcard${c ? " select-listcard--dense" : ""}${l ? " select-listcard--spread" : ""}${u ? " select-listcard--flush" : ""}${f ? " " + f : ""}`,
 		children: [
-			(t || o) && /* @__PURE__ */ a("div", {
+			(e || o) && /* @__PURE__ */ a("div", {
 				className: "select-listcard__head",
 				children: [/* @__PURE__ */ a("div", {
 					className: "select-listcard__heading",
-					children: [t && /* @__PURE__ */ a("h3", {
+					children: [e && /* @__PURE__ */ a("h3", {
 						className: `select-listcard__title${n == null ? "" : " select-listcard__title--help"}`,
-						children: [t, n != null && /* @__PURE__ */ i(e, { content: n })]
+						children: [e, n != null && /* @__PURE__ */ i(t, { content: n })]
 					}), r && /* @__PURE__ */ i("p", {
 						className: "select-listcard__desc",
 						children: r
@@ -39,12 +39,12 @@ var o = n(function({ title: t, help: n, description: r, headerAction: o, footer:
 		]
 	});
 });
-function s({ media: e, mediaSize: n = "icon", title: o, secondary: s, action: c, muted: l = !1, wrap: u = !1, onClick: d, href: f }) {
+function s({ media: t, mediaSize: n = "icon", title: o, secondary: s, action: c, muted: l = !1, wrap: u = !1, onClick: d, href: f }) {
 	let p = /* @__PURE__ */ a(r, { children: [
-		e && /* @__PURE__ */ i("span", {
+		t && /* @__PURE__ */ i("span", {
 			className: `select-listrow__media${n === "auto" ? " select-listrow__media--auto" : ""}`,
 			"aria-hidden": "true",
-			children: e
+			children: t
 		}),
 		/* @__PURE__ */ a("span", {
 			className: "select-listrow__text",
@@ -60,7 +60,7 @@ function s({ media: e, mediaSize: n = "icon", title: o, secondary: s, action: c,
 			className: "select-listrow__action",
 			children: c
 		})
-	] }), m = `select-listrow${l ? " select-listrow--muted" : ""}${u ? " select-listrow--wrap" : ""}`, h = t(f);
+	] }), m = `select-listrow${l ? " select-listrow--muted" : ""}${u ? " select-listrow--wrap" : ""}`, h = e(f);
 	return h ? /* @__PURE__ */ i("a", {
 		className: `${m} select-listrow--clickable`,
 		href: h,