beez-ui 0.5.4 → 0.5.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Cambios
 
+## 0.5.6 - 2026-09-09
+
+- Actualiza el paquete a la versión 0.5.6.
+
+## 0.5.5 - 2026-09-09
+
+- Actualiza el paquete a la versión 0.5.5.
+
 ## 0.5.4 - 2026-09-09
 
 - Actualiza el paquete a la versión 0.5.4.
@@ -16,47 +24,47 @@
 
 - Actualiza el paquete a la versión 0.5.1.
 
-## 0.5.0 - 2026-09-08
-
-- Actualiza el paquete a la versión 0.5.0.
-
-## 0.4.2 - 2026-09-08
-
-- Actualiza el paquete a la versión 0.4.2.
-
-## 0.4.1 - 2026-09-08
-
-- Actualiza el paquete a la versión 0.4.1.
-
-## 0.4.0 - 2026-09-08
-
-- Distribuye los providers nativo, Next y TanStack con tema compartido, navegación e imágenes adaptadas al framework.
-- Incluye CSS precompilado, tema y fuentes; los consumidores sólo importan `beez-ui/styles.css`, sin configurar Tailwind.
-- Valida el tarball sin compiladores CSS y las integraciones en Chromium y WebKit.
-
-## 0.3.1 - 2026-09-08
-
-- Publica CSS precompilado para que los estilos funcionen sin Tailwind ni detección de clases en el consumidor.
-- Conserva el tema, las fuentes y las utilidades compartidas mediante `beez-ui/styles.css`.
-- Verifica estilos computados del tarball servido por HTTP sin procesadores CSS en Chromium y WebKit.
-
-## 0.2.0 - 2026-09-08
-
-- Unifica el nombre `BeezUIProvider` en los entrypoints nativo, Next y TanStack; reemplaza `NextBeezUIProvider`.
-- Comparte el tema mediante `next-themes`, `themeOptions` y `useTheme` en todos los providers.
-- Restaura `Link` desde la raíz con navegación por adaptadores y prefetch desactivado por defecto.
-- Integra Unpic para imágenes nativas y de TanStack, y conserva Next Image en el provider de Next.
-- Separa los tipos de tests y valida navegación, imágenes y tema en Chromium y WebKit.
-
-## 0.1.1 - 2026-09-08
-
-- Publica JavaScript ESM y declaraciones TypeScript en `dist`.
-- Conserva los componentes agrupados y el tema de LaTribu.
-- Mantiene visible el área del avatar durante la carga diferida para permitir que el navegador solicite la imagen.
-- Agrega `BeezUIProvider` para adaptadores nativos o propios y `NextBeezUIProvider` como integración opcional.
-- Incorpora preparación de releases con checks, control del contenido del paquete y checksum SHA-256.
-- Documenta la autenticación con `NPM_TOKEN` y la publicación del artefacto validado.
-
-## 0.1.0 - 2026-09-08
-
-- Centraliza los componentes de LaTribu y agenda-mensual con su tema, fuentes y pruebas.
+## 0.5.0 - 2026-09-08
+
+- Actualiza el paquete a la versión 0.5.0.
+
+## 0.4.2 - 2026-09-08
+
+- Actualiza el paquete a la versión 0.4.2.
+
+## 0.4.1 - 2026-09-08
+
+- Actualiza el paquete a la versión 0.4.1.
+
+## 0.4.0 - 2026-09-08
+
+- Distribuye los providers nativo, Next y TanStack con tema compartido, navegación e imágenes adaptadas al framework.
+- Incluye CSS precompilado, tema y fuentes; los consumidores sólo importan `beez-ui/styles.css`, sin configurar Tailwind.
+- Valida el tarball sin compiladores CSS y las integraciones en Chromium y WebKit.
+
+## 0.3.1 - 2026-09-08
+
+- Publica CSS precompilado para que los estilos funcionen sin Tailwind ni detección de clases en el consumidor.
+- Conserva el tema, las fuentes y las utilidades compartidas mediante `beez-ui/styles.css`.
+- Verifica estilos computados del tarball servido por HTTP sin procesadores CSS en Chromium y WebKit.
+
+## 0.2.0 - 2026-09-08
+
+- Unifica el nombre `BeezUIProvider` en los entrypoints nativo, Next y TanStack; reemplaza `NextBeezUIProvider`.
+- Comparte el tema mediante `next-themes`, `themeOptions` y `useTheme` en todos los providers.
+- Restaura `Link` desde la raíz con navegación por adaptadores y prefetch desactivado por defecto.
+- Integra Unpic para imágenes nativas y de TanStack, y conserva Next Image en el provider de Next.
+- Separa los tipos de tests y valida navegación, imágenes y tema en Chromium y WebKit.
+
+## 0.1.1 - 2026-09-08
+
+- Publica JavaScript ESM y declaraciones TypeScript en `dist`.
+- Conserva los componentes agrupados y el tema de LaTribu.
+- Mantiene visible el área del avatar durante la carga diferida para permitir que el navegador solicite la imagen.
+- Agrega `BeezUIProvider` para adaptadores nativos o propios y `NextBeezUIProvider` como integración opcional.
+- Incorpora preparación de releases con checks, control del contenido del paquete y checksum SHA-256.
+- Documenta la autenticación con `NPM_TOKEN` y la publicación del artefacto validado.
+
+## 0.1.0 - 2026-09-08
+
+- Centraliza los componentes de LaTribu y agenda-mensual con su tema, fuentes y pruebas.

package/README.md

@@ -129,7 +129,9 @@ Next y TanStack Router son peers opcionales aislados en sus entrypoints. El prov
 
 ## Componentes incorporados desde agenda-mensual
 
-`Alert`, `AnimatedThemeToggler`, `Calendar`, `DataTable`, `FilterQueryBar`, `Form`, `Highlighter`, `InputGroup`, `Label`, `RadioGroup`, `TypingAnimation` y `ThemedToaster`, junto con sus subcomponentes, tipos y gramática de filtros.
+`Alert`, `AnimatedThemeToggler`, `Calendar`, `DataTable`, `FilterQueryBar`, `Form`, `Highlighter`, `InputGroup`, `Label`, `RadioGroup`, `TypingAnimation` y `ThemedToaster`, junto con sus subcomponentes, tipos y gramática de filtros.
+
+`FilterQueryBar` mantiene el foco en el input mientras se recorren las sugerencias con el puntero o las flechas. Enter aplica la opción activa; interactuar con el input no cierra la lista.
 
 La tabla conserva agrupación estable, columnas configurables, memoización, exclusiones y sincronización de qualifiers por identificadores. La barra conserva navegación por teclado, autocompletado y filtros de texto, rangos, fechas, presencia y carpetas. `Calendar` usa español por defecto y acepta otra locale. Los textos y configuraciones de filtros se pueden personalizar por props.
 

package/dist/components/filter-query-bar.js

@@ -317,7 +317,7 @@ function renderHighlightedQuery(value, ranges) {
 * La navegación es virtual: el foco real nunca abandona el input.
 */
 export function FilterQueryBar(t0) {
-	const $ = _c(97);
+	const $ = _c(98);
 	const { configs, value, onValueChange, placeholder: t1, ariaLabel: t2, className, onFocusChange, trailingAction } = t0;
 	const placeholder = t1 === undefined ? DEFAULT_PLACEHOLDER : t1;
 	const ariaLabel = t2 === undefined ? DEFAULT_ARIA_LABEL : t2;
@@ -754,10 +754,21 @@ export function FilterQueryBar(t0) {
 	} else {
 		t33 = $[76];
 	}
-	const t34 = suggestions.some(_temp3) ? VALUE_GROUP_LABEL : KEY_GROUP_LABEL;
-	let t35;
-	if ($[77] !== activeIndex || $[78] !== applySuggestion || $[79] !== instanceId || $[80] !== suggestions) {
-		t35 = suggestions.map((suggestion_1, index) => {
+	let t34;
+	if ($[77] === Symbol.for("react.memo_cache_sentinel")) {
+		t34 = (event_2) => {
+			if (event_2.target === inputRef.current) {
+				event_2.preventDefault();
+			}
+		};
+		$[77] = t34;
+	} else {
+		t34 = $[77];
+	}
+	const t35 = suggestions.some(_temp3) ? VALUE_GROUP_LABEL : KEY_GROUP_LABEL;
+	let t36;
+	if ($[78] !== activeIndex || $[79] !== applySuggestion || $[80] !== instanceId || $[81] !== suggestions) {
+		t36 = suggestions.map((suggestion_1, index) => {
 			const SuggestionIcon = suggestion_1.icon;
 			const showSeparator = index > 0 && suggestions[index - 1].group !== suggestion_1.group;
 			return /* @__PURE__ */ _jsxs(React.Fragment, { children: [showSeparator ? /* @__PURE__ */ _jsx("li", {
@@ -768,8 +779,9 @@ export function FilterQueryBar(t0) {
 				"aria-selected": index === activeIndex,
 				className: cn("flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm", index === activeIndex ? "bg-accent text-accent-foreground" : "text-foreground"),
 				id: `${instanceId}-${suggestion_1.id}`,
-				onMouseDown: (event_3) => {
-					event_3.preventDefault();
+				onPointerMove: () => setActiveIndex(index),
+				onMouseDown: (event_4) => {
+					event_4.preventDefault();
 					applySuggestion(suggestion_1);
 				},
 				role: "option",
@@ -782,85 +794,86 @@ export function FilterQueryBar(t0) {
 				})]
 			})] }, suggestion_1.id);
 		});
-		$[77] = activeIndex;
-		$[78] = applySuggestion;
-		$[79] = instanceId;
-		$[80] = suggestions;
-		$[81] = t35;
+		$[78] = activeIndex;
+		$[79] = applySuggestion;
+		$[80] = instanceId;
+		$[81] = suggestions;
+		$[82] = t36;
 	} else {
-		t35 = $[81];
+		t36 = $[82];
 	}
-	let t36;
-	if ($[82] !== listboxId || $[83] !== t34 || $[84] !== t35) {
-		t36 = /* @__PURE__ */ _jsx(PopoverContent, {
+	let t37;
+	if ($[83] !== listboxId || $[84] !== t35 || $[85] !== t36) {
+		t37 = /* @__PURE__ */ _jsx(PopoverContent, {
 			align: "start",
 			className: "w-[250px] max-h-[280px] gap-0 overflow-y-auto p-1",
 			onCloseAutoFocus: _temp,
+			onInteractOutside: t34,
 			onOpenAutoFocus: _temp2,
 			children: /* @__PURE__ */ _jsx("ul", {
-				"aria-label": t34,
+				"aria-label": t35,
 				className: "grid gap-0.5",
 				id: listboxId,
 				role: "listbox",
-				children: t35
+				children: t36
 			})
 		});
-		$[82] = listboxId;
-		$[83] = t34;
+		$[83] = listboxId;
 		$[84] = t35;
 		$[85] = t36;
+		$[86] = t37;
 	} else {
-		t36 = $[85];
+		t37 = $[86];
 	}
-	let t37;
-	if ($[86] !== isPopoverOpen || $[87] !== t33 || $[88] !== t36) {
-		t37 = /* @__PURE__ */ _jsxs(Popover, {
+	let t38;
+	if ($[87] !== isPopoverOpen || $[88] !== t33 || $[89] !== t37) {
+		t38 = /* @__PURE__ */ _jsxs(Popover, {
 			onOpenChange: setIsOpen,
 			open: isPopoverOpen,
-			children: [t33, t36]
+			children: [t33, t37]
 		});
-		$[86] = isPopoverOpen;
-		$[87] = t33;
-		$[88] = t36;
+		$[87] = isPopoverOpen;
+		$[88] = t33;
 		$[89] = t37;
+		$[90] = t38;
 	} else {
-		t37 = $[89];
+		t38 = $[90];
 	}
-	const t38 = isPopoverOpen ? `${suggestions.length} sugerencias disponibles` : "";
-	const t39 = invalidTokenCount > 0 ? ` ${invalidTokenCount} filtros no aplicados` : "";
-	let t40;
-	if ($[90] !== t38 || $[91] !== t39) {
-		t40 = /* @__PURE__ */ _jsxs("span", {
+	const t39 = isPopoverOpen ? `${suggestions.length} sugerencias disponibles` : "";
+	const t40 = invalidTokenCount > 0 ? ` ${invalidTokenCount} filtros no aplicados` : "";
+	let t41;
+	if ($[91] !== t39 || $[92] !== t40) {
+		t41 = /* @__PURE__ */ _jsxs("span", {
 			"aria-live": "polite",
 			className: "sr-only",
-			children: [t38, t39]
+			children: [t39, t40]
 		});
-		$[90] = t38;
 		$[91] = t39;
 		$[92] = t40;
+		$[93] = t41;
 	} else {
-		t40 = $[92];
+		t41 = $[93];
 	}
-	let t41;
-	if ($[93] !== t17 || $[94] !== t37 || $[95] !== t40) {
-		t41 = /* @__PURE__ */ _jsxs("div", {
+	let t42;
+	if ($[94] !== t17 || $[95] !== t38 || $[96] !== t41) {
+		t42 = /* @__PURE__ */ _jsxs("div", {
 			className: t17,
-			children: [t37, t40]
+			children: [t38, t41]
 		});
-		$[93] = t17;
-		$[94] = t37;
-		$[95] = t40;
+		$[94] = t17;
+		$[95] = t38;
 		$[96] = t41;
+		$[97] = t42;
 	} else {
-		t41 = $[96];
+		t42 = $[97];
 	}
-	return t41;
+	return t42;
 }
 function _temp3(suggestion_0) {
 	return suggestion_0.group === "value";
 }
-function _temp2(event_2) {
-	return event_2.preventDefault();
+function _temp2(event_3) {
+	return event_3.preventDefault();
 }
 function _temp(event_1) {
 	return event_1.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beez-ui",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "Shared UI components with the customizations extracted from TuTribu.",
   "type": "module",
   "sideEffects": [
@@ -280,8 +280,8 @@
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
     "@types/node": "^25.9.5",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@types/semver": "^7.8.0",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@vitejs/plugin-react": "^6.1.1",
@@ -292,8 +292,8 @@
     "next": "^16.3.4",
     "oxc-parser": "^0.149.0",
     "oxc-transform-react": "^0.149.0",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "semver": "^7.8.5",
     "shadcn": "^4.21.0",
     "storybook": "^10.6.0",