@selectwin/kit 0.1.200 → 0.1.202

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

@@ -19,9 +19,10 @@ export declare function charCount(value: string, maxLength: number | undefined):
 export declare function withCount(action: ReactNode, count: ReactNode): ReactNode;
 /**
  * Os atributos nativos do `<input>` que o campo repassa (0.1.198): `inputMode`, `spellCheck`, `form`, `pattern`,
- * `aria-*`, `data-*`, os eventos… Os que o campo controla (o valor, o tipo, o id, a classe) ficam de fora.
+ * `aria-*`, `data-*`, os eventos… Os que o campo controla (o valor, o tipo, o id) ficam de fora. 0.1.202: o `className`
+ * SOMA às classes do `<input>` (a tela que pede a fonte larga de um código, o texto menor), sem tirar as do kit.
  */
-export type SelectNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'id' | 'className' | 'size' | 'prefix'>;
+export type SelectNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'id' | 'size' | 'prefix'>;
 export interface SelectFieldProps {
     /** Field label. Omit when an outer row already labels the field. 0.1.198: aceita um nó. */
     label?: ReactNode;

package/dist/SelectField.js

@@ -72,7 +72,7 @@ var v = u(function({ label: e, value: a, onChange: l, type: u = "text", labelAct
 		...Z,
 		ref: R,
 		id: W,
-		className: `select-input${K ? " select-input--has-suffix" : ""}${J ? " select-input--has-stepper" : ""}${ee ? " select-input--mono" : ""}${C ? " select-input--error" : ""}`,
+		className: `select-input${K ? " select-input--has-suffix" : ""}${J ? " select-input--has-stepper" : ""}${ee ? " select-input--mono" : ""}${C ? " select-input--error" : ""}${L != null && L.className ? " " + L.className : ""}`,
 		type: de,
 		value: a,
 		onChange: (e) => l(e.target.value, e),

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

@@ -1,4 +1,4 @@
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { ChangeEvent, InputHTMLAttributes, ReactNode, ComponentPropsWithoutRef } from 'react';
 export interface SelectRadioOption {
     value: string;
     label: ReactNode;
@@ -9,6 +9,25 @@ export interface SelectRadioOption {
     trailing?: ReactNode;
     disabled?: boolean;
 }
+export type SelectRadioCardProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
+    label: ReactNode;
+    description?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** Marcado (o cartão acende). Sem `checked`, o rádio fica por conta do navegador (`defaultChecked`). */
+    checked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+/** O cartão de uma opção, com o rádio de verdade dentro: o nome do grupo, o valor e o resto do `<input>` passam. */
+export declare const SelectRadioCard: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** Marcado (o cartão acende). Sem `checked`, o rádio fica por conta do navegador (`defaultChecked`). */
+    checked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & import('react').RefAttributes<HTMLInputElement>>;
 type SelectRadioGroupOwnProps = {
     value: string;
     onChange: (value: string) => void;

package/dist/SelectRadioGroup.js

@@ -1,54 +1,63 @@
 import { forwardRef as e, useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/SelectRadioGroup.tsx
-var i = e(function({ value: e, onChange: i, options: a, name: o, className: s, ...c }, l) {
+var i = e(function({ label: e, description: t, leading: i, trailing: a, checked: o, disabled: s, className: c, onChange: l, ...u }, d) {
+	return /* @__PURE__ */ r("label", {
+		className: `select-radio${o ? " select-radio--selected" : ""}${s ? " select-radio--disabled" : ""}${c ? " " + c : ""}`,
+		children: [
+			/* @__PURE__ */ n("input", {
+				ref: d,
+				...u,
+				type: "radio",
+				checked: o,
+				disabled: s,
+				onChange: l
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "select-radio__dot",
+				"aria-hidden": "true"
+			}),
+			i && /* @__PURE__ */ n("span", {
+				className: "select-radio__leading",
+				children: i
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "select-radio__text",
+				children: [/* @__PURE__ */ n("span", {
+					className: "select-radio__label",
+					children: e
+				}), t && /* @__PURE__ */ n("span", {
+					className: "select-radio__desc",
+					children: t
+				})]
+			}),
+			a && /* @__PURE__ */ n("span", {
+				className: "select-radio__trailing",
+				children: a
+			})
+		]
+	});
+}), a = e(function({ value: e, onChange: r, options: a, name: o, className: s, ...c }, l) {
 	let u = t(), d = o ?? u;
 	return /* @__PURE__ */ n("div", {
 		ref: l,
 		...c,
 		className: `select-radiogroup${s ? " " + s : ""}`,
 		role: "radiogroup",
-		children: a.map((t) => {
-			let a = t.value === e;
-			return /* @__PURE__ */ r("label", {
-				className: `select-radio${a ? " select-radio--selected" : ""}${t.disabled ? " select-radio--disabled" : ""}`,
-				children: [
-					/* @__PURE__ */ n("input", {
-						type: "radio",
-						name: d,
-						value: t.value,
-						checked: a,
-						disabled: t.disabled,
-						onChange: () => i(t.value)
-					}),
-					/* @__PURE__ */ n("span", {
-						className: "select-radio__dot",
-						"aria-hidden": "true"
-					}),
-					t.leading && /* @__PURE__ */ n("span", {
-						className: "select-radio__leading",
-						children: t.leading
-					}),
-					/* @__PURE__ */ r("span", {
-						className: "select-radio__text",
-						children: [/* @__PURE__ */ n("span", {
-							className: "select-radio__label",
-							children: t.label
-						}), t.description && /* @__PURE__ */ n("span", {
-							className: "select-radio__desc",
-							children: t.description
-						})]
-					}),
-					t.trailing && /* @__PURE__ */ n("span", {
-						className: "select-radio__trailing",
-						children: t.trailing
-					})
-				]
-			}, t.value);
-		})
+		children: a.map((t) => /* @__PURE__ */ n(i, {
+			name: d,
+			value: t.value,
+			checked: t.value === e,
+			disabled: t.disabled,
+			onChange: () => r(t.value),
+			label: t.label,
+			description: t.description,
+			leading: t.leading,
+			trailing: t.trailing
+		}, t.value))
 	});
 });
 //#endregion
-export { i as SelectRadioGroup };
+export { i as SelectRadioCard, a as SelectRadioGroup };
 
 //# sourceMappingURL=SelectRadioGroup.js.map

package/dist/SelectSearchInput.d.ts

@@ -13,6 +13,8 @@ type SelectSearchInputOwnProps = {
     inputProps?: SelectNativeInputProps;
     /** 0.1.198: a referência do `<input>`. */
     inputRef?: Ref<HTMLInputElement>;
+    /** 0.1.202: a densidade, como nos outros campos (`sm` nas barras de filtro e no seletor de workspace). */
+    size?: 'sm' | 'md';
 };
 export type SelectSearchInputProps = SelectSearchInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSearchInputOwnProps>;
 export declare const SelectSearchInput: import('react').ForwardRefExoticComponent<SelectSearchInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSearchInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectSearchInput.js

@@ -4,12 +4,12 @@ import { useSelectMessages as n } from "./SelectLocale.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/SelectSearchInput.tsx
-var o = r(function({ value: r, onChange: o, placeholder: s, shortcut: c, inputLabel: l, inputProps: u, inputRef: d, className: f, ...p }, m) {
-	let h = n().common.searchPlaceholder, g = s ?? h, _ = t(u, { placeholder: g });
+var o = r(function({ value: r, onChange: o, placeholder: s, shortcut: c, inputLabel: l, inputProps: u, inputRef: d, size: f = "md", className: p, ...m }, h) {
+	let g = n().common.searchPlaceholder, _ = s ?? g, v = t(u, { placeholder: _ });
 	return /* @__PURE__ */ a("div", {
-		ref: m,
-		...p,
-		className: `select-search${f ? " " + f : ""}`,
+		ref: h,
+		...m,
+		className: `select-search${f === "sm" ? " select-search--sm" : ""}${p ? " " + p : ""}`,
 		children: [
 			/* @__PURE__ */ i("span", {
 				className: "select-search__icon",
@@ -17,13 +17,13 @@ var o = r(function({ value: r, onChange: o, placeholder: s, shortcut: c, inputLa
 				children: /* @__PURE__ */ i(e, {})
 			}),
 			/* @__PURE__ */ i("input", {
-				..._,
+				...v,
 				ref: d,
-				className: "select-search__input",
+				className: `select-search__input${u != null && u.className ? " " + u.className : ""}`,
 				type: "search",
 				value: r,
 				onChange: (e) => o(e.target.value, e),
-				"aria-label": l ?? _["aria-label"] ?? g
+				"aria-label": l ?? v["aria-label"] ?? _
 			}),
 			c && /* @__PURE__ */ i("kbd", {
 				className: "select-search__kbd",

package/dist/SelectSelect.d.ts

@@ -17,7 +17,7 @@ type SelectSelectOwnProps = {
     /** 0.1.198: o "(opcional)" depois do rótulo. */
     optional?: boolean;
     /** 0.1.198: os atributos nativos do `<select>` (o `form`, o `autoFocus`, o `aria-*`…). */
-    selectProps?: Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'defaultValue' | 'onChange' | 'id' | 'className' | 'children'>;
+    selectProps?: Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'defaultValue' | 'onChange' | 'id' | 'children'>;
     /** 0.1.198: a referência do `<select>`. */
     selectRef?: Ref<HTMLSelectElement>;
     /** 0.1.198: o id do `<select>` (um rótulo de fora aponta para ele). */

package/dist/SelectSelect.js

@@ -45,7 +45,7 @@ var u = o(function({ label: o, value: u, onChange: d, options: f = [], children:
 					...L,
 					ref: O,
 					id: F,
-					className: `select-input select-select${y ? " select-input--error" : ""}`,
+					className: `select-input select-select${y ? " select-input--error" : ""}${D != null && D.className ? " " + D.className : ""}`,
 					value: u,
 					onChange: (e) => d(e.target.value, e),
 					"aria-invalid": y ? !0 : L["aria-invalid"],

package/dist/SelectTextarea.d.ts

@@ -8,7 +8,7 @@ type SelectTextareaOwnProps = {
     /** 0.1.198: o "(opcional)" depois do rótulo. */
     optional?: boolean;
     /** 0.1.198: os atributos nativos da `<textarea>` (o `spellCheck`, o `readOnly`, o `autoFocus`, o `aria-*`…). */
-    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'id' | 'className'>;
+    textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'id'>;
     /** 0.1.198: a referência da `<textarea>`. */
     textareaRef?: Ref<HTMLTextAreaElement>;
     /** 0.1.198: o id da `<textarea>` (um rótulo de fora aponta para ele). */