beez-ui 0.5.4 → 0.5.5

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Cambios
 
+## 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.

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.5",
   "description": "Shared UI components with the customizations extracted from TuTribu.",
   "type": "module",
   "sideEffects": [