@selectwin/kit 0.1.212 → 0.1.214

package/dist/SelectFilterBar.js

@@ -3,137 +3,142 @@ import { useSelectMessages as a } from "./SelectLocale.js";
 import { SelectField as o } from "./SelectField.js";
 import { SelectPopover as s } from "./SelectPopover.js";
 import { SelectSearchInput as c } from "./SelectSearchInput.js";
-import { SelectDateField as l } from "./SelectDateField.js";
-import { formatDateValue as u } from "./internal/dateValue.js";
-import { forwardRef as d, useEffect as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { moveInOptions as l, useOptionListFocus as u } from "./internal/optionList.js";
+import { SelectDateField as d } from "./SelectDateField.js";
+import { formatDateValue as f } from "./internal/dateValue.js";
+import { forwardRef as p, useEffect as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/SelectFilterBar.tsx
-function g(e) {
+function y(e) {
 	return (e ?? "").split(",").map((e) => e.trim()).filter(Boolean);
 }
-function _(e, t) {
+function b(e, t) {
 	let n = new Set(e);
 	return (t ? t.map((e) => e.value).filter((e) => n.has(e)) : [...n]).join(",");
 }
-function v(e, t) {
+function x(e, t) {
 	var n;
 	if (e.type === "select") return ((n = e.options) == null || (n = n.find((e) => e.value === t)) == null ? void 0 : n.label) ?? t;
 	if (e.type === "multiselect") {
-		let n = g(t).map((t) => {
+		let n = y(t).map((t) => {
 			var n;
 			return ((n = e.options) == null || (n = n.find((e) => e.value === t)) == null ? void 0 : n.label) ?? t;
 		});
 		return n.length > 2 ? `${n[0]} +${n.length - 1}` : n.join(", ");
 	}
-	return e.type === "date" ? u(t) ?? t : t;
+	return e.type === "date" ? f(t) ?? t : t;
 }
-function y({ filter: n, value: r, onChange: i, open: u, onToggle: d, onClose: y, disabled: b }) {
-	let x = a(), [S, C] = p("");
-	f(() => {
-		u || C("");
-	}, [u]);
-	let w = r.trim() !== "", T = w ? v(n, r) : null, E = w && !!n.error, D = n.options ?? [], O = D.length > 7, k = O ? D.filter((e) => e.label.toLowerCase().includes(S.trim().toLowerCase())) : D;
-	return /* @__PURE__ */ h(s, {
-		active: u,
-		onClose: y,
+function S({ filter: n, value: r, onChange: i, open: f, onToggle: p, onClose: S, disabled: C }) {
+	let w = a(), [T, E] = g(""), D = h(null);
+	u(f && (n.type === "select" || n.type === "multiselect"), D), m(() => {
+		f || E("");
+	}, [f]);
+	let O = r.trim() !== "", k = O ? x(n, r) : null, A = O && !!n.error, j = n.options ?? [], M = j.length > 7, N = M ? j.filter((e) => e.label.toLowerCase().includes(T.trim().toLowerCase())) : j;
+	return /* @__PURE__ */ v(s, {
+		active: f,
+		onClose: S,
 		placement: "bottom-start",
-		activator: /* @__PURE__ */ h("button", {
+		activator: /* @__PURE__ */ v("button", {
 			type: "button",
-			className: `select-facet${w ? " is-active" : ""}${E ? " is-error" : ""}`,
-			onClick: d,
-			disabled: b,
-			"aria-expanded": u,
-			"aria-invalid": E || void 0,
-			title: E ? n.error : void 0,
-			children: [/* @__PURE__ */ m("span", {
+			className: `select-facet${O ? " is-active" : ""}${A ? " is-error" : ""}`,
+			onClick: p,
+			disabled: C,
+			"aria-expanded": f,
+			"aria-invalid": A || void 0,
+			title: A ? n.error : void 0,
+			children: [/* @__PURE__ */ _("span", {
 				className: "select-facet__label",
-				children: T == null ? n.label : `${n.label}: ${T}`
-			}), /* @__PURE__ */ m("span", {
-				className: `select-facet__caret${u ? " is-open" : ""}`,
+				children: k == null ? n.label : `${n.label}: ${k}`
+			}), /* @__PURE__ */ _("span", {
+				className: `select-facet__caret${f ? " is-open" : ""}`,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ m(t, {})
+				children: /* @__PURE__ */ _(t, {})
 			})]
 		}),
 		children: [
-			n.type === "multiselect" ? /* @__PURE__ */ h("div", {
+			n.type === "multiselect" ? /* @__PURE__ */ v("div", {
 				className: "select-facet__panel",
-				children: [O && /* @__PURE__ */ m("div", {
+				ref: D,
+				onKeyDown: l,
+				children: [M && /* @__PURE__ */ _("div", {
 					className: "select-facet__search",
-					children: /* @__PURE__ */ m(c, {
-						value: S,
-						onChange: C,
-						placeholder: x.filterBar.searchOption
+					children: /* @__PURE__ */ _(c, {
+						value: T,
+						onChange: E,
+						placeholder: w.filterBar.searchOption
 					})
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "select-facet__options",
 					role: "listbox",
 					"aria-multiselectable": "true",
-					children: k.length === 0 ? /* @__PURE__ */ m("div", {
+					children: N.length === 0 ? /* @__PURE__ */ _("div", {
 						className: "select-facet__empty",
-						children: x.common.nothingFound
-					}) : k.map((t) => {
-						let n = g(r), a = n.includes(t.value);
-						return /* @__PURE__ */ h("button", {
+						children: w.common.nothingFound
+					}) : N.map((t) => {
+						let n = y(r), a = n.includes(t.value);
+						return /* @__PURE__ */ v("button", {
 							type: "button",
 							role: "option",
 							"aria-selected": a,
 							className: "select-facet__opt",
-							onClick: () => i(_(a ? n.filter((e) => e !== t.value) : [...n, t.value], D)),
-							children: [/* @__PURE__ */ m("span", { children: t.label }), a && /* @__PURE__ */ m("span", {
+							onClick: () => i(b(a ? n.filter((e) => e !== t.value) : [...n, t.value], j)),
+							children: [/* @__PURE__ */ _("span", { children: t.label }), a && /* @__PURE__ */ _("span", {
 								className: "select-facet__check",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(e, {})
+								children: /* @__PURE__ */ _(e, {})
 							})]
 						}, t.value);
 					})
 				})]
-			}) : n.type === "select" ? /* @__PURE__ */ h("div", {
+			}) : n.type === "select" ? /* @__PURE__ */ v("div", {
 				className: "select-facet__panel",
-				children: [O && /* @__PURE__ */ m("div", {
+				ref: D,
+				onKeyDown: l,
+				children: [M && /* @__PURE__ */ _("div", {
 					className: "select-facet__search",
-					children: /* @__PURE__ */ m(c, {
-						value: S,
-						onChange: C,
-						placeholder: x.filterBar.searchOption
+					children: /* @__PURE__ */ _(c, {
+						value: T,
+						onChange: E,
+						placeholder: w.filterBar.searchOption
 					})
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "select-facet__options",
 					role: "listbox",
-					children: k.length === 0 ? /* @__PURE__ */ m("div", {
+					children: N.length === 0 ? /* @__PURE__ */ _("div", {
 						className: "select-facet__empty",
-						children: x.common.nothingFound
-					}) : k.map((t) => {
+						children: w.common.nothingFound
+					}) : N.map((t) => {
 						let n = r === t.value;
-						return /* @__PURE__ */ h("button", {
+						return /* @__PURE__ */ v("button", {
 							type: "button",
 							role: "option",
 							"aria-selected": n,
 							className: `select-facet__opt${n ? " is-selected" : ""}`,
 							onClick: () => {
-								i(n ? "" : t.value), y();
+								i(n ? "" : t.value), S();
 							},
-							children: [/* @__PURE__ */ m("span", { children: t.label }), n && /* @__PURE__ */ m("span", {
+							children: [/* @__PURE__ */ _("span", { children: t.label }), n && /* @__PURE__ */ _("span", {
 								className: "select-facet__check",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(e, {})
+								children: /* @__PURE__ */ _(e, {})
 							})]
 						}, t.value);
 					})
 				})]
-			}) : n.type === "date" ? /* @__PURE__ */ m("div", {
+			}) : n.type === "date" ? /* @__PURE__ */ _("div", {
 				className: "select-facet__field",
-				children: /* @__PURE__ */ m(l, {
+				children: /* @__PURE__ */ _(d, {
 					value: r,
 					onChange: i,
 					placeholder: n.placeholder,
 					clearable: !1
 				})
-			}) : /* @__PURE__ */ m("div", {
+			}) : /* @__PURE__ */ _("div", {
 				className: "select-facet__field",
 				onKeyDown: (e) => {
-					e.key === "Enter" && (e.preventDefault(), y());
+					e.key === "Enter" && (e.preventDefault(), S());
 				},
-				children: /* @__PURE__ */ m(o, {
+				children: /* @__PURE__ */ _(o, {
 					type: "text",
 					value: r,
 					onChange: i,
@@ -141,152 +146,156 @@ function y({ filter: n, value: r, onChange: i, open: u, onToggle: d, onClose: y,
 					autoFocus: !0
 				})
 			}),
-			E && /* @__PURE__ */ m("div", {
+			A && /* @__PURE__ */ _("div", {
 				className: "select-facet__error",
 				role: "alert",
 				children: n.error
 			}),
-			w && /* @__PURE__ */ m("div", {
+			O && /* @__PURE__ */ _("div", {
 				className: "select-facet__foot",
-				children: /* @__PURE__ */ m("button", {
+				children: /* @__PURE__ */ _("button", {
 					type: "button",
 					className: "select-facet__clear",
 					onClick: () => {
-						i(""), y();
+						i(""), S();
 					},
-					children: x.filterBar.clear
+					children: w.filterBar.clear
 				})
 			})
 		]
 	});
 }
-var b = d(function({ filters: e, values: t, onChange: o, onClearAll: c, search: l, leading: u, disabled: d, className: f, ...g }, _) {
-	let b = a(), [x, S] = p([]), [C, w] = p(null), [T, E] = p(!1), D = (e) => (t[e.key] ?? "").trim() !== "", O = (e) => !!e.pinned || D(e) || x.includes(e.key), k = e.filter(O), A = e.filter((e) => !O(e)), j = e.filter(D), M = () => {
-		S([]), w(null), c();
-	}, N = (e) => {
-		S((t) => t.includes(e) ? t : [...t, e]), E(!1), w(e);
+var C = p(function({ filters: e, values: t, onChange: o, onClearAll: c, search: d, leading: f, disabled: p, className: m, ...y }, b) {
+	let C = a(), [w, T] = g([]), [E, D] = g(null), [O, k] = g(!1), A = h(null);
+	u(O, A);
+	let j = (e) => (t[e.key] ?? "").trim() !== "", M = (e) => !!e.pinned || j(e) || w.includes(e.key), N = e.filter(M), P = e.filter((e) => !M(e)), F = e.filter(j), I = () => {
+		T([]), D(null), c();
+	}, L = (e) => {
+		T((t) => t.includes(e) ? t : [...t, e]), k(!1), D(e);
 	};
-	return /* @__PURE__ */ h("div", {
-		ref: _,
-		...g,
-		className: `select-filterbar${f ? " " + f : ""}`,
+	return /* @__PURE__ */ v("div", {
+		ref: b,
+		...y,
+		className: `select-filterbar${m ? " " + m : ""}`,
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ v("div", {
 				className: "select-filterbar__row",
 				children: [
-					u,
-					l && /* @__PURE__ */ h("div", {
-						className: `select-filterbar__query${l.error ? " select-filterbar__query--error" : ""}`,
+					f,
+					d && /* @__PURE__ */ v("div", {
+						className: `select-filterbar__query${d.error ? " select-filterbar__query--error" : ""}`,
 						children: [
-							/* @__PURE__ */ m("span", {
+							/* @__PURE__ */ _("span", {
 								className: "select-filterbar__query-icon",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(i, {})
+								children: /* @__PURE__ */ _(i, {})
 							}),
-							/* @__PURE__ */ m("input", {
+							/* @__PURE__ */ _("input", {
 								className: "select-filterbar__query-input",
 								type: "search",
-								value: l.value,
-								placeholder: l.placeholder ?? b.common.searchPlaceholder,
-								onChange: (e) => l.onChange(e.target.value),
-								onKeyDown: l.onSubmit ? (e) => {
+								value: d.value,
+								placeholder: d.placeholder ?? C.common.searchPlaceholder,
+								onChange: (e) => d.onChange(e.target.value),
+								onKeyDown: d.onSubmit ? (e) => {
 									if (e.key === "Enter") {
 										var t;
-										e.preventDefault(), (t = l.onSubmit) == null || t.call(l);
+										e.preventDefault(), (t = d.onSubmit) == null || t.call(d);
 									}
 								} : void 0,
-								"aria-label": l.ariaLabel ?? l.placeholder ?? b.common.search,
-								"aria-invalid": l.error ? !0 : void 0,
-								disabled: d
+								"aria-label": d.ariaLabel ?? d.placeholder ?? C.common.search,
+								"aria-invalid": d.error ? !0 : void 0,
+								disabled: p
 							}),
-							l.value && /* @__PURE__ */ m("button", {
+							d.value && /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "select-filterbar__query-clear",
-								"aria-label": b.filterBar.clearSearch,
-								onClick: () => l.onChange(""),
-								children: /* @__PURE__ */ m(n, {})
+								"aria-label": C.filterBar.clearSearch,
+								onClick: () => d.onChange(""),
+								children: /* @__PURE__ */ _(n, {})
 							}),
-							l.onSubmit && /* @__PURE__ */ m("button", {
+							d.onSubmit && /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "select-filterbar__query-submit",
-								onClick: l.onSubmit,
-								disabled: d,
-								children: l.submitLabel ?? b.common.search
+								onClick: d.onSubmit,
+								disabled: p,
+								children: d.submitLabel ?? C.common.search
 							})
 						]
 					}),
-					k.map((e) => /* @__PURE__ */ m(y, {
+					N.map((e) => /* @__PURE__ */ _(S, {
 						filter: e,
 						value: t[e.key] ?? "",
 						onChange: (t) => o(e.key, t),
-						open: C === e.key,
-						onToggle: () => w((t) => t === e.key ? null : e.key),
-						onClose: () => w((t) => t === e.key ? null : t),
-						disabled: d
+						open: E === e.key,
+						onToggle: () => D((t) => t === e.key ? null : e.key),
+						onClose: () => D((t) => t === e.key ? null : t),
+						disabled: p
 					}, e.key)),
-					A.length > 0 && /* @__PURE__ */ m(s, {
-						active: T,
-						onClose: () => E(!1),
+					P.length > 0 && /* @__PURE__ */ _(s, {
+						active: O,
+						onClose: () => k(!1),
 						placement: "bottom-start",
-						activator: /* @__PURE__ */ h("button", {
+						activator: /* @__PURE__ */ v("button", {
 							type: "button",
 							className: "select-facet select-facet--more",
-							onClick: () => E((e) => !e),
-							disabled: d,
-							"aria-expanded": T,
-							children: [/* @__PURE__ */ m("span", {
+							onClick: () => k((e) => !e),
+							disabled: p,
+							"aria-expanded": O,
+							children: [/* @__PURE__ */ _("span", {
 								className: "select-facet__addicon",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(r, {})
-							}), b.filterBar.moreFilters]
+								children: /* @__PURE__ */ _(r, {})
+							}), C.filterBar.moreFilters]
 						}),
-						children: /* @__PURE__ */ m("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "select-facet__options",
 							role: "menu",
-							children: A.map((e) => /* @__PURE__ */ m("button", {
+							ref: A,
+							onKeyDown: l,
+							children: P.map((e) => /* @__PURE__ */ _("button", {
 								type: "button",
 								role: "menuitem",
 								className: "select-facet__opt",
-								onClick: () => N(e.key),
-								children: /* @__PURE__ */ m("span", { children: e.label })
+								onClick: () => L(e.key),
+								children: /* @__PURE__ */ _("span", { children: e.label })
 							}, e.key))
 						})
 					})
 				]
 			}),
-			l != null && l.error ? /* @__PURE__ */ m("p", {
+			d != null && d.error ? /* @__PURE__ */ _("p", {
 				className: "select-filterbar__query-error",
 				role: "alert",
-				children: l.error
+				children: d.error
 			}) : null,
-			j.length > 0 && /* @__PURE__ */ h("div", {
+			F.length > 0 && /* @__PURE__ */ v("div", {
 				className: "select-filterbar__applied",
-				children: [j.map((e) => /* @__PURE__ */ h("span", {
+				children: [F.map((e) => /* @__PURE__ */ v("span", {
 					className: `select-filterbar__tag${e.error ? " is-error" : ""}`,
 					title: e.error || void 0,
 					children: [
 						e.label,
 						": ",
-						v(e, t[e.key] ?? ""),
-						/* @__PURE__ */ m("button", {
+						x(e, t[e.key] ?? ""),
+						/* @__PURE__ */ _("button", {
 							type: "button",
 							className: "select-filterbar__tagx",
-							"aria-label": b.filterBar.removeFilter(e.label),
+							"aria-label": C.filterBar.removeFilter(e.label),
 							onClick: () => o(e.key, ""),
-							children: /* @__PURE__ */ m(n, {})
+							children: /* @__PURE__ */ _(n, {})
 						})
 					]
-				}, e.key)), /* @__PURE__ */ m("button", {
+				}, e.key)), /* @__PURE__ */ _("button", {
 					type: "button",
 					className: "select-filterbar__clear",
-					onClick: M,
-					children: b.filterBar.clearAll
+					onClick: I,
+					children: C.filterBar.clearAll
 				})]
 			})
 		]
 	});
 });
 //#endregion
-export { b as SelectFilterBar, _ as joinFilterValues, g as splitFilterValues };
+export { C as SelectFilterBar, b as joinFilterValues, y as splitFilterValues };
 
 //# sourceMappingURL=SelectFilterBar.js.map

package/dist/SelectSection.d.ts

@@ -31,6 +31,11 @@ type SelectSectionOwnProps = {
      * dentro de uma superfície sólida (`SelectRegions`, o drawer do Workbench); numa página, a seção segue two-tone.
      */
     flush?: boolean;
+    /**
+     * 0.1.213: a seção é a moldura de uma lista (a `SelectTable` de dentro): o corpo sem a caixa branca nem o respiro, e
+     * a tabela com o cabeçalho na moldura e as linhas na caixa branca dela. Sem tabela no corpo, a caixa branca volta.
+     */
+    list?: boolean;
     children: ReactNode;
 };
 export type SelectSectionProps = SelectSectionOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSectionOwnProps>;

package/dist/SelectSection.js

@@ -6,20 +6,20 @@ import { inertProps as i } from "./internal/inert.js";
 import { forwardRef as a, useId as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/SelectSection.tsx
-var u = a(function({ title: a, help: u, description: d, action: f, collapsible: p = !1, defaultOpen: m = !0, open: h, onOpenChange: g, footer: _, flush: v = !1, children: y, className: b, ...x }, S) {
-	let [C, w] = s(m), T = h ?? C, E = o(), D = () => {
-		h === void 0 && w(!T), g == null || g(!T);
-	}, O = (r() ? " select-section--nested" : "") + (v ? " select-section--flush" : "");
+var u = a(function({ title: a, help: u, description: d, action: f, collapsible: p = !1, defaultOpen: m = !0, open: h, onOpenChange: g, footer: _, flush: v = !1, list: y = !1, children: b, className: x, ...S }, C) {
+	let [w, T] = s(m), E = h ?? w, D = o(), O = () => {
+		h === void 0 && T(!E), g == null || g(!E);
+	}, k = (r() ? " select-section--nested" : "") + (v ? " select-section--flush" : "") + (y ? " select-section--list" : ""), A = y ? "list" : "body";
 	return p ? /* @__PURE__ */ l("div", {
-		ref: S,
-		...x,
-		className: `select-section select-section--collapsible${O}${T ? " is-open" : ""}${b ? " " + b : ""}`,
+		ref: C,
+		...S,
+		className: `select-section select-section--collapsible${k}${E ? " is-open" : ""}${x ? " " + x : ""}`,
 		children: [/* @__PURE__ */ l("button", {
 			type: "button",
 			className: "select-section__head select-section__head--toggle",
-			"aria-expanded": T,
-			"aria-controls": E,
-			onClick: D,
+			"aria-expanded": E,
+			"aria-controls": D,
+			onClick: O,
 			children: [/* @__PURE__ */ l("span", {
 				className: "select-section__heading",
 				children: [a && /* @__PURE__ */ c("span", {
@@ -35,15 +35,18 @@ var u = a(function({ title: a, help: u, description: d, action: f, collapsible:
 				children: /* @__PURE__ */ c(e, {})
 			})]
 		}), /* @__PURE__ */ c("div", {
-			id: E,
+			id: D,
 			className: "select-section__collapse",
-			"data-open": T,
-			...i(!T),
+			"data-open": E,
+			...i(!E),
 			children: /* @__PURE__ */ l("div", {
 				className: "select-section__collapsewrap",
 				children: [/* @__PURE__ */ c("div", {
 					className: "select-section__body",
-					children: /* @__PURE__ */ c(n, { children: y })
+					children: /* @__PURE__ */ c(n, {
+						kind: A,
+						children: b
+					})
 				}), _ != null && _ !== "" && /* @__PURE__ */ c("div", {
 					className: "select-section__foot",
 					children: _
@@ -51,9 +54,9 @@ var u = a(function({ title: a, help: u, description: d, action: f, collapsible:
 			})
 		})]
 	}) : /* @__PURE__ */ l("div", {
-		ref: S,
-		...x,
-		className: `select-section${O}${b ? " " + b : ""}`,
+		ref: C,
+		...S,
+		className: `select-section${k}${x ? " " + x : ""}`,
 		children: [
 			(a || d || f) && /* @__PURE__ */ l("div", {
 				className: "select-section__head",
@@ -73,7 +76,10 @@ var u = a(function({ title: a, help: u, description: d, action: f, collapsible:
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "select-section__body",
-				children: /* @__PURE__ */ c(n, { children: y })
+				children: /* @__PURE__ */ c(n, {
+					kind: A,
+					children: b
+				})
 			}),
 			_ != null && _ !== "" && /* @__PURE__ */ c("div", {
 				className: "select-section__foot",

package/dist/SelectTable.d.ts

@@ -73,6 +73,25 @@ type SelectTableOwnProps = {
      * separados por linhas de 1px.
      */
     flush?: boolean;
+    /**
+     * 0.1.213: o nome da tabela para o leitor de tela (a grade é `role="table"`). Sem ele, o nome é o `title` quando o
+     * `title` é texto.
+     */
+    label?: string;
+    /**
+     * 0.1.213: a largura mínima das colunas juntas (um comprimento CSS, `'48rem'`): abaixo dela a tabela rola de lado em
+     * vez de apertar as colunas. Sem ela, o mínimo é a soma dos pisos das colunas.
+     */
+    minWidth?: string;
+    /**
+     * 0.1.213: como as colunas flexíveis (as sem `width`) dividem a largura.
+     *  · `even` (o padrão): cada uma leva a mesma fatia (vezes o `grow`);
+     *  · `content`: cada uma leva a fatia do que ela tem — a tabela mede a largura natural de cada coluna (o cabeçalho e
+     *    as células) e divide a largura na mesma proporção, como a tabela do HTML. O nome longo ganha espaço e o "OK" não
+     *    o desperdiça. Nenhuma coluna fica mais estreita que o que ela tem (até 20rem, `--select-table-col-cap`): sem
+     *    espaço, a tabela rola de lado. O cabeçalho continua alinhado com as linhas (a mesma grade).
+     */
+    sizing?: 'even' | 'content';
 };
 export type SelectTableProps = SelectTableOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTableOwnProps>;
 export declare const SelectTable: import('react').ForwardRefExoticComponent<SelectTableOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTableOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -93,14 +112,26 @@ export declare const SelectUserCell: import('react').ForwardRefExoticComponent<S
  * vêm logo abaixo com `nested` — recuadas e num fundo afundado, na MESMA grade de colunas.
  * Continua uma tabela só: nada de tabela dentro de linha (card dentro de card).
  */
-export declare function SelectTableRow({ children, onClick, expanded, nested, }: {
+type SelectTableRowOwnProps = {
     children: ReactNode;
     onClick?: () => void;
     /** Linha-mãe de um grupo: aberta/fechada (vira `aria-expanded`). */
     expanded?: boolean;
     /** Linha-filha de um grupo aberto. */
     nested?: boolean;
-}): import("react").JSX.Element;
+    /**
+     * 0.1.213: a linha do que está aberto agora (o plano que a página mostra ao lado, a mensagem da gaveta): o fundo
+     * afundado e `aria-current`.
+     */
+    current?: boolean;
+    /**
+     * 0.1.213: a linha que abre um grupo de linhas ("Do workspace · as regras dele"): o título numa célula que ocupa a
+     * linha toda (`<SelectTableCell span="all">`), no fundo afundado.
+     */
+    section?: boolean;
+};
+export type SelectTableRowProps = SelectTableRowOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTableRowOwnProps | 'role'>;
+export declare function SelectTableRow({ children, onClick, expanded, nested, current, section, className, ...rest }: SelectTableRowProps): import("react").JSX.Element;
 type SelectTableCellOwnProps = {
     children: ReactNode;
     align?: 'start' | 'end' | 'center';
@@ -110,6 +141,12 @@ type SelectTableCellOwnProps = {
     /** Chevron de grupo antes do conteúdo (primeira célula da linha-mãe). `'none'` reserva o
      *  espaço sem desenhar, para alinhar uma linha sem filhas com as vizinhas que têm. */
     disclosure?: 'open' | 'closed' | 'none';
+    /** 0.1.213: o cabeçalho da linha (`role="rowheader"`): o leitor de tela diz o nome da linha em cada célula dela. */
+    header?: boolean;
+    /** 0.1.213: quantas colunas a célula ocupa (`'all'`: a linha toda — o título do grupo, o detalhe aberto). */
+    span?: number | 'all';
+    /** 0.1.213: o texto quebra linha em vez de cortar (a descrição, o valor longo que não pode sumir). */
+    wrap?: boolean;
 };
 export type SelectTableCellProps = SelectTableCellOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTableCellOwnProps>;
 export declare const SelectTableCell: import('react').ForwardRefExoticComponent<SelectTableCellOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTableCellOwnProps> & import('react').RefAttributes<HTMLDivElement>>;