haze-ui 1.24.0 → 1.24.1

package/dist/components/ChatInput/ChatInput.js

@@ -9,7 +9,7 @@ var o = "haze-ChatInput__wrapper", s = "haze-ChatInput__textarea", c = "haze-Cha
 function l({ value: l, onSend: u, placeholder: d = "Type a message...", disabled: f, maxLength: p, className: m }) {
 	let [h, g] = a(l, ""), _ = i(null), v = r(() => {
 		let e = h.trim();
-		!e || f || (u?.(e), g(""), _.current && (_.current.style.height = "auto"));
+		e && !f && (u?.(e), g(""), _.current && (_.current.style.height = "auto"));
 	}, [
 		h,
 		f,

package/dist/components/Combobox/Combobox.js

@@ -4,62 +4,60 @@ import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
 import r from "./ComboboxOption.js";
 /* empty css                   */
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { useControl as u } from "react-use-control";
+import { useId as o, useRef as s, useState as c } from "react";
+import { useControl as l } from "react-use-control";
 //#region src/lib/components/Combobox/Combobox.tsx
-var d = "haze-Combobox__wrapper", f = "haze-Combobox__input", p = "haze-Combobox__listbox";
-function m({ value: m, open: h, options: g, placeholder: _, className: v }) {
-	let [y, b] = u(m, ""), [x, S] = l(""), [C, w] = u(h, !1), [T, E] = l(-1), D = s(), O = c(null), k = c(null), A = n({
-		open: C,
-		setOpen: w,
-		triggerRef: O,
-		panelRef: k,
+var u = "haze-Combobox__wrapper", d = "haze-Combobox__input", f = "haze-Combobox__listbox";
+function p({ value: p, open: m, options: h, placeholder: g, className: _ }) {
+	let [v, y] = l(p, ""), [b, x] = c(""), [S, C] = l(m, !1), [w, T] = c(-1), [E, D] = c(b), O = o(), k = s(null), A = s(null), j = n({
+		open: S,
+		setOpen: C,
+		triggerRef: k,
+		panelRef: A,
 		animated: !0
-	}), j = g.filter((e) => e.label.toLowerCase().includes(x.toLowerCase()));
-	o(() => {
-		E(-1);
-	}, [x]);
-	let M = (e) => {
-		b(e);
-		let t = g.find((t) => t.value === e)?.label ?? e;
-		S(t), w(!1), O.current?.focus();
+	}), M = h.filter((e) => e.label.toLowerCase().includes(b.toLowerCase()));
+	b !== E && (D(b), T(-1));
+	let N = (e) => {
+		y(e);
+		let t = h.find((t) => t.value === e)?.label ?? e;
+		x(t), C(!1), k.current?.focus();
 	};
 	return /* @__PURE__ */ a("div", {
-		className: e([d, v]),
+		className: e([u, _]),
 		children: [/* @__PURE__ */ i("input", {
-			ref: O,
+			ref: k,
 			role: "combobox",
-			style: A.triggerStyle,
-			"aria-expanded": C,
-			"aria-controls": D,
+			style: j.triggerStyle,
+			"aria-expanded": S,
+			"aria-controls": O,
 			"aria-autocomplete": "list",
-			className: f,
-			value: x,
-			placeholder: _,
+			className: d,
+			value: b,
+			placeholder: g,
 			onChange: (e) => {
-				S(e.target.value), w(!0);
+				x(e.target.value), C(!0);
 			},
-			onFocus: () => w(!0),
-			onClick: () => w(!0),
+			onFocus: () => C(!0),
+			onClick: () => C(!0),
 			onKeyDown: (e) => {
-				e.key === "ArrowDown" ? (e.preventDefault(), E((e) => Math.min(e + 1, j.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), E((e) => Math.max(e - 1, 0))) : e.key === "Enter" && T >= 0 && j[T] ? (e.preventDefault(), M(j[T].value)) : e.key === "Escape" && w(!1);
+				e.key === "ArrowDown" ? (e.preventDefault(), T((e) => Math.min(e + 1, M.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), T((e) => Math.max(e - 1, 0))) : e.key === "Enter" && w >= 0 && M[w] ? (e.preventDefault(), N(M[w].value)) : e.key === "Escape" && C(!1);
 			}
 		}), /* @__PURE__ */ i(t, {
-			ref: k,
-			behavior: A,
+			ref: A,
+			behavior: j,
 			placement: "bottom-span",
-			id: D,
+			id: O,
 			role: "listbox",
-			visualClass: p,
-			children: j.map((e, t) => /* @__PURE__ */ i(r, {
+			visualClass: f,
+			children: M.map((e, t) => /* @__PURE__ */ i(r, {
 				value: e.value,
-				highlighted: t === T,
-				selected: e.value === y,
-				onSelect: M,
+				highlighted: t === w,
+				selected: e.value === v,
+				onSelect: N,
 				children: e.label
 			}, e.value))
 		})]
 	});
 }
 //#endregion
-export { m as default };
+export { p as default };

package/dist/components/Command/Command.js

@@ -79,7 +79,7 @@ function y({ children: t, className: a }) {
 var b = "haze-Command__itemStyle";
 function x({ children: t, className: n, onSelect: r }) {
 	let { query: a } = p();
-	return !a || (typeof t == "string" ? t : "").toLowerCase().includes(a.toLowerCase()) ? /* @__PURE__ */ i("div", {
+	return a && !(typeof t == "string" ? t : "").toLowerCase().includes(a.toLowerCase()) ? null : /* @__PURE__ */ i("div", {
 		role: "option",
 		tabIndex: -1,
 		onClick: r,
@@ -88,7 +88,7 @@ function x({ children: t, className: n, onSelect: r }) {
 		},
 		className: e([b, n]),
 		children: t
-	}) : null;
+	});
 }
 //#endregion
 export { _ as CommandInput, x as CommandItem, y as CommandList, h as default };

package/dist/components/StreamingText/StreamingText.js

@@ -6,29 +6,28 @@ import { useEffect as r, useRef as i, useState as a } from "react";
 //#region src/lib/components/StreamingText/StreamingText.tsx
 var o = "haze-StreamingText__wrapper", s = "haze-StreamingText__cursor";
 function c({ text: c, speed: l = 20, onComplete: u, showCursor: d = !0, className: f }) {
-	let [p, m] = a(""), h = i(0), g = i(!1);
-	r(() => {
-		h.current = 0, m(""), g.current = !1;
-	}, [c]), r(() => {
-		if (g.current) return;
-		if (h.current >= c.length) {
-			g.current = !0, u?.();
+	let [p, m] = a(""), h = i(!1), [g, _] = a(c);
+	c !== g && (_(c), m(""));
+	let v = p.length >= c.length;
+	return r(() => {
+		if (v) {
+			h.current || (h.current = !0, u?.());
 			return;
 		}
+		h.current = !1;
 		let e = setTimeout(() => {
-			h.current += 1, m(c.slice(0, h.current));
+			m(c.slice(0, p.length + 1));
 		}, l);
 		return () => clearTimeout(e);
 	}, [
+		v,
 		p,
 		c,
 		l,
 		u
-	]);
-	let _ = h.current >= c.length;
-	return /* @__PURE__ */ n("span", {
+	]), /* @__PURE__ */ n("span", {
 		className: e([o, f]),
-		children: [p, d && !_ && /* @__PURE__ */ t("span", { className: e([s]) })]
+		children: [p, d && !v && /* @__PURE__ */ t("span", { className: e([s]) })]
 	});
 }
 //#endregion

package/dist/components/TagInput/TagInputCore.js

@@ -19,7 +19,7 @@ function f({ value: f, onChange: p, placeholder: m, maxTags: h, disabled: g, cla
 	}, [f]);
 	let E = r((e) => {
 		let t = e.trim();
-		!t || f.includes(t) || h && f.length >= h || (p([...f, t]), S(""));
+		t && !f.includes(t) && (h && f.length >= h || (p([...f, t]), S("")));
 	}, [
 		f,
 		h,

package/dist/utils/floating.js

@@ -39,39 +39,37 @@ var p = "haze-floating__floatingNative", m = "haze-floating__floatingAnchored",
 	right: F
 };
 function z({ open: e, setOpen: n, triggerRef: r, panelRef: i, animated: g, collision: _ }) {
-	let v = `--haze-floating-${s().replace(/[^a-zA-Z0-9]/g, "")}`, y = d(), b = f(), [x, S] = l(!e);
-	o(() => {
-		e && S(!1);
-	}, [e]);
-	let C = c(!1), [w, T] = l(!1), E = c(null), D = c(-Infinity), O = c(-Infinity), k = c(null);
+	let v = `--haze-floating-${s().replace(/[^a-zA-Z0-9]/g, "")}`, y = d(), b = f(), [x, S] = l(!e), [C, w] = l(e);
+	e !== C && (w(e), e && S(!1));
+	let T = c(!1), [E, D] = l(!1), O = c(null), k = c(-Infinity), A = c(-Infinity), j = c(null);
 	o(() => {
 		let r = i.current;
 		if (!r || !y) return;
-		r !== E.current && (E.current = r, C.current = !1, T(!1));
+		r !== O.current && (O.current = r, T.current = !1, D(!1));
 		let a = !0, o = () => {
-			k.current = { el: r }, r.hidePopover();
+			j.current = { el: r }, r.hidePopover();
 		}, s = () => {
-			if (!(!C.current || r !== i.current)) {
+			if (T.current && r === i.current) {
 				if (g) {
 					let e = () => {
-						!a || !C.current || r !== i.current || o();
+						a && T.current && r === i.current && o();
 					}, n = t(r);
 					n ? n.then(e) : e();
 				} else o();
 			}
 		}, c = (t) => {
 			let i = t.newState;
-			if (C.current = i === "open", T(C.current), i === "closed") {
+			if (T.current = i === "open", D(T.current), i === "closed") {
 				g && S(!0);
-				let t = k.current?.el === r;
-				if (k.current = null, t) {
+				let t = j.current?.el === r;
+				if (j.current = null, t) {
 					e && r.showPopover();
 					return;
 				}
-				e && (performance.now() - D.current < u && (O.current = performance.now()), D.current = -Infinity, n(!1));
+				e && (performance.now() - k.current < u && (A.current = performance.now()), k.current = -Infinity, n(!1));
 			} else e || s();
 		};
-		return r.addEventListener("toggle", c), e ? C.current || r.showPopover() : s(), () => {
+		return r.addEventListener("toggle", c), e ? T.current || r.showPopover() : s(), () => {
 			a = !1, r.removeEventListener("toggle", c);
 		};
 	}, [
@@ -111,11 +109,11 @@ function z({ open: e, setOpen: n, triggerRef: r, panelRef: i, animated: g, colli
 		x,
 		i
 	]);
-	let A = a(() => {
-		e && (D.current = performance.now());
-	}, [e]), j = a(() => {
-		if (performance.now() - O.current < u) {
-			O.current = -Infinity;
+	let M = a(() => {
+		e && (k.current = performance.now());
+	}, [e]), N = a(() => {
+		if (performance.now() - A.current < u) {
+			A.current = -Infinity;
 			return;
 		}
 		n((e) => !e);
@@ -124,14 +122,14 @@ function z({ open: e, setOpen: n, triggerRef: r, panelRef: i, animated: g, colli
 		open: e,
 		native: y,
 		anchored: b,
-		shown: y ? w : e,
+		shown: y ? E : e,
 		dataState: g ? e ? "open" : "closed" : void 0,
 		exited: g ? x : !e,
 		collision: _,
 		anchorName: v,
 		triggerStyle: b ? { anchorName: v } : void 0,
-		onTriggerPointerDown: A,
-		onTriggerClick: j,
+		onTriggerPointerDown: M,
+		onTriggerClick: N,
 		panelAttrs: {
 			popover: y ? "auto" : void 0,
 			style: b ? { "--haze-floating-anchor": v } : void 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haze-ui",
-  "version": "1.24.0",
+  "version": "1.24.1",
   "type": "module",
   "description": "A React UI component library powered by react-use-control and Linaria",
   "main": "./dist/index.js",
@@ -72,7 +72,7 @@
     "react-f0rm": ">=0.7.0 <2.0.0"
   },
   "dependencies": {
-    "react-use-control": "^1.5.0"
+    "react-use-control": "^1.6.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.13.0",
@@ -80,25 +80,25 @@
     "@babel/preset-env": "^8.0.2",
     "@babel/preset-typescript": "^8.0.1",
     "@faker-js/faker": "^10.6.0",
-    "@for-fun/event-emitter": "^1.0.1",
+    "@for-fun/event-emitter": "^1.1.0",
     "@linaria/core": "^8.2.0",
-    "@native-router/core": "^1.10.0",
-    "@native-router/react": "^1.9.0",
+    "@native-router/core": "^1.16.1",
+    "@native-router/react": "^1.15.0",
     "@playwright/test": "^1.62.1",
     "@size-limit/file": "^13.0.3",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.6",
+    "@testing-library/user-event": "^14.6.7",
     "@types/culori": "^4.0.1",
     "@types/jest-axe": "^3.5.9",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.4.1",
     "@types/ramda": "^0.32.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
+    "@types/react-dom": "^19.2.7",
     "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/coverage-v8": "4.1.11",
-    "@wyw-in-js/babel-preset": "^2.4.4",
-    "@wyw-in-js/vite": "^2.4.4",
+    "@vitest/coverage-v8": "5.0.0",
+    "@wyw-in-js/babel-preset": "^2.5.1",
+    "@wyw-in-js/vite": "^2.5.1",
     "babel-plugin-transform-jsx-class": "^0.1.3",
     "babel-plugin-transform-jsx-condition": "^0.1.3",
     "commitizen": "^4.3.2",
@@ -113,24 +113,24 @@
     "jsdom": "^30.0.1",
     "json-schema-faker": "^0.6.3",
     "lint-staged": "^17.4.1",
-    "lucide-react": "^1.37.0",
+    "lucide-react": "^1.41.0",
     "prettier": "^3.9.6",
     "qss": "^3.0.0",
     "ramda": "^0.32.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "react-f0rm": "^1.0.0",
+    "react-f0rm": "^1.1.1",
     "react-icons": "^5.7.0",
-    "react-toolroom": "^0.18.4",
+    "react-toolroom": "^1.1.0",
     "rollup-plugin-type-as-json-schema": "^0.2.6",
     "semantic-release": "^25.0.9",
     "size-limit": "^13.0.3",
     "terser": "^5.51.2",
     "tools-config": "^0.3.1",
-    "tsc-alias": "^1.9.2",
+    "tsc-alias": "^1.9.4",
     "typescript": "^6.0.3",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11"
+    "vitest": "^5.0.0"
   },
   "size-limit": [
     {