@selectwin/kit 0.1.130 → 0.1.132

package/dist/SelectListCard.d.ts

@@ -20,7 +20,7 @@ type SelectListCardOwnProps = {
 };
 export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
 export declare const SelectListCard: import('react').ForwardRefExoticComponent<SelectListCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectListCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
-export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, onClick, }: {
+export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, wrap, onClick, }: {
     /** Leading visual — an icon or SelectAvatar. */
     media?: ReactNode;
     /** `icon` (padrão) encaixa um glifo cru numa caixa de 1.25rem; `auto` deixa o visual com o
@@ -33,6 +33,12 @@ export declare function SelectListRow({ media, mediaSize, title, secondary, acti
     action?: ReactNode;
     /** Dim the title/media (e.g. a disabled field). */
     muted?: boolean;
+    /**
+     * A ação é LARGA (um preço com a situação embaixo + um botão, 0.1.131): no estreito ela desce para
+     * baixo do texto, alinhada à direita, em vez de espremer o título numa coluna de uma palavra por linha.
+     * No largo, tudo segue numa linha só.
+     */
+    wrap?: boolean;
     onClick?: () => void;
 }): import("react").JSX.Element;
 /**

package/dist/SelectMiniStats.d.ts

@@ -15,6 +15,13 @@ type SelectMiniStatsOwnProps = {
      * estreitas cai para 2 (ou 1).
      */
     columns?: 2 | 3 | 4 | 5;
+    /**
+     * Colunas no ESTREITO (≤ 40rem, 0.1.132). Padrão 2 — com 3 números, o terceiro fica órfão numa linha
+     * sozinho; `narrowColumns={3}` mantém os três lado a lado (números curtos), `1` empilha.
+     */
+    narrowColumns?: 1 | 2 | 3;
+    /** Carregando (0.1.132): os rótulos ficam, um esqueleto no lugar de cada número — a forma não pula. */
+    loading?: boolean;
 };
 export type SelectMiniStatsProps = SelectMiniStatsOwnProps & Omit<ComponentPropsWithoutRef<'dl'>, keyof SelectMiniStatsOwnProps>;
 export declare const SelectMiniStats: import('react').ForwardRefExoticComponent<SelectMiniStatsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref">, keyof SelectMiniStatsOwnProps> & import('react').RefAttributes<HTMLDListElement>>;

package/dist/SelectRecordCard.d.ts

@@ -45,8 +45,12 @@ export declare const SelectRecordCard: import('react').ForwardRefExoticComponent
  */
 export type SelectLayoutThumbProps = {
     kind: 'steps' | 'columns';
+    /** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
+    accent?: string;
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
 export declare const SelectLayoutThumb: import('react').ForwardRefExoticComponent<{
     kind: "steps" | "columns";
+    /** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
+    accent?: string;
 } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
 export {};

package/dist/SelectTagSelect.d.ts

@@ -22,6 +22,11 @@ type SelectTagSelectOwnProps = {
     onBlur?: () => void;
     /** Control density. Default `md`; use `sm` in dense surfaces and modal/card forms. */
     size?: 'sm' | 'md';
+    /**
+     * Um valor selecionado que não está em `options` (0.1.132) — antes ele SUMIA do controle e continuava no
+     * `selected`, reenviado sem ninguém ver. Agora vira um chip tracejado com este rótulo (padrão: o próprio valor).
+     */
+    unknownLabel?: (value: string) => ReactNode;
 };
 export type SelectTagSelectProps = SelectTagSelectOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTagSelectOwnProps>;
 export declare const SelectTagSelect: import('react').ForwardRefExoticComponent<SelectTagSelectOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTagSelectOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -7821,11 +7821,16 @@ function lo({ src: e, fallback: t }) {
 		})
 	});
 }
-var uo = r(function({ kind: e, className: t, ...n }, r) {
+var uo = r(function({ kind: e, accent: t, className: n, style: r, ...i }, a) {
+	let o = t ? {
+		...r,
+		"--select-rcard-thumb-accent": t
+	} : r;
 	return /* @__PURE__ */ h("span", {
-		ref: r,
-		...n,
-		className: `select-rcard__thumb${t ? " " + t : ""}`,
+		ref: a,
+		...i,
+		style: o,
+		className: `select-rcard__thumb${n ? " " + n : ""}`,
 		"aria-hidden": "true",
 		children: [/* @__PURE__ */ m("span", { className: "select-rcard__thumbline select-rcard__thumbline--accent" }), e === "steps" ? /* @__PURE__ */ h(p, { children: [
 			/* @__PURE__ */ m("span", { className: "select-rcard__thumbline" }),
@@ -8520,12 +8525,25 @@ var Zo = r(function({ filters: e, values: t, onChange: n, onClearAll: r, search:
 			})]
 		})]
 	});
-}), Qo = r(function({ label: e, options: t, selected: n, onChange: r, placeholder: i = "Selecionar…", hint: a, help: o, error: s, onBlur: c, size: l = "md", className: u, ...f }, p) {
-	let [g, _] = d(!1), [v, y] = d(""), b = t.filter((e) => e.label.toLowerCase().includes(v.trim().toLowerCase())), x = (e) => r(n.includes(e) ? n.filter((t) => t !== e) : [...n, e]), S = n.map((e) => t.find((t) => t.value === e)).filter((e) => e != null);
+}), Qo = r(function({ label: e, options: t, selected: n, onChange: r, placeholder: i = "Selecionar…", hint: a, help: o, error: s, onBlur: c, size: l = "md", unknownLabel: u, className: f, ...p }, g) {
+	let [_, v] = d(!1), [y, b] = d(""), x = t.filter((e) => e.label.toLowerCase().includes(y.trim().toLowerCase())), S = (e) => r(n.includes(e) ? n.filter((t) => t !== e) : [...n, e]), C = n.map((e) => {
+		let n = t.find((t) => t.value === e);
+		return n ? {
+			value: e,
+			label: n.label,
+			text: n.label,
+			unknown: !1
+		} : {
+			value: e,
+			label: u ? u(e) : e,
+			text: e,
+			unknown: !0
+		};
+	});
 	return /* @__PURE__ */ h("div", {
-		ref: p,
-		...f,
-		className: `select-field${l === "sm" ? " select-field--sm" : ""}${u ? " " + u : ""}`,
+		ref: g,
+		...p,
+		className: `select-field${l === "sm" ? " select-field--sm" : ""}${f ? " " + f : ""}`,
 		children: [
 			(e || o) && /* @__PURE__ */ m("div", {
 				className: "select-field__labelrow",
@@ -8538,35 +8556,35 @@ var Zo = r(function({ filters: e, values: t, onChange: n, onClearAll: r, search:
 				})
 			}),
 			/* @__PURE__ */ m(Fn, {
-				active: g,
+				active: _,
 				onClose: () => {
-					_(!1), c == null || c();
+					v(!1), c == null || c();
 				},
 				placement: "bottom-start",
 				role: "listbox",
 				matchWidth: !0,
 				activator: /* @__PURE__ */ h("div", {
-					className: `select-tagselect__control${g ? " is-open" : ""}${s ? " is-error" : ""}`,
+					className: `select-tagselect__control${_ ? " is-open" : ""}${s ? " is-error" : ""}`,
 					"aria-invalid": s ? !0 : void 0,
 					role: "button",
 					tabIndex: 0,
 					"aria-haspopup": "listbox",
-					"aria-expanded": g,
-					onClick: () => _(!0),
+					"aria-expanded": _,
+					onClick: () => v(!0),
 					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(!0));
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(!0));
 					},
-					children: [S.length === 0 ? /* @__PURE__ */ m("span", {
+					children: [C.length === 0 ? /* @__PURE__ */ m("span", {
 						className: "select-tagselect__placeholder",
 						children: i
-					}) : S.map((e) => /* @__PURE__ */ h("span", {
-						className: "select-tagselect__chip",
+					}) : C.map((e) => /* @__PURE__ */ h("span", {
+						className: `select-tagselect__chip${e.unknown ? " select-tagselect__chip--unknown" : ""}`,
 						children: [e.label, /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "select-tagselect__remove",
-							"aria-label": `Remover ${e.label}`,
+							"aria-label": `Remover ${e.text}`,
 							onClick: (t) => {
-								t.stopPropagation(), x(e.value);
+								t.stopPropagation(), S(e.value);
 							},
 							children: /* @__PURE__ */ m(le, {})
 						})]
@@ -8581,24 +8599,24 @@ var Zo = r(function({ filters: e, values: t, onChange: n, onClearAll: r, search:
 					children: [/* @__PURE__ */ m("div", {
 						className: "select-tagselect__search",
 						children: /* @__PURE__ */ m(oa, {
-							value: v,
-							onChange: y,
+							value: y,
+							onChange: b,
 							placeholder: "Buscar…"
 						})
 					}), /* @__PURE__ */ m("div", {
 						className: "select-tagselect__options",
 						role: "presentation",
-						children: b.length === 0 ? /* @__PURE__ */ m("div", {
+						children: x.length === 0 ? /* @__PURE__ */ m("div", {
 							className: "select-tagselect__empty",
 							children: "Nada encontrado"
-						}) : b.map((e) => {
+						}) : x.map((e) => {
 							let t = n.includes(e.value);
 							return /* @__PURE__ */ h("button", {
 								type: "button",
 								role: "option",
 								"aria-selected": t,
 								className: `select-tagselect__option${t ? " is-selected" : ""}`,
-								onClick: () => x(e.value),
+								onClick: () => S(e.value),
 								children: [
 									e.image && /* @__PURE__ */ m("img", {
 										className: "select-tagselect__optimg",
@@ -10788,11 +10806,12 @@ var Qs = r(function({ value: e, max: t = 100, size: n = 64, thickness: r, tone:
 			})]
 		})]
 	});
-}), ic = r(function({ items: e, order: t = "label-first", columns: n, className: r, ...i }, a) {
+}), ic = r(function({ items: e, order: t = "label-first", columns: n, narrowColumns: r, loading: i = !1, className: a, ...o }, s) {
 	return /* @__PURE__ */ m("dl", {
-		ref: a,
-		...i,
-		className: `select-ministats select-ministats--${t}${n ? ` select-ministats--cols-${n}` : ""}${r ? " " + r : ""}`,
+		ref: s,
+		"aria-busy": i || void 0,
+		...o,
+		className: `select-ministats select-ministats--${t}${n ? ` select-ministats--cols-${n}` : ""}${r ? ` select-ministats--narrow-${r}` : ""}${i ? " select-ministats--loading" : ""}${a ? " " + a : ""}`,
 		children: e.map((e, t) => /* @__PURE__ */ h("div", {
 			className: "select-ministats__item",
 			children: [
@@ -10802,7 +10821,10 @@ var Qs = r(function({ value: e, max: t = 100, size: n = 64, thickness: r, tone:
 				}),
 				/* @__PURE__ */ m("dd", {
 					className: "select-ministats__value",
-					children: e.value
+					children: i ? /* @__PURE__ */ m("span", {
+						className: "select-skeleton select-ministats__skeleton",
+						"aria-hidden": "true"
+					}) : e.value
 				}),
 				e.hint != null && /* @__PURE__ */ m("dd", {
 					className: "select-ministats__hint",
@@ -25692,8 +25714,8 @@ var jl = r(function({ name: e, price: t, priceSuffix: n, headerAction: r, summar
 		]
 	});
 });
-function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i, muted: a = !1, onClick: o }) {
-	let s = /* @__PURE__ */ h(p, { children: [
+function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i, muted: a = !1, wrap: o = !1, onClick: s }) {
+	let c = /* @__PURE__ */ h(p, { children: [
 		e && /* @__PURE__ */ m("span", {
 			className: `select-listrow__media${t === "auto" ? " select-listrow__media--auto" : ""}`,
 			"aria-hidden": "true",
@@ -25713,15 +25735,15 @@ function Nl({ media: e, mediaSize: t = "icon", title: n, secondary: r, action: i
 			className: "select-listrow__action",
 			children: i
 		})
-	] }), c = `select-listrow${a ? " select-listrow--muted" : ""}`;
-	return o ? /* @__PURE__ */ m("button", {
+	] }), l = `select-listrow${a ? " select-listrow--muted" : ""}${o ? " select-listrow--wrap" : ""}`;
+	return s ? /* @__PURE__ */ m("button", {
 		type: "button",
-		className: `${c} select-listrow--clickable`,
-		onClick: o,
-		children: s
+		className: `${l} select-listrow--clickable`,
+		onClick: s,
+		children: c
 	}) : /* @__PURE__ */ m("div", {
-		className: c,
-		children: s
+		className: l,
+		children: c
 	});
 }
 function Pl({ children: e }) {