@selectwin/kit 0.1.199 → 0.1.201

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,

package/dist/SelectLocale.d.ts

@@ -75,6 +75,13 @@ export interface SelectKitMessages {
     sideNav: {
         pending: (hint: string) => string;
     };
+    /** 0.1.201: o SelectFeeBreakdown — os rótulos de sempre e a legenda da barra. */
+    fees: {
+        gross: string;
+        net: string;
+        fees: string;
+        netShort: string;
+    };
 }
 /** Os dicionários do kit, para quem quer conferir ou montar um texto do mesmo jeito. */
 export declare const selectKitMessages: Readonly<Record<SelectLocaleCode, SelectKitMessages>>;

package/dist/SelectLocale.js

@@ -80,7 +80,13 @@ var r = {
 			progressLabel: "Progresso",
 			progress: (e, t) => `${e} de ${t}`
 		},
-		sideNav: { pending: (e) => `${e} (com pendências)` }
+		sideNav: { pending: (e) => `${e} (com pendências)` },
+		fees: {
+			gross: "Valor bruto",
+			net: "Valor líquido",
+			fees: "Taxas",
+			netShort: "Líquido"
+		}
 	},
 	en: {
 		common: {
@@ -161,7 +167,13 @@ var r = {
 			progressLabel: "Progress",
 			progress: (e, t) => `${e} of ${t}`
 		},
-		sideNav: { pending: (e) => `${e} (pending)` }
+		sideNav: { pending: (e) => `${e} (pending)` },
+		fees: {
+			gross: "Gross amount",
+			net: "Net amount",
+			fees: "Fees",
+			netShort: "Net"
+		}
 	}
 }, i = e(null);
 function a({ locale: e, children: t }) {

package/dist/SelectMenu.js

@@ -1,5 +1,5 @@
-import { ChevronDownIcon as e, ExternalLinkIcon as t } from "./icons.js";
-import { safeHref as n } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ChevronDownIcon as t, ExternalLinkIcon as n } from "./icons.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/SelectMenu.tsx
@@ -50,8 +50,8 @@ var c = r(function({ children: e, description: t, icon: n, trailing: r, onClick:
 			})
 		]
 	});
-}), l = r(function({ children: e, description: r, href: o, icon: c, trailing: l, external: u, tone: d = "default", className: f, ...p }, m) {
-	let h = n(o), g = u ?? /^(https?:|mailto:|tel:)/i.test(h ?? ""), _ = l ?? (g ? /* @__PURE__ */ i(t, {}) : void 0);
+}), l = r(function({ children: t, description: r, href: o, icon: c, trailing: l, external: u, tone: d = "default", className: f, ...p }, m) {
+	let h = e(o), g = u ?? /^(https?:|mailto:|tel:)/i.test(h ?? ""), _ = l ?? (g ? /* @__PURE__ */ i(n, {}) : void 0);
 	return /* @__PURE__ */ a("a", {
 		ref: m,
 		...p,
@@ -67,7 +67,7 @@ var c = r(function({ children: e, description: t, icon: n, trailing: r, onClick:
 			}),
 			/* @__PURE__ */ i(s, {
 				description: r,
-				children: e
+				children: t
 			}),
 			_ && /* @__PURE__ */ i("span", {
 				className: "select-menu__trailing",
@@ -88,7 +88,7 @@ function d() {
 		role: "separator"
 	});
 }
-var f = r(function({ children: t, onClick: n, active: r = !1, className: o, ...s }, c) {
+var f = r(function({ children: e, onClick: n, active: r = !1, className: o, ...s }, c) {
 	return /* @__PURE__ */ a("button", {
 		ref: c,
 		...s,
@@ -97,10 +97,10 @@ var f = r(function({ children: t, onClick: n, active: r = !1, className: o, ...s
 		onClick: n,
 		"aria-haspopup": "menu",
 		"aria-expanded": r,
-		children: [/* @__PURE__ */ i("span", { children: t }), /* @__PURE__ */ i("span", {
+		children: [/* @__PURE__ */ i("span", { children: e }), /* @__PURE__ */ i("span", {
 			className: "select-menubtn__caret",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ i(e, {})
+			children: /* @__PURE__ */ i(t, {})
 		})]
 	});
 });

package/dist/SelectMoney.js

@@ -1,28 +1,29 @@
 /* empty css           */
 import { EyeIcon as e, EyeOffIcon as t } from "./icons.js";
-import { SelectIconButton as n } from "./SelectIconButton.js";
-import { centsToBRL as r } from "./internal/money.js";
-import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useState as u, useSyncExternalStore as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useSelectLocale as n } from "./SelectLocale.js";
+import { SelectIconButton as r } from "./SelectIconButton.js";
+import { centsToBRL as i } from "./internal/money.js";
+import { createContext as a, forwardRef as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useState as d, useSyncExternalStore as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/SelectMoney.tsx
-var h = "sw:hide-money", g = {
+var g = "sw:hide-money", _ = {
 	hidden: !1,
 	toggle: () => {},
 	setHidden: () => {}
-}, _ = i(null);
-function v() {
+}, v = a(null);
+function y() {
 	try {
-		return localStorage.getItem(h) === "1";
+		return localStorage.getItem(g) === "1";
 	} catch {
 		return !1;
 	}
 }
-function y(e) {
+function b(e) {
 	try {
-		localStorage.setItem(h, e ? "1" : "0");
+		localStorage.setItem(g, e ? "1" : "0");
 	} catch {}
 }
-function b() {
+function x() {
 	let e = 0, t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
 	return {
 		mark() {
@@ -40,16 +41,16 @@ function b() {
 		present: () => e > 0
 	};
 }
-var x = i(null), S = () => () => {}, C = () => !1;
-function w({ children: e }) {
-	let [t] = u(b), [n, r] = u(v), i = o((e) => {
-		r(e), y(e);
-	}, []), a = o(() => {
+var S = a(null), C = () => () => {}, w = () => !1;
+function T({ children: e }) {
+	let [t] = d(x), [n, r] = d(y), i = s((e) => {
+		r(e), b(e);
+	}, []), a = s(() => {
 		r((e) => {
 			let t = !e;
-			return y(t), t;
+			return b(t), t;
 		});
-	}, []), s = l(() => ({
+	}, []), o = u(() => ({
 		hidden: n,
 		toggle: a,
 		setHidden: i
@@ -58,28 +59,28 @@ function w({ children: e }) {
 		a,
 		i
 	]);
-	return /* @__PURE__ */ p(x.Provider, {
+	return /* @__PURE__ */ m(S.Provider, {
 		value: t,
-		children: /* @__PURE__ */ p(_.Provider, {
-			value: s,
+		children: /* @__PURE__ */ m(v.Provider, {
+			value: o,
 			children: e
 		})
 	});
 }
-function T() {
-	return s(_) ?? g;
+function E() {
+	return c(v) ?? _;
 }
-function E(e = !0) {
-	let t = s(x);
-	c(() => e && t ? t.mark() : void 0, [t, e]);
+function D(e = !0) {
+	let t = c(S);
+	l(() => e && t ? t.mark() : void 0, [t, e]);
 }
-function D() {
-	let e = s(x);
-	return d(e ? e.subscribe : S, e ? e.present : C, C);
+function O() {
+	let e = c(S);
+	return f(e ? e.subscribe : C, e ? e.present : w, w);
 }
-var O = a(function({ children: e, label: t = "valor oculto", className: n, ...r }, i) {
-	let { hidden: a } = T();
-	return E(), /* @__PURE__ */ p("span", {
+var k = o(function({ children: e, label: t = "valor oculto", className: n, ...r }, i) {
+	let { hidden: a } = E();
+	return D(), /* @__PURE__ */ m("span", {
 		ref: i,
 		...r,
 		className: `select-sensitive${a ? " select-sensitive--hidden" : ""}${n ? " " + n : ""}`,
@@ -87,50 +88,56 @@ var O = a(function({ children: e, label: t = "valor oculto", className: n, ...r
 		children: e
 	});
 });
-function k({ cents: e, sensitive: t = !0 }) {
-	let n = r(e);
-	return p(t ? O : f, { children: n });
+function A({ cents: e, sensitive: t = !0 }) {
+	let r = i(e, n());
+	return m(t ? k : p, { children: r });
 }
-var A = new Intl.NumberFormat("pt-BR", {
-	signDisplay: "exceptZero",
-	minimumFractionDigits: 1,
-	maximumFractionDigits: 1
-}), j = a(function({ value: e, invert: t = !1, caption: n, unit: r = "percent", className: i, ...a }, o) {
-	if (e == null || !Number.isFinite(e)) return /* @__PURE__ */ m("span", {
-		ref: o,
-		...a,
-		className: `select-delta select-delta--muted${i ? " " + i : ""}`,
-		children: ["—", n ? ` ${n}` : ""]
+var j = /* @__PURE__ */ new Map();
+function M(e) {
+	let t = j.get(e);
+	return t || (t = new Intl.NumberFormat(e === "en" ? "en-US" : "pt-BR", {
+		signDisplay: "exceptZero",
+		minimumFractionDigits: 1,
+		maximumFractionDigits: 1
+	}), j.set(e, t)), t;
+}
+var N = o(function({ value: e, invert: t = !1, caption: r, unit: i = "percent", className: a, ...o }, s) {
+	let c = n();
+	if (e == null || !Number.isFinite(e)) return /* @__PURE__ */ h("span", {
+		ref: s,
+		...o,
+		className: `select-delta select-delta--muted${a ? " " + a : ""}`,
+		children: ["—", r ? ` ${r}` : ""]
 	});
-	let s = e === 0, c = e > 0, l = s ? null : t ? !c : c, u = l == null ? "muted" : l ? "up" : "down", d = s ? "" : c ? "▲" : "▼";
-	return /* @__PURE__ */ m("span", {
-		ref: o,
-		...a,
-		className: `select-delta${i ? " " + i : ""}`,
-		children: [/* @__PURE__ */ m("span", {
-			className: `select-delta__value select-delta__value--${u}`,
+	let l = e === 0, u = e > 0, d = l ? null : t ? !u : u, f = d == null ? "muted" : d ? "up" : "down", p = l ? "" : u ? "▲" : "▼";
+	return /* @__PURE__ */ h("span", {
+		ref: s,
+		...o,
+		className: `select-delta${a ? " " + a : ""}`,
+		children: [/* @__PURE__ */ h("span", {
+			className: `select-delta__value select-delta__value--${f}`,
 			children: [
-				d ? `${d} ` : "",
-				A.format(e),
-				r === "points" ? " p.p." : "%"
+				p ? `${p} ` : "",
+				M(c).format(e),
+				i === "points" ? c === "en" ? " pp" : " p.p." : "%"
 			]
-		}), n != null && /* @__PURE__ */ p("span", {
+		}), r != null && /* @__PURE__ */ m("span", {
 			className: "select-delta__caption",
-			children: n
+			children: r
 		})]
 	});
 });
-function M() {
-	let { hidden: r, toggle: i } = T();
-	return /* @__PURE__ */ p(n, {
+function P() {
+	let { hidden: n, toggle: i } = E();
+	return /* @__PURE__ */ m(r, {
 		variant: "outline",
-		icon: p(r ? t : e, {}),
-		label: r ? "Mostrar valores" : "Ocultar valores",
-		active: r,
+		icon: m(n ? t : e, {}),
+		label: n ? "Mostrar valores" : "Ocultar valores",
+		active: n,
 		onClick: i
 	});
 }
 //#endregion
-export { M as SelectHideMoneyToggle, j as SelectMetricDelta, k as SelectMoney, O as SelectSensitiveValue, w as SelectValueVisibilityProvider, D as useSelectHasSensitiveValues, E as useSelectSensitiveValueMark, T as useSelectValueVisibility };
+export { P as SelectHideMoneyToggle, N as SelectMetricDelta, A as SelectMoney, k as SelectSensitiveValue, T as SelectValueVisibilityProvider, O as useSelectHasSensitiveValues, D as useSelectSensitiveValueMark, E as useSelectValueVisibility };
 
 //# sourceMappingURL=SelectMoney.js.map

package/dist/SelectPreviewFrame.js

@@ -1,12 +1,12 @@
-import { ExternalLinkIcon as e, MobileIcon as t, MonitorIcon as n, RefreshIcon as r } from "./icons.js";
-import { SelectIconButton as i } from "./SelectIconButton.js";
-import { safeHref as a } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ExternalLinkIcon as t, MobileIcon as n, MonitorIcon as r, RefreshIcon as i } from "./icons.js";
+import { SelectIconButton as a } from "./SelectIconButton.js";
 import { SelectLoader as o } from "./SelectLoader.js";
 import { forwardRef as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/SelectPreviewFrame.tsx
 var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(function({ src: s, sandbox: _ = m, title: v = "Pré-visualização", height: y = 560, fill: b = !1, initialDevice: x = "desktop", showDeviceToggle: S = !0, openLabel: C = "Abrir em nova aba", emptyLabel: w = "Salve para gerar a pré-visualização.", onReload: T, notice: E, iframeRef: D, desktopWidth: O = g, className: k, ...A }, j) {
-	let M = a(s), [N, P] = u(x), [F, I] = u(0), [L, R] = u(!0), z = l(null), [B, V] = u({
+	let M = e(s), [N, P] = u(x), [F, I] = u(0), [L, R] = u(!0), z = l(null), [B, V] = u({
 		w: 0,
 		h: 0
 	});
@@ -48,22 +48,22 @@ var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(
 				/* @__PURE__ */ p("div", {
 					className: "select-preview__actions",
 					children: [
-						S && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
+						S && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(n, {}),
+							icon: /* @__PURE__ */ f(r, {}),
 							label: "Ver no computador",
 							active: N === "desktop",
 							onClick: () => P("desktop")
-						}), /* @__PURE__ */ f(i, {
+						}), /* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(t, {}),
+							icon: /* @__PURE__ */ f(n, {}),
 							label: "Ver no celular",
 							active: N === "mobile",
 							onClick: () => P("mobile")
 						})] }),
-						/* @__PURE__ */ f(i, {
+						/* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(r, {}),
+							icon: /* @__PURE__ */ f(i, {}),
 							label: "Recarregar",
 							onClick: G,
 							disabled: !M
@@ -75,7 +75,7 @@ var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(
 							rel: "noreferrer",
 							"aria-label": C,
 							title: C,
-							children: /* @__PURE__ */ f(e, {})
+							children: /* @__PURE__ */ f(t, {})
 						})
 					]
 				})

package/dist/SelectSpinner.d.ts

@@ -0,0 +1,5 @@
+export declare function SelectSpinner({ size, label, className }: {
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;