@selectwin/kit 0.1.200 → 0.1.201

package/dist/SelectDocumentField.d.ts

@@ -1,6 +1,6 @@
 export declare function SelectDocumentField({ label, value, onChange, hint, error, onBlur, required, name, }: {
     label?: string;
-    /** Clean digits (no mask). */
+    /** O valor limpo, sem a máscara: os dígitos e, no CNPJ alfanumérico, as letras em maiúsculas. */
     value: string;
     onChange: (clean: string) => void;
     hint?: string;

package/dist/SelectDocumentField.js

@@ -8,7 +8,11 @@ function a({ label: a = "CPF/CNPJ", value: o, onChange: s, hint: c, error: l, on
 		label: a,
 		value: r(o),
 		onChange: (e) => s(t(e)),
-		inputMode: "numeric",
+		inputMode: "text",
+		inputProps: {
+			autoCapitalize: "characters",
+			spellCheck: !1
+		},
 		autoComplete: "off",
 		maxLength: 18,
 		hint: l ? void 0 : c ?? (p || void 0),

package/dist/SelectFeeBreakdown.js

@@ -1,88 +1,91 @@
-import { SelectMoney as e } from "./SelectMoney.js";
-import { forwardRef as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useSelectLocale as e, useSelectMessages as t } from "./SelectLocale.js";
+import { SelectMoney as n } from "./SelectMoney.js";
+import { forwardRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/SelectFeeBreakdown.tsx
-var a = t(function({ grossCents: t, fees: a, netCents: o, grossLabel: s = "Valor bruto", netLabel: c = "Valor líquido", bar: l = !1, barLabel: u, className: d, ...f }, p) {
-	let m = o ?? t - a.reduce((e, t) => e + t.cents, 0), h = Math.max(0, t - m), g = l && t > 0 && m >= 0, _ = t > 0 ? h / t * 100 : 0;
-	return /* @__PURE__ */ i("div", {
-		ref: p,
-		...f,
-		className: `select-fees${g ? " select-fees--bar" : ""}${d ? " " + d : ""}`,
+var s = r(function({ grossCents: r, fees: s, netCents: c, grossLabel: l, netLabel: u, bar: d = !1, barLabel: f, className: p, ...m }, h) {
+	let g = t().fees, _ = e(), v = l ?? g.gross, y = u ?? g.net, b = c ?? r - s.reduce((e, t) => e + t.cents, 0), x = Math.max(0, r - b), S = d && r > 0 && b >= 0, C = r > 0 ? x / r * 100 : 0;
+	return /* @__PURE__ */ o("div", {
+		ref: h,
+		...m,
+		className: `select-fees${S ? " select-fees--bar" : ""}${p ? " " + p : ""}`,
 		children: [
-			g && /* @__PURE__ */ i("div", {
+			S && /* @__PURE__ */ o("div", {
 				className: "select-fees__visual",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "select-fees__bar",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ r("span", {
+					children: [/* @__PURE__ */ a("span", {
 						className: "select-fees__barnet",
-						style: { flexGrow: m },
-						children: /* @__PURE__ */ r("span", {
+						style: { flexGrow: b },
+						children: /* @__PURE__ */ a("span", {
 							className: "select-fees__barlabel",
-							children: u ?? /* @__PURE__ */ i(n, { children: [
-								c,
+							children: f ?? /* @__PURE__ */ o(i, { children: [
+								y,
 								" · ",
-								/* @__PURE__ */ r(e, { cents: m })
+								/* @__PURE__ */ a(n, { cents: b })
 							] })
 						})
-					}), h > 0 && /* @__PURE__ */ r("span", {
+					}), x > 0 && /* @__PURE__ */ a("span", {
 						className: "select-fees__barfee",
-						style: { flexGrow: h }
+						style: { flexGrow: x }
 					})]
-				}), /* @__PURE__ */ i("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "select-fees__legend",
-					children: [h > 0 && /* @__PURE__ */ i("span", {
+					children: [x > 0 && /* @__PURE__ */ o("span", {
 						className: "select-fees__legenditem",
 						children: [
-							/* @__PURE__ */ r("span", {
+							/* @__PURE__ */ a("span", {
 								className: "select-fees__dot select-fees__dot--fee",
 								"aria-hidden": "true"
 							}),
-							"Taxas ",
-							/* @__PURE__ */ r(e, { cents: h }),
+							g.fees,
+							" ",
+							/* @__PURE__ */ a(n, { cents: x }),
 							" (",
-							_.toLocaleString("pt-BR", {
+							C.toLocaleString(_ === "en" ? "en-US" : "pt-BR", {
 								maximumFractionDigits: 1,
 								minimumFractionDigits: 1
 							}),
 							"%)"
 						]
-					}), /* @__PURE__ */ i("span", {
+					}), /* @__PURE__ */ o("span", {
 						className: "select-fees__legenditem",
 						children: [
-							/* @__PURE__ */ r("span", {
+							/* @__PURE__ */ a("span", {
 								className: "select-fees__dot select-fees__dot--net",
 								"aria-hidden": "true"
 							}),
-							"Líquido ",
-							/* @__PURE__ */ r(e, { cents: m })
+							g.netShort,
+							" ",
+							/* @__PURE__ */ a(n, { cents: b })
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ o("div", {
 				className: "select-fees__row",
-				children: [/* @__PURE__ */ r("span", { children: s }), /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(e, { cents: t }) })]
+				children: [/* @__PURE__ */ a("span", { children: v }), /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(n, { cents: r }) })]
 			}),
-			a.map((t) => /* @__PURE__ */ i("div", {
+			s.map((e) => /* @__PURE__ */ o("div", {
 				className: "select-fees__row",
-				children: [/* @__PURE__ */ r("span", { children: t.label }), /* @__PURE__ */ i("span", {
+				children: [/* @__PURE__ */ a("span", { children: e.label }), /* @__PURE__ */ o("span", {
 					className: "select-fees__neg",
-					children: ["−\xA0", /* @__PURE__ */ r(e, { cents: t.cents })]
+					children: ["−\xA0", /* @__PURE__ */ a(n, { cents: e.cents })]
 				})]
-			}, t.label)),
-			/* @__PURE__ */ r("div", { className: "select-fees__divider" }),
-			/* @__PURE__ */ i("div", {
+			}, e.label)),
+			/* @__PURE__ */ a("div", { className: "select-fees__divider" }),
+			/* @__PURE__ */ o("div", {
 				className: "select-fees__row select-fees__row--net",
-				children: [/* @__PURE__ */ r("span", { children: c }), /* @__PURE__ */ r("span", {
+				children: [/* @__PURE__ */ a("span", { children: y }), /* @__PURE__ */ a("span", {
 					className: "select-fees__netvalue",
-					children: /* @__PURE__ */ r(e, { cents: m })
+					children: /* @__PURE__ */ a(n, { cents: b })
 				})]
 			})
 		]
 	});
 });
 //#endregion
-export { a as SelectFeeBreakdown };
+export { s as SelectFeeBreakdown };
 
 //# sourceMappingURL=SelectFeeBreakdown.js.map

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/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/internal/document.d.ts

@@ -1,9 +1,8 @@
-/**
- * Brazilian document (CPF/CNPJ) helpers. The masked value is for display only —
- * always send the CLEAN (digits-only) value to the backend (validation runs on
- * the digits; nothing upstream strips the mask for you).
- */
+/** O valor limpo: só dígitos e letras, em maiúsculas (o CPF e o CNPJ numérico seguem só com dígitos). */
 export declare function cleanDocument(value: string | null | undefined): string;
 export declare function documentType(value: string | null | undefined): 'CPF' | 'CNPJ' | '';
-/** Masks for display: CPF 000.000.000-00, CNPJ 00.000.000/0000-00. */
+/**
+ * Masks for display: CPF 000.000.000-00, CNPJ 00.000.000/0000-00 (o alfanumérico, AA.AAA.AAA/AAAA-00). Só com dígitos,
+ * até 11 é o CPF; com uma letra, só pode ser o CNPJ, e a máscara dele vem desde o primeiro caractere.
+ */
 export declare function formatDocument(value: string | null | undefined): string;

package/dist/internal/document.js

@@ -1,16 +1,17 @@
 //#region src/internal/document.ts
-function e(e) {
-	return (e ?? "").replace(/\D/g, "");
+var e = /^\d{11}$/, t = /^[0-9A-Z]{12}\d{2}$/;
+function n(e) {
+	return (e ?? "").toUpperCase().replace(/[^0-9A-Z]/g, "");
 }
-function t(t) {
-	let n = e(t);
-	return n.length === 11 ? "CPF" : n.length === 14 ? "CNPJ" : "";
+function r(r) {
+	let i = n(r);
+	return e.test(i) ? "CPF" : t.test(i) ? "CNPJ" : "";
 }
-function n(t) {
-	let n = e(t).slice(0, 14);
-	return n.length <= 11 ? n.replace(/^(\d{3})(\d)/, "$1.$2").replace(/^(\d{3})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1-$2") : n.replace(/^(\d{2})(\d)/, "$1.$2").replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1/$2").replace(/(\d{4})(\d)/, "$1-$2");
+function i(e) {
+	let t = n(e).slice(0, 14);
+	return t.length <= 11 && /^\d*$/.test(t) ? t.replace(/^(\d{3})(\d)/, "$1.$2").replace(/^(\d{3})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1-$2") : t.replace(/^([0-9A-Z]{2})([0-9A-Z])/, "$1.$2").replace(/^([0-9A-Z]{2})\.([0-9A-Z]{3})([0-9A-Z])/, "$1.$2.$3").replace(/\.([0-9A-Z]{3})([0-9A-Z])/, ".$1/$2").replace(/([0-9A-Z]{4})([0-9A-Z])/, "$1-$2");
 }
 //#endregion
-export { e as cleanDocument, t as documentType, n as formatDocument };
+export { n as cleanDocument, r as documentType, i as formatDocument };
 
 //# sourceMappingURL=document.js.map

package/dist/internal/money.d.ts

@@ -1,8 +1,9 @@
+import { SelectLocaleCode } from '../SelectLocale';
 /** Coerce a value to a finite number. The backend frequently returns money fields
  *  as numeric STRINGS ("45998"), so coerce before any math/format —
  *  otherwise every amount renders as R$ 0,00. */
 export declare function toNumber(value: unknown): number;
-/** Cents → "R$ 1.234,56". Accepts numeric strings; null/NaN → "R$ 0,00". */
-export declare function centsToBRL(cents: number | string | null | undefined): string;
-/** A reais value (already divided) → BRL string. */
-export declare function formatBRL(value: number): string;
+/** Cents → "R$ 1.234,56" (ou "R$1,234.56" em inglês). Accepts numeric strings; null/NaN → "R$ 0,00". */
+export declare function centsToBRL(cents: number | string | null | undefined, locale?: SelectLocaleCode): string;
+/** A reais value (already divided) → BRL string, no idioma dado. */
+export declare function formatBRL(value: number, locale?: SelectLocaleCode): string;

package/dist/internal/money.js

@@ -1,16 +1,20 @@
 //#region src/internal/money.ts
-var e = new Intl.NumberFormat("pt-BR", {
-	style: "currency",
-	currency: "BRL"
-});
-function t(e) {
+var e = /* @__PURE__ */ new Map();
+function t(t) {
+	let n = e.get(t);
+	return n || (n = new Intl.NumberFormat(t === "en" ? "en-US" : "pt-BR", {
+		style: "currency",
+		currency: "BRL"
+	}), e.set(t, n)), n;
+}
+function n(e) {
 	let t = typeof e == "string" ? Number(e) : e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
-function n(n) {
-	return e.format(t(n) / 100);
+function r(e, r = "pt-BR") {
+	return t(r).format(n(e) / 100);
 }
 //#endregion
-export { n as centsToBRL, t as toNumber };
+export { r as centsToBRL, n as toNumber };
 
 //# sourceMappingURL=money.js.map