haze-ui 1.6.1 → 1.7.0

package/dist/components/TagInput/TagInput.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 import { useCallback as i, useState as a } from "react";

package/dist/components/Textarea/Textarea.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Textarea/Textarea.tsx

package/dist/components/ThinkingIndicator/ThinkingIndicator.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                            */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/ThinkingIndicator/ThinkingIndicator.tsx
 var r = "haze-ThinkingIndicator__wrapper", i = "haze-ThinkingIndicator__dots", a = "haze-ThinkingIndicator__dot", o = "haze-ThinkingIndicator__dot2", s = "haze-ThinkingIndicator__dot3";

package/dist/components/TimePicker/TimePicker.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/TimePicker/TimePicker.tsx

package/dist/components/Timeline/Timeline.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Timeline/Timeline.tsx
 var r = "haze-Timeline__base";

package/dist/components/Toast/Toast.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useEffect as r } from "react";
 //#region src/lib/components/Toast/Toast.tsx

package/dist/components/TokenCounter/TokenCounter.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/TokenCounter/TokenCounter.tsx
 var r = "haze-TokenCounter__wrapper", i = "haze-TokenCounter__bar", a = "haze-TokenCounter__fill", o = "haze-TokenCounter__fillNormal", s = "haze-TokenCounter__fillWarning", c = "haze-TokenCounter__fillDanger", l = "haze-TokenCounter__info", u = "haze-TokenCounter__count";

package/dist/components/ToolCallCard/ToolCallCard.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/ToolCallCard/ToolCallCard.tsx
 var r = "haze-ToolCallCard__card", i = "haze-ToolCallCard__header", a = "haze-ToolCallCard__statusIcon", o = "haze-ToolCallCard__statusPending", s = "haze-ToolCallCard__statusRunning", c = "haze-ToolCallCard__statusDone", l = "haze-ToolCallCard__statusError", u = "haze-ToolCallCard__body", d = "haze-ToolCallCard__section", f = "haze-ToolCallCard__sectionLabel", p = "haze-ToolCallCard__content", m = {

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                  */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useId as r } from "react";
 //#region src/lib/components/Tooltip/Tooltip.tsx

package/dist/components/Transfer/Transfer.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 import { useState as i } from "react";

package/dist/components/Tree/Tree.js

@@ -1,22 +1,22 @@
-import e from "./TreeItem.js";
-import { findNodeByKey as t, getChildKeys as n, getParentKey as r } from "./utils.js";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "./TreeItem.js";
+import { findNodeByKey as n, getChildKeys as r, getParentKey as i } from "./utils.js";
 /* empty css               */
-import { classnames as i } from "babel-runtime-jsx-plus";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useControl as s } from "react-use-control";
 import { useMemo as c } from "react";
 //#region src/lib/components/Tree/Tree.tsx
 var l = "haze-Tree__base", u = "haze-Tree__group";
-function d(e, t, r) {
-	if (r) return {
+function d(e, t, n) {
+	if (n) return {
 		checked: e,
 		halfChecked: []
 	};
 	let i = new Set(e), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = (e) => {
-		for (let r of e) if (r.children?.length) {
-			s(r.children);
-			let e = n(t, r.key), c = e.filter((e) => i.has(e));
-			c.length === 0 ? o.add(r.key) : c.length < e.length && (a.add(r.key), o.add(r.key));
+		for (let n of e) if (n.children?.length) {
+			s(n.children);
+			let e = r(t, n.key), c = e.filter((e) => i.has(e));
+			c.length === 0 ? o.add(n.key) : c.length < e.length && (a.add(n.key), o.add(n.key));
 		}
 	};
 	return s(t), {
@@ -31,56 +31,56 @@ function f({ treeData: f, multiple: p = !1, checkable: m = !1, checkStrictly: h
 		h
 	]), B = z.checked, V = z.halfChecked;
 	function H(e) {
-		let n = M.includes(e), r = n ? M.filter((t) => t !== e) : [...M, e];
+		let t = M.includes(e), r = t ? M.filter((t) => t !== e) : [...M, e];
 		N(r), k?.(r, {
-			expanded: !n,
-			node: t(f, e)
+			expanded: !t,
+			node: n(f, e)
 		});
 	}
 	function U(e) {
-		let n = t(f, e);
-		if (!n?.selectable && n?.selectable !== void 0 || !g) return;
+		let t = n(f, e);
+		if (!t?.selectable && t?.selectable !== void 0 || !g) return;
 		let r;
 		r = p ? P.indexOf(e) >= 0 ? P.filter((t) => t !== e) : [...P, e] : P.includes(e) ? [] : [e], F(r), A?.(r, {
 			selected: r.includes(e),
-			selectedNodes: r.map((e) => t(f, e)).filter(Boolean),
-			node: n
+			selectedNodes: r.map((e) => n(f, e)).filter(Boolean),
+			node: t
 		});
 	}
 	function W(e) {
-		if (!m || t(f, e)?.disableCheckbox) return;
-		let i = B.includes(e), a;
-		if (h) a = i ? B.filter((t) => t !== e) : [...B, e];
+		if (!m || n(f, e)?.disableCheckbox) return;
+		let t = B.includes(e), a;
+		if (h) a = t ? B.filter((t) => t !== e) : [...B, e];
 		else {
-			let t = n(f, e);
-			if (i) {
-				a = B.filter((n) => n !== e && !t.includes(n));
-				let n = r(f, e);
-				for (; n;) a = a.filter((e) => e !== n), n = r(f, n);
+			let n = r(f, e);
+			if (t) {
+				a = B.filter((t) => t !== e && !n.includes(t));
+				let t = i(f, e);
+				for (; t;) a = a.filter((e) => e !== t), t = i(f, t);
 			} else {
-				let i = [e, ...t].filter((e) => !B.includes(e));
-				a = [...B, ...i];
-				let o = r(f, e);
-				for (; o;) n(f, o).every((e) => a.includes(e)) && !a.includes(o) && a.push(o), o = r(f, o);
+				let t = [e, ...n].filter((e) => !B.includes(e));
+				a = [...B, ...t];
+				let o = i(f, e);
+				for (; o;) r(f, o).every((e) => a.includes(e)) && !a.includes(o) && a.push(o), o = i(f, o);
 			}
 		}
 		let o = d(a, f, h);
 		L(h ? a : o.checked), j?.(h ? a : o, {
-			checked: !i,
-			checkedNodes: a.map((e) => t(f, e)).filter(Boolean),
-			node: t(f, e),
+			checked: !t,
+			checkedNodes: a.map((e) => n(f, e)).filter(Boolean),
+			node: n(f, e),
 			halfCheckedKeys: o.halfChecked
 		});
 	}
-	function G(t, n, r) {
-		return t.map((s, c) => {
-			let l = !!s.children?.length, d = M.includes(s.key), f = P.includes(s.key), p = B.includes(s.key), h = V.includes(s.key), T = p ? "checked" : h ? "halfChecked" : "unchecked", E = c === t.length - 1, D = [...r, E];
+	function G(n, r, i) {
+		return n.map((s, c) => {
+			let l = !!s.children?.length, d = M.includes(s.key), f = P.includes(s.key), p = B.includes(s.key), h = V.includes(s.key), T = p ? "checked" : h ? "halfChecked" : "unchecked", E = c === n.length - 1, D = [...i, E];
 			return /* @__PURE__ */ o("div", {
 				role: "group",
-				className: i(u),
-				children: [/* @__PURE__ */ a(e, {
+				className: e(u),
+				children: [/* @__PURE__ */ a(t, {
 					node: s,
-					level: n,
+					level: r,
 					expanded: d,
 					selected: f,
 					checked: T,
@@ -99,13 +99,13 @@ function f({ treeData: f, multiple: p = !1, checkable: m = !1, checkStrictly: h
 					onToggle: () => H(s.key),
 					onSelect: () => U(s.key),
 					onCheck: () => W(s.key)
-				}), l && d && /* @__PURE__ */ a("div", { children: G(s.children, n + 1, D) })]
+				}), l && d && /* @__PURE__ */ a("div", { children: G(s.children, r + 1, D) })]
 			}, s.key);
 		});
 	}
 	return /* @__PURE__ */ a("div", {
 		role: "tree",
-		className: i([l, O]),
+		className: e([l, O]),
 		children: G(f, 0, [])
 	});
 }

package/dist/components/Tree/TreeItem.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Tree/TreeItem.tsx
 var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeItem__selectedStyle", o = "haze-TreeItem__disabledStyle", s = "haze-TreeItem__switcher", c = "haze-TreeItem__switcherExpanded", l = "haze-TreeItem__checkbox", u = "haze-TreeItem__checkboxChecked", d = "haze-TreeItem__checkboxHalfChecked", f = "haze-TreeItem__nodeIcon", p = "haze-TreeItem__title", m = "haze-TreeItem__loadingIcon", h = "haze-TreeItem__indentLine", g = "haze-TreeItem__indentLineWithBorder", _ = () => /* @__PURE__ */ t("svg", {

package/dist/components/Typography/Typography.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Typography/Typography.tsx
 var n = "haze-Typography__titleBase", r = {
@@ -10,7 +10,8 @@ var n = "haze-Typography__titleBase", r = {
 	5: "haze-Typography__5"
 };
 function i({ level: i = 1, className: a, children: o }) {
-	return /* @__PURE__ */ t(`h${i}`, {
+	let s = `h${i}`;
+	return /* @__PURE__ */ t(s, {
 		className: e([
 			n,
 			r[i],

package/dist/components/Upload/Upload.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                 */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useCallback as i, useRef as a } from "react";
 //#region src/lib/components/Upload/Upload.tsx
@@ -10,17 +10,17 @@ function l({ accept: l, multiple: u = !1, onChange: d, className: f, children: p
 	}, []), g = i((e) => {
 		let t = Array.from(e.target.files || []);
 		t.length > 0 && d?.(t), e.target.value = "";
-	}, [d]);
+	}, [d]), _ = i((e) => {
+		e.preventDefault();
+		let t = Array.from(e.dataTransfer.files);
+		t.length > 0 && d?.(t);
+	}, [d]), v = i((e) => {
+		e.preventDefault();
+	}, []);
 	return /* @__PURE__ */ r("div", {
 		onClick: h,
-		onDrop: i((e) => {
-			e.preventDefault();
-			let t = Array.from(e.dataTransfer.files);
-			t.length > 0 && d?.(t);
-		}, [d]),
-		onDragOver: i((e) => {
-			e.preventDefault();
-		}, []),
+		onDrop: _,
+		onDragOver: v,
 		role: "button",
 		tabIndex: 0,
 		className: e([o, f]),

package/dist/components/VirtualList/VirtualList.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 //#region src/lib/components/VirtualList/VirtualList.tsx

package/dist/form/FormItem.js

@@ -0,0 +1,42 @@
+import { classnames as e } from "../utils/classnames.js";
+import { useFormControl as t } from "./useFormControl.js";
+/* empty css                   */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useId as i } from "react";
+import { useField as a, useFieldErrors as o } from "react-f0rm";
+//#region src/lib/form/FormItem.tsx
+var s = "haze-FormItem__item", c = "haze-FormItem__labelText", l = "haze-FormItem__errorText";
+function u({ form: u, name: d, label: f, validate: p, className: m, children: h }) {
+	let g = `haze-field-${i()}`, _ = `${g}-error`;
+	a({
+		form: u,
+		name: d,
+		validate: p
+	});
+	let v = o(u, d), y = t(u, d), b = v.length > 0;
+	return /* @__PURE__ */ r("div", {
+		className: e([s, m]),
+		children: [
+			f !== void 0 && /* @__PURE__ */ n("label", {
+				htmlFor: g,
+				className: e(c),
+				children: f
+			}),
+			h({
+				id: g,
+				errorId: _,
+				invalid: b,
+				errors: v,
+				control: y
+			}),
+			b && /* @__PURE__ */ n("span", {
+				id: _,
+				role: "alert",
+				className: e(l),
+				children: v[0].message
+			})
+		]
+	});
+}
+//#endregion
+export { u as default };

package/dist/form/useFormControl.js

@@ -0,0 +1,54 @@
+import { useControl as e, useThru as t } from "react-use-control";
+import { useMemo as n } from "react";
+import { getValueByPath as r, setValueByPath as i, useValueByPath as a } from "react-f0rm";
+//#region src/lib/form/useFormControl.ts
+var o = /* @__PURE__ */ new Map();
+function s(e) {
+	let t = [], n = "", r = () => {
+		t.push(n), n = "";
+	};
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		if (a === ".") n !== "" && r();
+		else if (a === "[") {
+			n !== "" && r();
+			let a = e[i + 1];
+			if (a === "\"" || a === "'") {
+				let n = e.indexOf(a, i + 2);
+				if (n === -1) throw TypeError(`Unterminated quote in path: ${e}`);
+				if (e[n + 1] !== "]") throw TypeError(`Expected "]" after quoted segment in path: ${e}`);
+				t.push(e.slice(i + 2, n)), i = n + 1;
+			} else {
+				let n = e.indexOf("]", i + 1);
+				if (n === -1) throw TypeError(`Unterminated bracket in path: ${e}`);
+				let r = e.slice(i + 1, n);
+				t.push(/^-?\d+$/.test(r) ? Number(r) : r), i = n;
+			}
+		} else n += a;
+	}
+	return (n !== "" || t.length === 0) && r(), t;
+}
+function c(e) {
+	if (typeof e != "string") return {
+		value: e,
+		key: JSON.stringify(e)
+	};
+	let t = o.get(e);
+	return t || (t = s(e), o.set(e, t)), {
+		value: t,
+		key: JSON.stringify(t)
+	};
+}
+function l(e) {
+	let t = typeof e == "string" ? e : JSON.stringify(e);
+	return n(() => c(e), [t]);
+}
+function u(n, o) {
+	let s = l(o), c = a(n, s), [, , u] = e();
+	return t(u, () => [c, (e) => {
+		let t = r(n, s), a = typeof e == "function" ? e(t) : e;
+		i(n, s, a);
+	}]);
+}
+//#endregion
+export { u as useFormControl };

package/dist/form.js

@@ -0,0 +1,3 @@
+import { useFormControl as e } from "./form/useFormControl.js";
+import t from "./form/FormItem.js";
+export { t as FormItem, e as useFormControl };