@selectwin/kit 0.1.196 → 0.1.197

package/dist/SelectBalanceCard.d.ts

@@ -22,6 +22,9 @@ export interface SelectBalanceMeta {
 export interface SelectBalanceCardProps {
     availableCents: number | string | null | undefined;
     availableLabel?: string;
+    /** hero: o "i" ao lado do rótulo do saldo (0.1.197) — "Os próximos recebíveis abatem sozinhos" sob o saldo devedor.
+     *  A explicação não ocupa a linha do "Atualizado…" (dono, 03/11/2026: a explicação vai no tooltip). */
+    availableHelp?: ReactNode;
     /** Period-over-period variation of the available balance (percentage). `card` only. */
     delta?: number | null;
     buckets?: SelectBalanceBucket[];

package/dist/index.js

@@ -12715,19 +12715,19 @@ var Mu = "allow-scripts allow-same-origin allow-forms", Nu = 390, Pu = 1280, Fu
 			})
 		})]
 	});
-}), Iu = r(function({ availableCents: e, availableLabel: t = "Saldo disponível", delta: n, buckets: r = [], action: i, variant: a = "card", updatedLabel: o, meta: s = [], status: c, loading: l = !1, className: u, ...d }, f) {
-	if (a === "hero") {
-		let n = (e, t = "1em") => /* @__PURE__ */ v("span", {
+}), Iu = r(function({ availableCents: e, availableLabel: t = "Saldo disponível", availableHelp: n, delta: r, buckets: i = [], action: a, variant: o = "card", updatedLabel: s, meta: c = [], status: l, loading: u = !1, className: d, ...f }, p) {
+	if (o === "hero") {
+		let r = (e, t = "1em") => /* @__PURE__ */ v("span", {
 			className: "select-skeleton select-balance__skel",
 			style: {
 				width: e,
 				height: t
 			}
-		}), a = (e) => e == null || e === "" ? "—" : /* @__PURE__ */ v(Gl, { cents: e });
+		}), o = (e) => e == null || e === "" ? "—" : /* @__PURE__ */ v(Gl, { cents: e });
 		return /* @__PURE__ */ v("div", {
-			ref: f,
-			...d,
-			className: `select-balance-hero${u ? " " + u : ""}`,
+			ref: p,
+			...f,
+			className: `select-balance-hero${d ? " " + d : ""}`,
 			children: /* @__PURE__ */ y("div", {
 				className: "select-balance-hero__layout",
 				children: [/* @__PURE__ */ y("section", {
@@ -12737,48 +12737,51 @@ var Mu = "allow-scripts allow-same-origin allow-forms", Nu = 390, Pu = 1280, Fu
 						/* @__PURE__ */ y("div", {
 							className: "select-balance-hero__top",
 							children: [
-								/* @__PURE__ */ v("span", {
-									className: "select-balance-hero__label",
-									children: t
+								/* @__PURE__ */ y("span", {
+									className: `select-balance-hero__label${n == null ? "" : " select-balance-hero__label--help"}`,
+									children: [t, n != null && /* @__PURE__ */ v(Mn, {
+										content: n,
+										label: `Sobre ${t}`
+									})]
 								}),
 								/* @__PURE__ */ v("span", {
 									className: "select-balance-hero__amount",
-									children: l ? n("11ch", "0.9em") : a(e)
+									children: u ? r("11ch", "0.9em") : o(e)
 								}),
-								o != null && !l && /* @__PURE__ */ y("span", {
+								s != null && !u && /* @__PURE__ */ y("span", {
 									className: "select-balance-hero__updated",
-									children: [/* @__PURE__ */ v(he, {}), o]
+									children: [/* @__PURE__ */ v(he, {}), s]
 								})
 							]
 						}),
-						s.length > 0 && /* @__PURE__ */ v("dl", {
+						c.length > 0 && /* @__PURE__ */ v("dl", {
 							className: "select-balance-hero__meta",
-							children: s.map((e, t) => /* @__PURE__ */ y("div", {
+							children: c.map((e, t) => /* @__PURE__ */ y("div", {
 								className: "select-balance-hero__metaitem",
-								children: [/* @__PURE__ */ v("dt", { children: e.label }), /* @__PURE__ */ v("dd", { children: l ? n("7ch") : e.cents != null && e.cents !== "" ? /* @__PURE__ */ y(_, { children: [e.prefix, /* @__PURE__ */ v(Gl, { cents: e.cents })] }) : e.value ?? "—" })]
+								children: [/* @__PURE__ */ v("dt", { children: e.label }), /* @__PURE__ */ v("dd", { children: u ? r("7ch") : e.cents != null && e.cents !== "" ? /* @__PURE__ */ y(_, { children: [e.prefix, /* @__PURE__ */ v(Gl, { cents: e.cents })] }) : e.value ?? "—" })]
 							}, t))
 						}),
-						(i || c) && /* @__PURE__ */ y("div", {
+						(a || l) && /* @__PURE__ */ y("div", {
 							className: "select-balance-hero__foot",
-							children: [i && /* @__PURE__ */ y("button", {
+							children: [a && /* @__PURE__ */ y("button", {
 								type: "button",
 								className: "select-balance-hero__cta",
-								onClick: i.onAction,
-								disabled: i.disabled || i.loading,
-								"aria-busy": i.loading || void 0,
-								children: [i.icon, i.content]
-							}), c && /* @__PURE__ */ y("span", {
-								className: `select-balance-hero__status select-balance-hero__status--${c.tone ?? "success"}`,
+								onClick: a.onAction,
+								disabled: a.disabled || a.loading,
+								"aria-busy": a.loading || void 0,
+								children: [a.icon, a.content]
+							}), l && /* @__PURE__ */ y("span", {
+								className: `select-balance-hero__status select-balance-hero__status--${l.tone ?? "success"}`,
 								children: [/* @__PURE__ */ v("span", {
 									className: "select-balance-hero__statusdot",
 									"aria-hidden": "true"
-								}), c.label]
+								}), l.label]
 							})]
 						})
 					]
-				}), r.length > 0 && /* @__PURE__ */ v("div", {
+				}), i.length > 0 && /* @__PURE__ */ v("div", {
 					className: "select-balance-hero__tiles",
-					children: r.map((e) => /* @__PURE__ */ y("div", {
+					children: i.map((e) => /* @__PURE__ */ y("div", {
 						className: "select-balance-hero__tile",
 						children: [
 							/* @__PURE__ */ y("div", {
@@ -12801,7 +12804,7 @@ var Mu = "allow-scripts allow-same-origin allow-forms", Nu = 390, Pu = 1280, Fu
 							}),
 							/* @__PURE__ */ v("span", {
 								className: "select-balance-hero__tileamount",
-								children: l ? n("8ch", "0.85em") : a(e.cents)
+								children: u ? r("8ch", "0.85em") : o(e.cents)
 							}),
 							e.hint != null && /* @__PURE__ */ v("span", {
 								className: "select-balance-hero__tilehint",
@@ -12814,22 +12817,22 @@ var Mu = "allow-scripts allow-same-origin allow-forms", Nu = 390, Pu = 1280, Fu
 		});
 	}
 	return /* @__PURE__ */ y("div", {
-		ref: f,
-		...d,
-		className: `select-balance${u ? " " + u : ""}`,
+		ref: p,
+		...f,
+		className: `select-balance${d ? " " + d : ""}`,
 		children: [/* @__PURE__ */ y("div", {
 			className: "select-balance__head",
 			children: [/* @__PURE__ */ v("h3", {
 				className: "select-balance__title",
 				children: t
-			}), i && /* @__PURE__ */ v(W, {
+			}), a && /* @__PURE__ */ v(W, {
 				variant: "primary",
 				size: "sm",
 				inline: !0,
-				onClick: i.onAction,
-				disabled: i.disabled,
-				loading: i.loading,
-				children: i.content
+				onClick: a.onAction,
+				disabled: a.disabled,
+				loading: a.loading,
+				children: a.content
 			})]
 		}), /* @__PURE__ */ y("div", {
 			className: "select-balance__body",
@@ -12838,13 +12841,13 @@ var Mu = "allow-scripts allow-same-origin allow-forms", Nu = 390, Pu = 1280, Fu
 				children: [/* @__PURE__ */ v("span", {
 					className: "select-balance__heroamount",
 					children: /* @__PURE__ */ v(Gl, { cents: e })
-				}), n != null && /* @__PURE__ */ v(ql, {
-					value: n,
+				}), r != null && /* @__PURE__ */ v(ql, {
+					value: r,
 					caption: "vs. período anterior"
 				})]
-			}), r.length > 0 && /* @__PURE__ */ v("div", {
+			}), i.length > 0 && /* @__PURE__ */ v("div", {
 				className: "select-balance__buckets",
-				children: r.map((e) => /* @__PURE__ */ y("div", {
+				children: i.map((e) => /* @__PURE__ */ y("div", {
 					className: "select-balance__bucket",
 					children: [e.icon && /* @__PURE__ */ v("span", {
 						className: "select-balance__bucketicon",