@selectwin/kit 0.1.206 → 0.1.207

package/dist/SelectSkeleton.d.ts

@@ -8,10 +8,13 @@ declare function SkeletonThumbnail({ size }: {
     size?: 'small' | 'medium' | 'large';
 }): import("react").JSX.Element;
 /** Área de conteúdo não-textual carregando (chart, mapa, imagem, preview): retângulo
- *  shimmer com 100% da largura do pai e a altura dada. */
-declare function SkeletonBlock({ height, aspectRatio }: {
+ *  shimmer com 100% da largura do pai e a altura dada. 0.1.207: `width` (o número grande
+ *  de um cartão, a bolha de uma conversa) e `className` (o alinhamento no pai). */
+declare function SkeletonBlock({ height, aspectRatio, width, className, }: {
     height?: number | string;
     aspectRatio?: string;
+    width?: number | string;
+    className?: string;
 }): import("react").JSX.Element;
 /** Um campo de formulário carregando: o rótulo curto e a caixa do controle na altura real. */
 declare function SkeletonField({ tall }: {
@@ -23,6 +26,12 @@ declare function SkeletonRow({ media, action, boxed }: {
     action?: boolean;
     boxed?: boolean;
 }): import("react").JSX.Element;
+/** As linhas de uma tabela carregando (0.1.207), fora do SelectDataTable: `columns` colunas (a primeira mais larga, a
+ *  última à direita), `rows` linhas, os tamanhos variando de uma linha para a outra. A forma da tabela que vem. */
+declare function SkeletonTable({ columns, rows }: {
+    columns?: number;
+    rows?: number;
+}): import("react").JSX.Element;
 export declare const SelectSkeleton: (({ lines }: {
     lines?: number;
 }) => import("react").JSX.Element) & {
@@ -32,5 +41,6 @@ export declare const SelectSkeleton: (({ lines }: {
     Block: typeof SkeletonBlock;
     Field: typeof SkeletonField;
     Row: typeof SkeletonRow;
+    Table: typeof SkeletonTable;
 };
 export {};

package/dist/SelectSkeleton.js

@@ -4,19 +4,33 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 function n({ lines: t = 3 }) {
 	return /* @__PURE__ */ e("div", {
 		className: "select-skel-body",
+		"aria-hidden": "true",
 		children: Array.from({ length: Math.max(1, t) }, (t, n) => /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-line" }, n))
 	});
 }
 function r({ size: t = "medium" }) {
-	return /* @__PURE__ */ e("div", { className: `select-skeleton select-skel-display select-skel-display--${t}` });
+	return /* @__PURE__ */ e("div", {
+		className: `select-skeleton select-skel-display select-skel-display--${t}`,
+		"aria-hidden": "true"
+	});
 }
 function i({ size: t = "medium" }) {
-	return /* @__PURE__ */ e("div", { className: `select-skeleton select-skel-thumb select-skel-thumb--${t}` });
+	return /* @__PURE__ */ e("div", {
+		className: `select-skeleton select-skel-thumb select-skel-thumb--${t}`,
+		"aria-hidden": "true"
+	});
 }
-function a({ height: t = 240, aspectRatio: n }) {
+function a({ height: t = 240, aspectRatio: n, width: r, className: i }) {
 	return /* @__PURE__ */ e("div", {
-		className: "select-skeleton select-skel-block",
-		style: n ? { aspectRatio: n } : { height: t }
+		className: `select-skeleton select-skel-block${i ? " " + i : ""}`,
+		style: n ? {
+			aspectRatio: n,
+			width: r
+		} : {
+			height: t,
+			width: r
+		},
+		"aria-hidden": "true"
 	});
 }
 function o({ tall: n = !1 }) {
@@ -40,7 +54,19 @@ function s({ media: n = !0, action: r = !0, boxed: i = !1 }) {
 		]
 	});
 }
-var c = Object.assign(function({ lines: t }) {
+function c({ columns: t = 4, rows: n = 4 }) {
+	let r = Math.max(1, Math.floor(t)), i = { gridTemplateColumns: r === 1 ? "minmax(0, 1fr)" : `minmax(0, 2fr) repeat(${r - 1}, minmax(0, 1fr))` };
+	return /* @__PURE__ */ e("div", {
+		className: "select-skel-table",
+		"aria-hidden": "true",
+		children: Array.from({ length: Math.max(1, Math.floor(n)) }, (t, n) => /* @__PURE__ */ e("div", {
+			className: "select-skel-table__row",
+			style: i,
+			children: Array.from({ length: r }, (t, n) => /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-table__cell" }, n))
+		}, n))
+	});
+}
+var l = Object.assign(function({ lines: t }) {
 	return /* @__PURE__ */ e(n, { lines: t });
 }, {
 	Body: n,
@@ -48,9 +74,10 @@ var c = Object.assign(function({ lines: t }) {
 	Thumbnail: i,
 	Block: a,
 	Field: o,
-	Row: s
+	Row: s,
+	Table: c
 });
 //#endregion
-export { c as SelectSkeleton };
+export { l as SelectSkeleton };
 
 //# sourceMappingURL=SelectSkeleton.js.map

package/dist/SelectTable.d.ts

@@ -117,8 +117,10 @@ type SelectTableEmptyOwnProps = {
     icon?: ReactNode;
     title: ReactNode;
     subtitle?: ReactNode;
-    /** Optional CTA below the text (e.g. "Enable Billing") — for standalone empty cards. */
+    /** Optional CTA below the text (e.g. "Enable Billing") — for standalone empty cards. Várias ações ficam lado a lado. */
     action?: ReactNode;
+    /** 0.1.207: o vazio que é um ERRO (a lista não carregou): o ícone no tom crítico. O `role="alert"` é de quem usa. */
+    tone?: 'critical';
 };
 export type SelectTableEmptyProps = SelectTableEmptyOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTableEmptyOwnProps>;
 export declare const SelectTableEmpty: import('react').ForwardRefExoticComponent<SelectTableEmptyOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTableEmptyOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectTable.js

@@ -212,11 +212,11 @@ var O = l(function({ children: e, align: n = "start", disclosure: r, className:
 			children: r !== "none" && /* @__PURE__ */ g(t, {})
 		}) : null, e]
 	});
-}), k = l(function({ icon: e, title: t, subtitle: n, action: r, className: i, ...a }, o) {
+}), k = l(function({ icon: e, title: t, subtitle: n, action: r, tone: i, className: a, ...o }, s) {
 	return /* @__PURE__ */ _("div", {
-		ref: o,
-		...a,
-		className: `select-table-empty${i ? " " + i : ""}`,
+		ref: s,
+		...o,
+		className: `select-table-empty${i === "critical" ? " select-table-empty--critical" : ""}${a ? " " + a : ""}`,
 		children: [
 			e && /* @__PURE__ */ g("span", {
 				className: "select-table-empty__icon",