@selectwin/kit 0.1.199 → 0.1.201

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/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/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", {