@studiolxd/brand 49.1.0 → 49.3.0

package/CHANGELOG.md

@@ -7,6 +7,64 @@ El paquete sigue [semver](https://semver.org/lang/es/): **patch** para bug fixes
 regeneración de `dist`, **minor** para componentes/props/variantes/tokens nuevos, **major**
 para breaking changes.
 
+## [49.3.0] — 2026-09-17
+
+> **Minor.** Norma de redacción cerrada para el estado vacío: `EmptyState.title` nunca
+> lleva punto, ni siquiera cuando el aviso son dos frases —esa se parte entre `title` y
+> `description`—, y `DataTable`/`ConversationList` reciben `emptyDescription` para poder
+> hacer esa partición desde fuera.
+
+### El porqué
+
+La regla de Redacción ya decía que `title` no lleva punto y que `description` sí, pero no
+cerraba el caso de un aviso de dos frases («Aún no hay perfiles. Crea uno para recibir
+avisos de licitaciones que encajen con el perfil.»): sin una norma explícita, ese texto
+podía acabar entero en `title`, con un punto interior y dos frases donde solo cabe un
+rótulo. Y aunque la norma estuviera clara, `DataTable` y `ConversationList` —los dos únicos
+componentes que pintan `EmptyState` por dentro— solo exponían `emptyMessage`: no había
+manera de pasarles la segunda frase aunque el consumidor la tuviera.
+
+### El arreglo
+
+`Foundations/Redacción` fija la partición: una sola frase va entera en `title`, sin punto;
+un aviso de dos frases pone la primera en `title` (sin punto) y el resto en `description`
+(con punto), nunca las dos en el título. `EmptyState.mdx` y el JSDoc de `EmptyState.title`
+remiten a la regla.
+
+`DataTable` y `ConversationList` suman `emptyDescription?: string`, sin default de
+catálogo —es de producto, no de cromo—, que llega tal cual a `EmptyState.description`
+junto al `emptyMessage` de siempre como `title`. Story «Vacío con descripción» y test de
+contrato en los dos. De paso, el fixture de textos en inglés de Storybook traía
+`dataTable.empty: 'No results.'` con un punto que incumplía la propia regla del `title`
+que pinta: pasa a `'No results'`.
+
+## [49.2.0] — 2026-09-16
+
+> **Minor.** `CommandPalette` deja de ser dueña exclusiva de su consulta: `onQueryChange`
+> avisa de cada cambio del texto del buscador (y de `""` al cerrarse) y `filter`
+> (`'internal'` | `'none'`, global o por grupo con `CommandPaletteGroup.filter`) permite
+> apagar el filtrado interno para un grupo que ya llega filtrado desde fuera.
+
+### El porqué
+
+Un consumidor que busca en servidor (el `PublicCommandMenu` de la suite, resultados de una
+API con *debounce*) no tenía forma de leer lo que el usuario tecleaba salvo envolviendo la
+paleta en un contenedor con `onInput` y leyendo el valor por el árbol — una lectura por la
+puerta de atrás. Ese mismo consumidor, además, tenía que meter la consulta en `keywords` de
+cada resultado para que el filtrado interno no se los comiera, aunque los resultados ya
+llegaran filtrados.
+
+### El arreglo
+
+`onQueryChange?: (query: string) => void` se llama con el texto tal cual lo escribe quien
+usa la paleta, y con `""` cuando la paleta se cierra, para que el consumidor no arrastre una
+consulta vieja a la siguiente apertura. `query?: string` permite además controlarla desde
+fuera. `filter?: 'internal' | 'none'` (por defecto `'internal'`, sin cambio de
+comportamiento) apaga el filtrado por `label`/`keywords` cuando vale `'none'`; se puede fijar
+también por grupo (`CommandPaletteGroup.filter`) para mezclar, en una misma paleta, un grupo
+con filtrado interno y otro que ya llega filtrado de fuera. Story «Búsqueda en servidor» y
+MDX § «Buscar fuera de la paleta».
+
 ## [49.1.0] — 2026-09-16
 
 > **Minor.** Regla visual nueva, sin cambios de API: **un enlace dentro de un `Alert` o de un

package/dist/_types/molecules/CommandPalette/CommandPalette.d.ts

@@ -37,6 +37,13 @@ export interface CommandPaletteGroup {
     id: string;
     heading: string;
     items: CommandPaletteItem[];
+    /**
+     * Filtrado de este grupo. Anula al `filter` global de la paleta:
+     * - `'internal'` (por defecto, el del global): filtra por `label`/`keywords` como siempre.
+     * - `'none'`: el grupo enseña sus ítems tal cual, sin comparar con la consulta —
+     *   para un grupo que ya llega filtrado desde fuera (búsqueda en servidor).
+     */
+    filter?: 'internal' | 'none';
 }
 export interface CommandPaletteProps {
     open: boolean;
@@ -81,6 +88,27 @@ export interface CommandPaletteProps {
      * Por defecto, el del entorno.
      */
     locale?: Intl.LocalesArgument;
+    /**
+     * Filtrado global de la paleta:
+     * - `'internal'` (por defecto): filtra los ítems por `label`/`keywords` contra la consulta.
+     * - `'none'`: la paleta no filtra nada — enseña los ítems de `groups` tal cual se los
+     *   pasan. Es lo que necesita una búsqueda en servidor (con `onQueryChange` y su propio
+     *   debounce), que ya trae los resultados filtrados.
+     *
+     * Un grupo concreto puede anular este valor con `CommandPaletteGroup.filter`.
+     */
+    filter?: 'internal' | 'none';
+    /**
+     * Consulta del buscador, para controlarla desde fuera (p. ej. resetearla al elegir un
+     * filtro externo). Sin ella, la paleta lleva su propio estado interno.
+     */
+    query?: string;
+    /**
+     * Se llama con cada cambio del texto del buscador (ya recortado por el filtrado interno
+     * cuando lo hay) y con `""` al cerrarse la paleta. Es la vía de lectura de la consulta
+     * para quien necesite buscar en servidor sin envolver la paleta ni leer el DOM.
+     */
+    onQueryChange?: (query: string) => void;
     className?: string;
 }
 /**
@@ -92,4 +120,4 @@ export interface CommandPaletteProps {
  * de Base UI en modo `inline` — sin popup propio, porque la superficie ya la
  * pone el `Modal`, que también se queda con Escape y el foco atrapado.
  */
-export declare function CommandPalette({ open, onOpenChange, groups, title, placeholder, emptyLabel, listLabel, closeLabel, shortcut, locale, className, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPalette({ open, onOpenChange, groups, title, placeholder, emptyLabel, listLabel, closeLabel, shortcut, locale, filter: filterMode, query, onQueryChange, className, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/molecules/ConversationList/ConversationList.d.ts

@@ -68,6 +68,14 @@ export interface ConversationListProps extends Omit<React.ComponentPropsWithoutR
      * ven dos—. Solo se lee con la lista vacía.
      */
     emptyMessage?: string;
+    /**
+     * Segunda frase del `EmptyState` que la lista pinta ella misma, opcional y
+     * **sin default de catálogo**: es de producto, no de cromo, así que solo se
+     * pinta cuando esta lista tiene algo propio que añadir tras `emptyMessage`.
+     * Termina en punto (ver Foundations → Redacción); `emptyMessage` sigue
+     * siendo el rótulo, nunca lleva punto.
+     */
+    emptyDescription?: string;
     /**
      * `title` del `Alert` de error. **Sin default**: sin él, sale de
      * `conversationList.error`, y solo se lee cuando hay `error`.

package/dist/_types/molecules/EmptyState/EmptyState.d.ts

@@ -5,7 +5,11 @@ export interface EmptyStateAction {
     href?: string;
 }
 export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** El rótulo del estado: sin punto (ver Foundations → Redacción). */
+    /**
+     * El rótulo del estado: sin punto, nunca dos frases (ver Foundations →
+     * Redacción). Un aviso de dos frases se parte: la primera aquí, el resto en
+     * `description`.
+     */
     title: string;
     /** La frase que lo explica, opcional: termina en punto (ver Foundations → Redacción). */
     description?: string;

package/dist/_types/organisms/DataTable/DataTable.d.ts

@@ -105,6 +105,14 @@ export interface DataTableProps<TData, TValue> {
      * nadie»), que un catálogo común no puede saber.
      */
     emptyMessage?: string;
+    /**
+     * Segunda frase del estado vacío, opcional y **sin default de catálogo**:
+     * es de producto, no de cromo, así que solo se pinta cuando esta pantalla
+     * tiene algo propio que añadir tras `emptyMessage`. Termina en punto (ver
+     * Foundations → Redacción); `emptyMessage` sigue siendo el rótulo, nunca
+     * lleva punto.
+     */
+    emptyDescription?: string;
     isLoading?: boolean;
     pagination?: DataTableServerPagination;
     headerLabels?: DataTableHeaderLabels;
@@ -120,4 +128,4 @@ export interface DataTableProps<TData, TValue> {
  * `BrandMessagesProvider`, y los de sus piezas de los suyos (`table`,
  * `pagination`). Las props de texto siguen ahí como anulación puntual.
  */
-export declare function DataTable<TData, TValue>({ columns, data, ariaLabel, ariaLabelledBy, searchColumnId, search, searchPlaceholder, searchClearLabel, toolbar, footerActions, pageSize, emptyMessage, isLoading, pagination, headerLabels, paginationLabels, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, ariaLabel, ariaLabelledBy, searchColumnId, search, searchPlaceholder, searchClearLabel, toolbar, footerActions, pageSize, emptyMessage, emptyDescription, isLoading, pagination, headerLabels, paginationLabels, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;

package/dist/command-palette.js

@@ -2,63 +2,71 @@
 import './command-palette.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Modal as t } from "./modal.js";
-import { useCallback as n, useEffect as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Autocomplete as o } from "@base-ui/react/autocomplete";
+import { useCallback as n, useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Autocomplete as s } from "@base-ui/react/autocomplete";
 //#region src/stories/molecules/CommandPalette/CommandPalette.tsx
-function s({ open: s, onOpenChange: c, groups: l, title: u, placeholder: d, emptyLabel: f, listLabel: p, closeLabel: m, shortcut: h = "k", locale: g, className: _ }) {
-	let v = e("commandPalette");
+function c({ open: c, onOpenChange: l, groups: u, title: d, placeholder: f, emptyLabel: p, listLabel: m, closeLabel: h, shortcut: g = "k", locale: _, filter: v = "internal", query: y, onQueryChange: b, className: x }) {
+	let S = e("commandPalette"), C = i(c);
 	r(() => {
-		if (h === !1) return;
+		C.current && !c && b?.(""), C.current = c;
+	}, [c, b]), r(() => {
+		if (g === !1) return;
 		let e = (e) => {
-			typeof e.key == "string" && e.key.toLowerCase() === h && (e.metaKey || e.ctrlKey) && (e.preventDefault(), c(!s));
+			typeof e.key == "string" && e.key.toLowerCase() === g && (e.metaKey || e.ctrlKey) && (e.preventDefault(), l(!c));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		h,
-		s,
-		c
+		g,
+		c,
+		l
 	]);
-	let y = o.useFilter({
+	let w = s.useFilter({
 		sensitivity: "base",
-		locale: g
-	}), b = n((e, t) => y.contains(e.label, t) || (e.keywords ?? []).some((e) => y.contains(e, t)), [y]);
-	return /* @__PURE__ */ i(t, {
-		open: s,
-		onClose: () => c(!1),
-		title: v("title", u),
-		...m ? { closeLabel: m } : {},
-		children: /* @__PURE__ */ i(o.Root, {
+		locale: _
+	}), T = n((e, t) => (u.find((t) => t.items.includes(e))?.filter ?? v) === "none" ? !0 : w.contains(e.label, t) || (e.keywords ?? []).some((e) => w.contains(e, t)), [
+		w,
+		u,
+		v
+	]);
+	return /* @__PURE__ */ a(t, {
+		open: c,
+		onClose: () => l(!1),
+		title: S("title", d),
+		...h ? { closeLabel: h } : {},
+		children: /* @__PURE__ */ a(s.Root, {
 			inline: !0,
 			open: !0,
-			items: l,
-			filter: b,
+			items: u,
+			filter: T,
 			autoHighlight: "always",
-			children: /* @__PURE__ */ a("div", {
-				className: ["command-palette", _].filter(Boolean).join(" "),
+			...y === void 0 ? {} : { value: y },
+			onValueChange: (e) => b?.(e),
+			children: /* @__PURE__ */ o("div", {
+				className: ["command-palette", x].filter(Boolean).join(" "),
 				children: [
-					/* @__PURE__ */ i(o.Input, {
+					/* @__PURE__ */ a(s.Input, {
 						className: "command-palette__input",
-						placeholder: v("placeholder", d),
+						placeholder: S("placeholder", f),
 						autoFocus: !0
 					}),
-					/* @__PURE__ */ i(o.List, {
+					/* @__PURE__ */ a(s.List, {
 						className: "command-palette__list",
-						"aria-label": v("list", p),
-						children: (e) => /* @__PURE__ */ a(o.Group, {
+						"aria-label": S("list", m),
+						children: (e) => /* @__PURE__ */ o(s.Group, {
 							items: e.items,
 							className: "command-palette__group",
-							children: [/* @__PURE__ */ i(o.GroupLabel, {
+							children: [/* @__PURE__ */ a(s.GroupLabel, {
 								className: "command-palette__heading",
 								children: e.heading
-							}), /* @__PURE__ */ i(o.Collection, { children: (e) => /* @__PURE__ */ a(o.Item, {
+							}), /* @__PURE__ */ a(s.Collection, { children: (e) => /* @__PURE__ */ o(s.Item, {
 								value: e,
 								disabled: e.disabled,
 								className: "command-palette__item",
 								onClick: () => {
-									c(!1), e.onSelect();
+									l(!1), e.onSelect();
 								},
-								children: [e.icon && /* @__PURE__ */ i("span", {
+								children: [e.icon && /* @__PURE__ */ a("span", {
 									className: "command-palette__item-icon",
 									"aria-hidden": "true",
 									children: e.icon
@@ -66,9 +74,9 @@ function s({ open: s, onOpenChange: c, groups: l, title: u, placeholder: d, empt
 							}, e.id) })]
 						}, e.id)
 					}),
-					/* @__PURE__ */ i(o.Empty, {
+					/* @__PURE__ */ a(s.Empty, {
 						className: "command-palette__empty",
-						children: v("empty", f)
+						children: S("empty", p)
 					})
 				]
 			})
@@ -76,4 +84,4 @@ function s({ open: s, onOpenChange: c, groups: l, title: u, placeholder: d, empt
 	});
 }
 //#endregion
-export { s as CommandPalette };
+export { c as CommandPalette };

package/dist/conversation-list.js

@@ -13,41 +13,42 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 function d(e) {
 	return e.scrollWidth > e.clientWidth + 1;
 }
-var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDelete: h, newLabel: g, navLabel: _, deleteLabel: v, isLoading: y = !1, loadingCount: b = 4, error: x, emptyMessage: S, errorTitle: C, className: w, ...T }, E) {
-	let [D, O] = c(null), k = e("conversationList"), A = x === void 0 ? y ? "loading" : s.length === 0 ? "empty" : "list" : "error";
+var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDelete: h, newLabel: g, navLabel: _, deleteLabel: v, isLoading: y = !1, loadingCount: b = 4, error: x, emptyMessage: S, emptyDescription: C, errorTitle: w, className: T, ...E }, D) {
+	let [O, k] = c(null), A = e("conversationList"), j = x === void 0 ? y ? "loading" : s.length === 0 ? "empty" : "list" : "error";
 	return /* @__PURE__ */ u("div", {
-		ref: E,
-		className: `conversation-list${w ? ` ${w}` : ""}`,
-		...T,
+		ref: D,
+		className: `conversation-list${T ? ` ${T}` : ""}`,
+		...E,
 		children: [/* @__PURE__ */ l("div", {
 			className: "conversation-list__header",
 			children: /* @__PURE__ */ l(n, {
 				variant: "outline",
 				block: !0,
 				onClick: p,
-				children: k("new", g)
+				children: A("new", g)
 			})
 		}), /* @__PURE__ */ u("nav", {
-			"aria-label": k("nav", _),
+			"aria-label": A("nav", _),
 			className: "conversation-list__nav",
 			"aria-busy": y || void 0,
 			children: [
-				A === "error" && /* @__PURE__ */ l(a, {
+				j === "error" && /* @__PURE__ */ l(a, {
 					variant: "error",
-					title: k("error", C),
+					title: A("error", w),
 					description: x,
 					className: "conversation-list__state"
 				}),
-				A === "loading" && /* @__PURE__ */ l("div", {
+				j === "loading" && /* @__PURE__ */ l("div", {
 					className: "conversation-list__loading",
 					children: Array.from({ length: b }, (e, t) => /* @__PURE__ */ l(r, {}, t))
 				}),
-				A === "empty" && /* @__PURE__ */ l(o, {
+				j === "empty" && /* @__PURE__ */ l(o, {
 					size: "sm",
-					title: k("empty", S),
+					title: A("empty", S),
+					description: C,
 					className: "conversation-list__state"
 				}),
-				A === "list" && /* @__PURE__ */ l("ul", {
+				j === "list" && /* @__PURE__ */ l("ul", {
 					className: "conversation-list__items",
 					role: "list",
 					children: s.map((e) => {
@@ -57,18 +58,18 @@ var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDel
 							children: [/* @__PURE__ */ l(i, {
 								label: e.label,
 								describe: !1,
-								open: D === e.id,
+								open: O === e.id,
 								onOpenChange: (e) => {
-									e || O(null);
+									e || k(null);
 								},
 								onPointerEnter: (t) => {
-									d(t.currentTarget) && O(e.id);
+									d(t.currentTarget) && k(e.id);
 								},
-								onPointerLeave: () => O(null),
+								onPointerLeave: () => k(null),
 								onFocus: (t) => {
-									d(t.currentTarget) && O(e.id);
+									d(t.currentTarget) && k(e.id);
 								},
-								onBlur: () => O(null),
+								onBlur: () => k(null),
 								children: /* @__PURE__ */ l("button", {
 									type: "button",
 									className: `conversation-list__label${r ? " conversation-list__label--active" : ""}`,
@@ -80,7 +81,7 @@ var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDel
 								variant: "ghost",
 								size: "sm",
 								iconOnly: !0,
-								"aria-label": k("delete", v)(e.label),
+								"aria-label": A("delete", v)(e.label),
 								className: "conversation-list__delete",
 								onClick: (t) => {
 									t.stopPropagation(), h(e.id);

package/dist/data-table.js

@@ -147,7 +147,7 @@ function D(e, t, n) {
 		t.createHeader == null || t.createHeader(r, e);
 	}), r;
 }
-var O = { createTable: (e) => {
+var ee = { createTable: (e) => {
 	e.getHeaderGroups = S(() => [
 		e.getAllColumns(),
 		e.getVisibleLeafColumns(),
@@ -155,7 +155,7 @@ var O = { createTable: (e) => {
 		e.getState().columnPinning.right
 	], (t, n, r, i) => {
 		let a = r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], o = i?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], s = n.filter((e) => !(r != null && r.includes(e.id)) && !(i != null && i.includes(e.id)));
-		return k(t, [
+		return O(t, [
 			...a,
 			...s,
 			...o
@@ -165,15 +165,15 @@ var O = { createTable: (e) => {
 		e.getVisibleLeafColumns(),
 		e.getState().columnPinning.left,
 		e.getState().columnPinning.right
-	], (t, n, r, i) => (n = n.filter((e) => !(r != null && r.includes(e.id)) && !(i != null && i.includes(e.id))), k(t, n, e, "center")), C(e.options, E, "getCenterHeaderGroups")), e.getLeftHeaderGroups = S(() => [
+	], (t, n, r, i) => (n = n.filter((e) => !(r != null && r.includes(e.id)) && !(i != null && i.includes(e.id))), O(t, n, e, "center")), C(e.options, E, "getCenterHeaderGroups")), e.getLeftHeaderGroups = S(() => [
 		e.getAllColumns(),
 		e.getVisibleLeafColumns(),
 		e.getState().columnPinning.left
-	], (t, n, r) => k(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "left"), C(e.options, E, "getLeftHeaderGroups")), e.getRightHeaderGroups = S(() => [
+	], (t, n, r) => O(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "left"), C(e.options, E, "getLeftHeaderGroups")), e.getRightHeaderGroups = S(() => [
 		e.getAllColumns(),
 		e.getVisibleLeafColumns(),
 		e.getState().columnPinning.right
-	], (t, n, r) => k(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "right"), C(e.options, E, "getRightHeaderGroups")), e.getFooterGroups = S(() => [e.getHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getFooterGroups")), e.getLeftFooterGroups = S(() => [e.getLeftHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getLeftFooterGroups")), e.getCenterFooterGroups = S(() => [e.getCenterHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getCenterFooterGroups")), e.getRightFooterGroups = S(() => [e.getRightHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getRightFooterGroups")), e.getFlatHeaders = S(() => [e.getHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getFlatHeaders")), e.getLeftFlatHeaders = S(() => [e.getLeftHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getLeftFlatHeaders")), e.getCenterFlatHeaders = S(() => [e.getCenterHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getCenterFlatHeaders")), e.getRightFlatHeaders = S(() => [e.getRightHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getRightFlatHeaders")), e.getCenterLeafHeaders = S(() => [e.getCenterFlatHeaders()], (e) => e.filter((e) => {
+	], (t, n, r) => O(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "right"), C(e.options, E, "getRightHeaderGroups")), e.getFooterGroups = S(() => [e.getHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getFooterGroups")), e.getLeftFooterGroups = S(() => [e.getLeftHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getLeftFooterGroups")), e.getCenterFooterGroups = S(() => [e.getCenterHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getCenterFooterGroups")), e.getRightFooterGroups = S(() => [e.getRightHeaderGroups()], (e) => [...e].reverse(), C(e.options, E, "getRightFooterGroups")), e.getFlatHeaders = S(() => [e.getHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getFlatHeaders")), e.getLeftFlatHeaders = S(() => [e.getLeftHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getLeftFlatHeaders")), e.getCenterFlatHeaders = S(() => [e.getCenterHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getCenterFlatHeaders")), e.getRightFlatHeaders = S(() => [e.getRightHeaderGroups()], (e) => e.map((e) => e.headers).flat(), C(e.options, E, "getRightFlatHeaders")), e.getCenterLeafHeaders = S(() => [e.getCenterFlatHeaders()], (e) => e.filter((e) => {
 		var t;
 		return !((t = e.subHeaders) != null && t.length);
 	}), C(e.options, E, "getCenterLeafHeaders")), e.getLeftLeafHeaders = S(() => [e.getLeftFlatHeaders()], (e) => e.filter((e) => {
@@ -192,7 +192,7 @@ var O = { createTable: (e) => {
 		...n[0]?.headers ?? []
 	].map((e) => e.getLeafHeaders()).flat(), C(e.options, E, "getLeafHeaders"));
 } };
-function k(e, t, n, r) {
+function O(e, t, n, r) {
 	let i = 0, a = function(e, t) {
 		t === void 0 && (t = 1), i = Math.max(i, t), e.filter((e) => e.getIsVisible()).forEach((e) => {
 			var n;
@@ -245,7 +245,7 @@ function k(e, t, n, r) {
 	});
 	return c(o[0]?.headers ?? []), o;
 }
-var A = (e, t, n, r, i, a, o) => {
+var k = (e, t, n, r, i, a, o) => {
 	let s = {
 		id: t,
 		index: r,
@@ -285,66 +285,66 @@ var A = (e, t, n, r, i, a, o) => {
 		n == null || n.createRow == null || n.createRow(s, e);
 	}
 	return s;
-}, j = { createColumn: (e, t) => {
+}, te = { createColumn: (e, t) => {
 	e._getFacetedRowModel = t.options.getFacetedRowModel && t.options.getFacetedRowModel(t, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : t.getPreFilteredRowModel(), e._getFacetedUniqueValues = t.options.getFacetedUniqueValues && t.options.getFacetedUniqueValues(t, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = t.options.getFacetedMinMaxValues && t.options.getFacetedMinMaxValues(t, e.id), e.getFacetedMinMaxValues = () => {
 		if (e._getFacetedMinMaxValues) return e._getFacetedMinMaxValues();
 	};
-} }, ee = (e, t, n) => {
+} }, A = (e, t, n) => {
 	var r, i;
 	let a = n == null || (r = n.toString()) == null ? void 0 : r.toLowerCase();
 	return !!(!((i = e.getValue(t)) == null || (i = i.toString()) == null || (i = i.toLowerCase()) == null) && i.includes(a));
 };
-ee.autoRemove = (e) => z(e);
-var M = (e, t, n) => {
+A.autoRemove = (e) => L(e);
+var ne = (e, t, n) => {
 	var r;
 	return !!(!((r = e.getValue(t)) == null || (r = r.toString()) == null) && r.includes(n));
 };
-M.autoRemove = (e) => z(e);
-var N = (e, t, n) => {
+ne.autoRemove = (e) => L(e);
+var j = (e, t, n) => {
 	var r;
 	return ((r = e.getValue(t)) == null || (r = r.toString()) == null ? void 0 : r.toLowerCase()) === n?.toLowerCase();
 };
-N.autoRemove = (e) => z(e);
-var te = (e, t, n) => e.getValue(t)?.includes(n);
-te.autoRemove = (e) => z(e);
-var P = (e, t, n) => !n.some((n) => {
+j.autoRemove = (e) => L(e);
+var re = (e, t, n) => e.getValue(t)?.includes(n);
+re.autoRemove = (e) => L(e);
+var M = (e, t, n) => !n.some((n) => {
 	var r;
 	return !((r = e.getValue(t)) != null && r.includes(n));
 });
-P.autoRemove = (e) => z(e) || !(e != null && e.length);
-var F = (e, t, n) => n.some((n) => e.getValue(t)?.includes(n));
-F.autoRemove = (e) => z(e) || !(e != null && e.length);
-var I = (e, t, n) => e.getValue(t) === n;
-I.autoRemove = (e) => z(e);
-var ne = (e, t, n) => e.getValue(t) == n;
-ne.autoRemove = (e) => z(e);
-var L = (e, t, n) => {
+M.autoRemove = (e) => L(e) || !(e != null && e.length);
+var ie = (e, t, n) => n.some((n) => e.getValue(t)?.includes(n));
+ie.autoRemove = (e) => L(e) || !(e != null && e.length);
+var N = (e, t, n) => e.getValue(t) === n;
+N.autoRemove = (e) => L(e);
+var P = (e, t, n) => e.getValue(t) == n;
+P.autoRemove = (e) => L(e);
+var F = (e, t, n) => {
 	let [r, i] = n, a = e.getValue(t);
 	return a >= r && a <= i;
 };
-L.resolveFilterValue = (e) => {
+F.resolveFilterValue = (e) => {
 	let [t, n] = e, r = typeof t == "number" ? t : parseFloat(t), i = typeof n == "number" ? n : parseFloat(n), a = t === null || Number.isNaN(r) ? -Infinity : r, o = n === null || Number.isNaN(i) ? Infinity : i;
 	if (a > o) {
 		let e = a;
 		a = o, o = e;
 	}
 	return [a, o];
-}, L.autoRemove = (e) => z(e) || z(e[0]) && z(e[1]);
-var R = {
-	includesString: ee,
-	includesStringSensitive: M,
-	equalsString: N,
-	arrIncludes: te,
-	arrIncludesAll: P,
-	arrIncludesSome: F,
-	equals: I,
-	weakEquals: ne,
-	inNumberRange: L
+}, F.autoRemove = (e) => L(e) || L(e[0]) && L(e[1]);
+var I = {
+	includesString: A,
+	includesStringSensitive: ne,
+	equalsString: j,
+	arrIncludes: re,
+	arrIncludesAll: M,
+	arrIncludesSome: ie,
+	equals: N,
+	weakEquals: P,
+	inNumberRange: F
 };
-function z(e) {
+function L(e) {
 	return e == null || e === "";
 }
-var re = {
+var ae = {
 	getDefaultColumnDef: () => ({ filterFn: "auto" }),
 	getInitialState: (e) => ({
 		columnFilters: [],
@@ -358,14 +358,14 @@ var re = {
 	createColumn: (e, t) => {
 		e.getAutoFilterFn = () => {
 			let n = t.getCoreRowModel().flatRows[0]?.getValue(e.id);
-			return typeof n == "string" ? R.includesString : typeof n == "number" ? R.inNumberRange : typeof n == "boolean" || typeof n == "object" && n ? R.equals : Array.isArray(n) ? R.arrIncludes : R.weakEquals;
-		}, e.getFilterFn = () => y(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : t.options.filterFns?.[e.columnDef.filterFn] ?? R[e.columnDef.filterFn], e.getCanFilter = () => (e.columnDef.enableColumnFilter ?? !0) && (t.options.enableColumnFilters ?? !0) && (t.options.enableFilters ?? !0) && !!e.accessorFn, e.getIsFiltered = () => e.getFilterIndex() > -1, e.getFilterValue = () => {
+			return typeof n == "string" ? I.includesString : typeof n == "number" ? I.inNumberRange : typeof n == "boolean" || typeof n == "object" && n ? I.equals : Array.isArray(n) ? I.arrIncludes : I.weakEquals;
+		}, e.getFilterFn = () => y(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : t.options.filterFns?.[e.columnDef.filterFn] ?? I[e.columnDef.filterFn], e.getCanFilter = () => (e.columnDef.enableColumnFilter ?? !0) && (t.options.enableColumnFilters ?? !0) && (t.options.enableFilters ?? !0) && !!e.accessorFn, e.getIsFiltered = () => e.getFilterIndex() > -1, e.getFilterValue = () => {
 			var n;
 			return (n = t.getState().columnFilters) == null || (n = n.find((t) => t.id === e.id)) == null ? void 0 : n.value;
 		}, e.getFilterIndex = () => t.getState().columnFilters?.findIndex((t) => t.id === e.id) ?? -1, e.setFilterValue = (n) => {
 			t.setColumnFilters((t) => {
 				let r = e.getFilterFn(), i = t?.find((t) => t.id === e.id), a = _(n, i ? i.value : void 0);
-				if (ie(r, a, e)) return t?.filter((t) => t.id !== e.id) ?? [];
+				if (oe(r, a, e)) return t?.filter((t) => t.id !== e.id) ?? [];
 				let o = {
 					id: e.id,
 					value: a
@@ -382,17 +382,17 @@ var re = {
 			let n = e.getAllLeafColumns();
 			e.options.onColumnFiltersChange == null || e.options.onColumnFiltersChange((e) => _(t, e)?.filter((e) => {
 				let t = n.find((t) => t.id === e.id);
-				return !(t && ie(t.getFilterFn(), e.value, t));
+				return !(t && oe(t.getFilterFn(), e.value, t));
 			}));
 		}, e.resetColumnFilters = (t) => {
 			e.setColumnFilters(t ? [] : e.initialState?.columnFilters ?? []);
 		}, e.getPreFilteredRowModel = () => e.getCoreRowModel(), e.getFilteredRowModel = () => (!e._getFilteredRowModel && e.options.getFilteredRowModel && (e._getFilteredRowModel = e.options.getFilteredRowModel(e)), e.options.manualFiltering || !e._getFilteredRowModel ? e.getPreFilteredRowModel() : e._getFilteredRowModel());
 	}
 };
-function ie(e, t, n) {
+function oe(e, t, n) {
 	return (e && e.autoRemove ? e.autoRemove(t, n) : !1) || t === void 0 || typeof t == "string" && !t;
 }
-var B = {
+var R = {
 	sum: (e, t, n) => n.reduce((t, n) => {
 		let r = n.getValue(e);
 		return t + (typeof r == "number" ? r : 0);
@@ -436,7 +436,7 @@ var B = {
 	unique: (e, t) => Array.from(new Set(t.map((t) => t.getValue(e))).values()),
 	uniqueCount: (e, t) => new Set(t.map((t) => t.getValue(e))).size,
 	count: (e, t) => t.length
-}, ae = {
+}, se = {
 	getDefaultColumnDef: () => ({
 		aggregatedCell: (e) => {
 			var t;
@@ -462,11 +462,11 @@ var B = {
 			};
 		}, e.getAutoAggregationFn = () => {
 			let n = t.getCoreRowModel().flatRows[0]?.getValue(e.id);
-			if (typeof n == "number") return B.sum;
-			if (Object.prototype.toString.call(n) === "[object Date]") return B.extent;
+			if (typeof n == "number") return R.sum;
+			if (Object.prototype.toString.call(n) === "[object Date]") return R.extent;
 		}, e.getAggregationFn = () => {
 			if (!e) throw Error();
-			return y(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : t.options.aggregationFns?.[e.columnDef.aggregationFn] ?? B[e.columnDef.aggregationFn];
+			return y(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : t.options.aggregationFns?.[e.columnDef.aggregationFn] ?? R[e.columnDef.aggregationFn];
 		};
 	},
 	createTable: (e) => {
@@ -488,20 +488,20 @@ var B = {
 		};
 	}
 };
-function oe(e, t, n) {
+function ce(e, t, n) {
 	if (!(t != null && t.length) || !n) return e;
 	let r = e.filter((e) => !t.includes(e.id));
 	return n === "remove" ? r : [...t.map((t) => e.find((e) => e.id === t)).filter(Boolean), ...r];
 }
-var se = {
+var le = {
 	getInitialState: (e) => ({
 		columnOrder: [],
 		...e
 	}),
 	getDefaultOptions: (e) => ({ onColumnOrderChange: v("columnOrder", e) }),
 	createColumn: (e, t) => {
-		e.getIndex = S((e) => [K(t, e)], (t) => t.findIndex((t) => t.id === e.id), C(t.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (n) => K(t, n)[0]?.id === e.id, e.getIsLastColumn = (n) => {
-			let r = K(t, n);
+		e.getIndex = S((e) => [W(t, e)], (t) => t.findIndex((t) => t.id === e.id), C(t.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (n) => W(t, n)[0]?.id === e.id, e.getIsLastColumn = (n) => {
+			let r = W(t, n);
 			return r[r.length - 1]?.id === e.id;
 		};
 	},
@@ -523,15 +523,15 @@ var se = {
 				}
 				i = [...i, ...n];
 			}
-			return oe(i, t, n);
+			return ce(i, t, n);
 		}, C(e.options, "debugTable", "_getOrderColumnsFn"));
 	}
-}, V = () => ({
+}, z = () => ({
 	left: [],
 	right: []
-}), ce = {
+}), ue = {
 	getInitialState: (e) => ({
-		columnPinning: V(),
+		columnPinning: z(),
 		...e
 	}),
 	getDefaultOptions: (e) => ({ onColumnPinningChange: v("columnPinning", e) }),
@@ -574,7 +574,7 @@ var se = {
 		})), C(t.options, "debugRows", "getRightVisibleCells"));
 	},
 	createTable: (e) => {
-		e.setColumnPinning = (t) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(t), e.resetColumnPinning = (t) => e.setColumnPinning(t ? V() : e.initialState?.columnPinning ?? V()), e.getIsSomeColumnsPinned = (t) => {
+		e.setColumnPinning = (t) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(t), e.resetColumnPinning = (t) => e.setColumnPinning(t ? z() : e.initialState?.columnPinning ?? z()), e.getIsSomeColumnsPinned = (t) => {
 			let n = e.getState().columnPinning;
 			return t ? !!n[t]?.length : !!(n.left?.length || n.right?.length);
 		}, e.getLeftLeafColumns = S(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (e, t) => (t ?? []).map((t) => e.find((e) => e.id === t)).filter(Boolean), C(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = S(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (e, t) => (t ?? []).map((t) => e.find((e) => e.id === t)).filter(Boolean), C(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = S(() => [
@@ -587,25 +587,25 @@ var se = {
 		}, C(e.options, "debugColumns", "getCenterLeafColumns"));
 	}
 };
-function le(e) {
+function de(e) {
 	return e || (typeof document < "u" ? document : null);
 }
-var H = {
+var B = {
 	size: 150,
 	minSize: 20,
 	maxSize: 2 ** 53 - 1
-}, U = () => ({
+}, V = () => ({
 	startOffset: null,
 	startSize: null,
 	deltaOffset: null,
 	deltaPercentage: null,
 	isResizingColumn: !1,
 	columnSizingStart: []
-}), ue = {
-	getDefaultColumnDef: () => H,
+}), fe = {
+	getDefaultColumnDef: () => B,
 	getInitialState: (e) => ({
 		columnSizing: {},
-		columnSizingInfo: U(),
+		columnSizingInfo: V(),
 		...e
 	}),
 	getDefaultOptions: (e) => ({
@@ -617,14 +617,14 @@ var H = {
 	createColumn: (e, t) => {
 		e.getSize = () => {
 			let n = t.getState().columnSizing[e.id];
-			return Math.min(Math.max(e.columnDef.minSize ?? H.minSize, n ?? e.columnDef.size ?? H.size), e.columnDef.maxSize ?? H.maxSize);
+			return Math.min(Math.max(e.columnDef.minSize ?? B.minSize, n ?? e.columnDef.size ?? B.size), e.columnDef.maxSize ?? B.maxSize);
 		}, e.getStart = S((e) => [
 			e,
-			K(t, e),
+			W(t, e),
 			t.getState().columnSizing
 		], (t, n) => n.slice(0, e.getIndex(t)).reduce((e, t) => e + t.getSize(), 0), C(t.options, "debugColumns", "getStart")), e.getAfter = S((e) => [
 			e,
-			K(t, e),
+			W(t, e),
 			t.getState().columnSizing
 		], (t, n) => n.slice(e.getIndex(t) + 1).reduce((e, t) => e + t.getSize(), 0), C(t.options, "debugColumns", "getAfter")), e.resetSize = () => {
 			t.setColumnSizing((t) => {
@@ -648,8 +648,8 @@ var H = {
 		}, e.getResizeHandler = (n) => {
 			let r = t.getColumn(e.column.id), i = r?.getCanResize();
 			return (a) => {
-				if (!r || !i || (a.persist == null || a.persist(), G(a) && a.touches && a.touches.length > 1)) return;
-				let o = e.getSize(), s = e ? e.getLeafHeaders().map((e) => [e.column.id, e.column.getSize()]) : [[r.id, r.getSize()]], c = G(a) ? Math.round(a.touches[0].clientX) : a.clientX, l = {}, u = (e, n) => {
+				if (!r || !i || (a.persist == null || a.persist(), U(a) && a.touches && a.touches.length > 1)) return;
+				let o = e.getSize(), s = e ? e.getLeafHeaders().map((e) => [e.column.id, e.column.getSize()]) : [[r.id, r.getSize()]], c = U(a) ? Math.round(a.touches[0].clientX) : a.clientX, l = {}, u = (e, n) => {
 					typeof n == "number" && (t.setColumnSizingInfo((e) => {
 						let r = t.options.columnResizeDirection === "rtl" ? -1 : 1, i = (n - (e?.startOffset ?? 0)) * r, a = Math.max(i / (e?.startSize ?? 0), -.999999);
 						return e.columnSizingStart.forEach((e) => {
@@ -674,7 +674,7 @@ var H = {
 						deltaPercentage: null,
 						columnSizingStart: []
 					}));
-				}, p = le(n), m = {
+				}, p = de(n), m = {
 					moveHandler: (e) => d(e.clientX),
 					upHandler: (e) => {
 						p?.removeEventListener("mousemove", m.moveHandler), p?.removeEventListener("mouseup", m.upHandler), f(e.clientX);
@@ -684,8 +684,8 @@ var H = {
 					upHandler: (e) => {
 						p?.removeEventListener("touchmove", h.moveHandler), p?.removeEventListener("touchend", h.upHandler), e.cancelable && (e.preventDefault(), e.stopPropagation()), f(e.touches[0]?.clientX);
 					}
-				}, g = de() ? { passive: !1 } : !1;
-				G(a) ? (p?.addEventListener("touchmove", h.moveHandler, g), p?.addEventListener("touchend", h.upHandler, g)) : (p?.addEventListener("mousemove", m.moveHandler, g), p?.addEventListener("mouseup", m.upHandler, g)), t.setColumnSizingInfo((e) => ({
+				}, g = pe() ? { passive: !1 } : !1;
+				U(a) ? (p?.addEventListener("touchmove", h.moveHandler, g), p?.addEventListener("touchend", h.upHandler, g)) : (p?.addEventListener("mousemove", m.moveHandler, g), p?.addEventListener("mouseup", m.upHandler, g)), t.setColumnSizingInfo((e) => ({
 					...e,
 					startOffset: c,
 					startSize: o,
@@ -701,12 +701,12 @@ var H = {
 		e.setColumnSizing = (t) => e.options.onColumnSizingChange == null ? void 0 : e.options.onColumnSizingChange(t), e.setColumnSizingInfo = (t) => e.options.onColumnSizingInfoChange == null ? void 0 : e.options.onColumnSizingInfoChange(t), e.resetColumnSizing = (t) => {
 			e.setColumnSizing(t ? {} : e.initialState.columnSizing ?? {});
 		}, e.resetHeaderSizeInfo = (t) => {
-			e.setColumnSizingInfo(t ? U() : e.initialState.columnSizingInfo ?? U());
+			e.setColumnSizingInfo(t ? V() : e.initialState.columnSizingInfo ?? V());
 		}, e.getTotalSize = () => e.getHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getLeftTotalSize = () => e.getLeftHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getCenterTotalSize = () => e.getCenterHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getRightTotalSize = () => e.getRightHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0;
 	}
-}, W = null;
-function de() {
-	if (typeof W == "boolean") return W;
+}, H = null;
+function pe() {
+	if (typeof H == "boolean") return H;
 	let e = !1;
 	try {
 		let t = { get passive() {
@@ -716,12 +716,12 @@ function de() {
 	} catch {
 		e = !1;
 	}
-	return W = e, W;
+	return H = e, H;
 }
-function G(e) {
+function U(e) {
 	return e.type === "touchstart";
 }
-var fe = {
+var me = {
 	getInitialState: (e) => ({
 		columnVisibility: {},
 		...e
@@ -765,14 +765,14 @@ var fe = {
 		};
 	}
 };
-function K(e, t) {
+function W(e, t) {
 	return t ? t === "center" ? e.getCenterVisibleLeafColumns() : t === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-var pe = { createTable: (e) => {
+var he = { createTable: (e) => {
 	e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
 		if (e._getGlobalFacetedMinMaxValues) return e._getGlobalFacetedMinMaxValues();
 	};
-} }, me = {
+} }, ge = {
 	getInitialState: (e) => ({
 		globalFilter: void 0,
 		...e
@@ -790,16 +790,16 @@ var pe = { createTable: (e) => {
 		e.getCanGlobalFilter = () => (e.columnDef.enableGlobalFilter ?? !0) && (t.options.enableGlobalFilter ?? !0) && (t.options.enableFilters ?? !0) && ((t.options.getColumnCanGlobalFilter == null ? void 0 : t.options.getColumnCanGlobalFilter(e)) ?? !0) && !!e.accessorFn;
 	},
 	createTable: (e) => {
-		e.getGlobalAutoFilterFn = () => R.includesString, e.getGlobalFilterFn = () => {
+		e.getGlobalAutoFilterFn = () => I.includesString, e.getGlobalFilterFn = () => {
 			let { globalFilterFn: t } = e.options;
-			return y(t) ? t : t === "auto" ? e.getGlobalAutoFilterFn() : e.options.filterFns?.[t] ?? R[t];
+			return y(t) ? t : t === "auto" ? e.getGlobalAutoFilterFn() : e.options.filterFns?.[t] ?? I[t];
 		}, e.setGlobalFilter = (t) => {
 			e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(t);
 		}, e.resetGlobalFilter = (t) => {
 			e.setGlobalFilter(t ? void 0 : e.initialState.globalFilter);
 		};
 	}
-}, he = {
+}, _e = {
 	getInitialState: (e) => ({
 		expanded: {},
 		...e
@@ -876,14 +876,14 @@ var pe = { createTable: (e) => {
 			};
 		};
 	}
-}, q = 0, J = 10, Y = () => ({
-	pageIndex: q,
-	pageSize: J
-}), ge = {
+}, G = 0, K = 10, q = () => ({
+	pageIndex: G,
+	pageSize: K
+}), ve = {
 	getInitialState: (e) => ({
 		...e,
 		pagination: {
-			...Y(),
+			...q(),
 			...e?.pagination
 		}
 	}),
@@ -904,7 +904,7 @@ var pe = { createTable: (e) => {
 				});
 			}
 		}, e.setPagination = (t) => e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange((e) => _(t, e)), e.resetPagination = (t) => {
-			e.setPagination(t ? Y() : e.initialState.pagination ?? Y());
+			e.setPagination(t ? q() : e.initialState.pagination ?? q());
 		}, e.setPageIndex = (t) => {
 			e.setPagination((n) => {
 				let r = _(t, n.pageIndex), i = e.options.pageCount === void 0 || e.options.pageCount === -1 ? 2 ** 53 - 1 : e.options.pageCount - 1;
@@ -915,10 +915,10 @@ var pe = { createTable: (e) => {
 			});
 		}, e.resetPageIndex = (t) => {
 			var n;
-			e.setPageIndex(t ? q : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageIndex) ?? q);
+			e.setPageIndex(t ? G : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageIndex) ?? G);
 		}, e.resetPageSize = (t) => {
 			var n;
-			e.setPageSize(t ? J : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageSize) ?? J);
+			e.setPageSize(t ? K : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageSize) ?? K);
 		}, e.setPageSize = (t) => {
 			e.setPagination((e) => {
 				let n = Math.max(1, _(t, e.pageSize)), r = e.pageSize * e.pageIndex, i = Math.floor(r / n);
@@ -942,12 +942,12 @@ var pe = { createTable: (e) => {
 			return n === -1 ? !0 : n === 0 ? !1 : t < n - 1;
 		}, e.previousPage = () => e.setPageIndex((e) => e - 1), e.nextPage = () => e.setPageIndex((e) => e + 1), e.firstPage = () => e.setPageIndex(0), e.lastPage = () => e.setPageIndex(e.getPageCount() - 1), e.getPrePaginationRowModel = () => e.getExpandedRowModel(), e.getPaginationRowModel = () => (!e._getPaginationRowModel && e.options.getPaginationRowModel && (e._getPaginationRowModel = e.options.getPaginationRowModel(e)), e.options.manualPagination || !e._getPaginationRowModel ? e.getPrePaginationRowModel() : e._getPaginationRowModel()), e.getPageCount = () => e.options.pageCount ?? Math.ceil(e.getRowCount() / e.getState().pagination.pageSize), e.getRowCount = () => e.options.rowCount ?? e.getPrePaginationRowModel().rows.length;
 	}
-}, X = () => ({
+}, J = () => ({
 	top: [],
 	bottom: []
-}), _e = {
+}), ye = {
 	getInitialState: (e) => ({
-		rowPinning: X(),
+		rowPinning: J(),
 		...e
 	}),
 	getDefaultOptions: (e) => ({ onRowPinningChange: v("rowPinning", e) }),
@@ -989,7 +989,7 @@ var pe = { createTable: (e) => {
 		};
 	},
 	createTable: (e) => {
-		e.setRowPinning = (t) => e.options.onRowPinningChange == null ? void 0 : e.options.onRowPinningChange(t), e.resetRowPinning = (t) => e.setRowPinning(t ? X() : e.initialState?.rowPinning ?? X()), e.getIsSomeRowsPinned = (t) => {
+		e.setRowPinning = (t) => e.options.onRowPinningChange == null ? void 0 : e.options.onRowPinningChange(t), e.resetRowPinning = (t) => e.setRowPinning(t ? J() : e.initialState?.rowPinning ?? J()), e.getIsSomeRowsPinned = (t) => {
 			let n = e.getState().rowPinning;
 			return t ? !!n[t]?.length : !!(n.top?.length || n.bottom?.length);
 		}, e._getPinnedRows = (t, n, r) => (e.options.keepPinnedRows ?? !0 ? (n ?? []).map((t) => {
@@ -1007,7 +1007,7 @@ var pe = { createTable: (e) => {
 			return e.filter((e) => !r.has(e.id));
 		}, C(e.options, "debugRows", "getCenterRows"));
 	}
-}, ve = {
+}, be = {
 	getInitialState: (e) => ({
 		rowSelection: {},
 		...e
@@ -1032,17 +1032,17 @@ var pe = { createTable: (e) => {
 		}, e.toggleAllPageRowsSelected = (t) => e.setRowSelection((n) => {
 			let r = t === void 0 ? !e.getIsAllPageRowsSelected() : t, i = { ...n };
 			return e.getRowModel().rows.forEach((t) => {
-				Z(i, t.id, r, !0, e);
+				Y(i, t.id, r, !0, e);
 			}), i;
-		}), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = S(() => [e.getState().rowSelection, e.getCoreRowModel()], (t, n) => Object.keys(t).length ? ye(e, n) : {
+		}), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = S(() => [e.getState().rowSelection, e.getCoreRowModel()], (t, n) => Object.keys(t).length ? X(e, n) : {
 			rows: [],
 			flatRows: [],
 			rowsById: {}
-		}, C(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = S(() => [e.getState().rowSelection, e.getFilteredRowModel()], (t, n) => Object.keys(t).length ? ye(e, n) : {
+		}, C(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = S(() => [e.getState().rowSelection, e.getFilteredRowModel()], (t, n) => Object.keys(t).length ? X(e, n) : {
 			rows: [],
 			flatRows: [],
 			rowsById: {}
-		}, C(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = S(() => [e.getState().rowSelection, e.getSortedRowModel()], (t, n) => Object.keys(t).length ? ye(e, n) : {
+		}, C(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = S(() => [e.getState().rowSelection, e.getSortedRowModel()], (t, n) => Object.keys(t).length ? X(e, n) : {
 			rows: [],
 			flatRows: [],
 			rowsById: {}
@@ -1070,11 +1070,11 @@ var pe = { createTable: (e) => {
 			t.setRowSelection((a) => {
 				if (n = n === void 0 ? !i : n, e.getCanSelect() && i === n) return a;
 				let o = { ...a };
-				return Z(o, e.id, n, r?.selectChildren ?? !0, t), o;
+				return Y(o, e.id, n, r?.selectChildren ?? !0, t), o;
 			});
 		}, e.getIsSelected = () => {
 			let { rowSelection: n } = t.getState();
-			return be(e, n);
+			return Z(e, n);
 		}, e.getIsSomeSelected = () => {
 			let { rowSelection: n } = t.getState();
 			return xe(e, n) === "some";
@@ -1088,16 +1088,16 @@ var pe = { createTable: (e) => {
 			};
 		};
 	}
-}, Z = (e, t, n, r, i) => {
+}, Y = (e, t, n, r, i) => {
 	var a;
 	let o = i.getRow(t, !0);
-	n ? (o.getCanMultiSelect() || Object.keys(e).forEach((t) => delete e[t]), o.getCanSelect() && (e[t] = !0)) : delete e[t], r && (a = o.subRows) != null && a.length && o.getCanSelectSubRows() && o.subRows.forEach((t) => Z(e, t.id, n, r, i));
+	n ? (o.getCanMultiSelect() || Object.keys(e).forEach((t) => delete e[t]), o.getCanSelect() && (e[t] = !0)) : delete e[t], r && (a = o.subRows) != null && a.length && o.getCanSelectSubRows() && o.subRows.forEach((t) => Y(e, t.id, n, r, i));
 };
-function ye(e, t) {
+function X(e, t) {
 	let n = e.getState().rowSelection, r = [], i = {}, a = function(e, t) {
 		return e.map((e) => {
 			var t;
-			let o = be(e, n);
+			let o = Z(e, n);
 			if (o && (r.push(e), i[e.id] = e), (t = e.subRows) != null && t.length && (e = {
 				...e,
 				subRows: a(e.subRows)
@@ -1110,7 +1110,7 @@ function ye(e, t) {
 		rowsById: i
 	};
 }
-function be(e, t) {
+function Z(e, t) {
 	return t[e.id] ?? !1;
 }
 function xe(e, t, n) {
@@ -1118,7 +1118,7 @@ function xe(e, t, n) {
 	if (!((r = e.subRows) != null && r.length)) return !1;
 	let i = !0, a = !1;
 	return e.subRows.forEach((e) => {
-		if (!(a && !i) && (e.getCanSelect() && (be(e, t) ? a = !0 : i = !1), e.subRows && e.subRows.length)) {
+		if (!(a && !i) && (e.getCanSelect() && (Z(e, t) ? a = !0 : i = !1), e.subRows && e.subRows.length)) {
 			let n = xe(e, t);
 			n === "all" ? a = !0 : (n === "some" && (a = !0), i = !1);
 		}
@@ -1157,14 +1157,14 @@ var $ = {
 	datetime: De,
 	basic: Oe
 }, je = [
-	O,
-	fe,
-	se,
-	ce,
-	j,
-	re,
-	pe,
+	ee,
 	me,
+	le,
+	ue,
+	te,
+	ae,
+	he,
+	ge,
 	{
 		getInitialState: (e) => ({
 			sorting: [],
@@ -1226,12 +1226,12 @@ var $ = {
 			}, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
 		}
 	},
-	ae,
-	he,
-	ge,
+	se,
 	_e,
 	ve,
-	ue
+	ye,
+	be,
+	fe
 ];
 function Me(e) {
 	process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
@@ -1322,7 +1322,7 @@ function Ne() {
 			i === void 0 && (i = 0);
 			let o = [];
 			for (let c = 0; c < t.length; c++) {
-				let l = A(e, e._getRowId(t[c], c, a), t[c], c, i, void 0, a?.id);
+				let l = k(e, e._getRowId(t[c], c, a), t[c], c, i, void 0, a?.id);
 				if (n.flatRows.push(l), n.rowsById[l.id] = l, o.push(l), e.options.getSubRows) {
 					var s;
 					l.originalSubRows = e.options.getSubRows(t[c], c), (s = l.originalSubRows) != null && s.length && (l.subRows = r(l.originalSubRows, i + 1, l));
@@ -1353,7 +1353,7 @@ function Ie(e, t, n) {
 		let c = [];
 		for (let u = 0; u < e.length; u++) {
 			var l;
-			let d = e[u], f = A(n, d.id, d.original, d.index, d.depth, void 0, d.parentId);
+			let d = e[u], f = k(n, d.id, d.original, d.index, d.depth, void 0, d.parentId);
 			if (f.columnFilters = d.columnFilters, (l = d.subRows) != null && l.length && s < a) {
 				if (f.subRows = o(d.subRows, s + 1), d = f, t(d) && !f.subRows.length) {
 					c.push(d), i[d.id] = d, r.push(d);
@@ -1382,7 +1382,7 @@ function Le(e, t, n) {
 			if (t(d)) {
 				var l;
 				if ((l = d.subRows) != null && l.length && s < a) {
-					let e = A(n, d.id, d.original, d.index, d.depth, void 0, d.parentId);
+					let e = k(n, d.id, d.original, d.index, d.depth, void 0, d.parentId);
 					e.subRows = o(d.subRows, s + 1), d = e;
 				}
 				c.push(d), r.push(d), i[d.id] = d;
@@ -1566,17 +1566,17 @@ function Ke(e, t) {
 	let n = t.columnDef.meta?.align;
 	return n && n !== "start" ? `data-table__${e}--${n}` : "";
 }
-function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumnId: b, search: x, searchPlaceholder: S, searchClearLabel: C, toolbar: w, footerActions: T, pageSize: E = 10, emptyMessage: D, isLoading: O, pagination: k, headerLabels: A, paginationLabels: j, className: ee }) {
+function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumnId: b, search: x, searchPlaceholder: S, searchClearLabel: C, toolbar: w, footerActions: T, pageSize: E = 10, emptyMessage: D, emptyDescription: ee, isLoading: O, pagination: k, headerLabels: te, paginationLabels: A, className: ne }) {
 	"use no memo";
-	let M = e("dataTable"), [N, te] = m([]), [P, F] = m([]), I = Ge({
+	let j = e("dataTable"), [re, M] = m([]), [ie, N] = m([]), P = Ge({
 		data: _,
 		columns: f,
 		state: {
-			sorting: N,
-			columnFilters: P
+			sorting: re,
+			columnFilters: ie
 		},
-		onSortingChange: te,
-		onColumnFiltersChange: F,
+		onSortingChange: M,
+		onColumnFiltersChange: N,
 		getCoreRowModel: Ne(),
 		getSortedRowModel: Be(),
 		getFilteredRowModel: Re(),
@@ -1584,32 +1584,32 @@ function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumn
 			getPaginationRowModel: ze(),
 			initialState: { pagination: { pageSize: E } }
 		}
-	}), ne = k?.pageSize ?? E, L = b || x ? M("search", S) : "", R = `${p()}-search`;
+	}), F = k?.pageSize ?? E, I = b || x ? j("search", S) : "", L = `${p()}-search`;
 	return /* @__PURE__ */ g("div", {
-		className: ["data-table", ee].filter(Boolean).join(" "),
+		className: ["data-table", ne].filter(Boolean).join(" "),
 		children: [
 			(b || x || w) && /* @__PURE__ */ g("div", {
 				className: "data-table__toolbar",
 				children: [x ? /* @__PURE__ */ h(u, {
 					className: "data-table__search",
-					id: R,
+					id: L,
 					kind: "search",
 					clearable: !0,
-					label: L,
+					label: I,
 					labelHidden: !0,
 					...C ? { clearLabel: C } : {},
 					value: x.value,
 					onChange: (e) => x.onChange(e.target.value)
 				}) : b && /* @__PURE__ */ h(u, {
 					className: "data-table__search",
-					id: R,
+					id: L,
 					kind: "search",
 					clearable: !0,
-					label: L,
+					label: I,
 					labelHidden: !0,
 					...C ? { clearLabel: C } : {},
-					value: I.getColumn(b)?.getFilterValue() ?? "",
-					onChange: (e) => I.getColumn(b)?.setFilterValue(e.target.value)
+					value: P.getColumn(b)?.getFilterValue() ?? "",
+					onChange: (e) => P.getColumn(b)?.setFilterValue(e.target.value)
 				}), w && /* @__PURE__ */ h("div", {
 					className: "data-table__toolbar-actions",
 					children: w
@@ -1621,7 +1621,7 @@ function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumn
 					"aria-label": v,
 					"aria-labelledby": y,
 					"aria-busy": O || void 0,
-					children: [/* @__PURE__ */ h(s, { children: I.getHeaderGroups().map((e) => /* @__PURE__ */ h(l, { children: e.headers.map((e) => {
+					children: [/* @__PURE__ */ h(s, { children: P.getHeaderGroups().map((e) => /* @__PURE__ */ h(l, { children: e.headers.map((e) => {
 						let n = e.column.getIsSorted(), r = e.column.getCanSort(), i = Ke("header-cell", e.column), a = e.column.columnDef.meta?.headerHidden === !0, o = e.isPlaceholder ? null : Ve(e.column.columnDef.header, e.getContext());
 						return /* @__PURE__ */ h(c, {
 							className: ["data-table__header-cell", i].filter(Boolean).join(" "),
@@ -1629,19 +1629,20 @@ function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumn
 							sorted: n === "asc" || n === "desc" ? n : !1,
 							onSort: r ? () => e.column.toggleSorting() : void 0,
 							sticky: e.column.columnDef.meta?.sticky,
-							...A,
+							...te,
 							children: a ? /* @__PURE__ */ h(t, { children: o }) : o
 						}, e.id);
-					}) }, e.id)) }), /* @__PURE__ */ h(a, { children: O ? Array.from({ length: ne }).map((e, t) => /* @__PURE__ */ h(l, {
+					}) }, e.id)) }), /* @__PURE__ */ h(a, { children: O ? Array.from({ length: F }).map((e, t) => /* @__PURE__ */ h(l, {
 						"aria-hidden": "true",
 						children: f.map((e, t) => /* @__PURE__ */ h(o, { children: /* @__PURE__ */ h(n, {}) }, t))
-					}, t)) : I.getRowModel().rows.length === 0 ? /* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(o, {
+					}, t)) : P.getRowModel().rows.length === 0 ? /* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(o, {
 						colSpan: f.length,
 						children: /* @__PURE__ */ h(d, {
 							size: "sm",
-							title: M("empty", D)
+							title: j("empty", D),
+							description: ee
 						})
-					}) }) : I.getRowModel().rows.map((e) => /* @__PURE__ */ h(l, {
+					}) }) : P.getRowModel().rows.map((e) => /* @__PURE__ */ h(l, {
 						selected: e.getIsSelected(),
 						children: e.getVisibleCells().map((e) => /* @__PURE__ */ h(o, {
 							className: ["data-table__cell", Ke("cell", e.column)].filter(Boolean).join(" "),
@@ -1661,14 +1662,14 @@ function qe({ columns: f, data: _, ariaLabel: v, ariaLabelledBy: y, searchColumn
 					onPageSizeChange: k.onPageSizeChange,
 					showTotal: !0,
 					afterPageSize: T,
-					...j
+					...A
 				}) : /* @__PURE__ */ h(r, {
-					total: I.getFilteredRowModel().rows.length,
-					page: I.getState().pagination.pageIndex + 1,
-					pageSize: I.getState().pagination.pageSize,
-					onPageChange: (e) => I.setPageIndex(e - 1),
+					total: P.getFilteredRowModel().rows.length,
+					page: P.getState().pagination.pageIndex + 1,
+					pageSize: P.getState().pagination.pageSize,
+					onPageChange: (e) => P.setPageIndex(e - 1),
 					afterPageSize: T,
-					...j
+					...A
 				})
 			})
 		]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiolxd/brand",
-  "version": "49.1.0",
+  "version": "49.3.0",
   "description": "El sistema de diseño de Studio LXD: componentes React, tokens y documentación de la suite SLXD.",
   "repository": {
     "type": "git",