haze-ui 1.30.0 → 1.32.0

package/dist/components/Combobox/Combobox.js

@@ -1,22 +1,23 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
-import { FloatingPanel as ee, useFloating as te } from "../../utils/floating.js";
-import ne from "../Chip/Chip.js";
-import re from "../Spinner/Spinner.js";
-import ie from "../VirtualList/VirtualList.js";
-import ae from "./ComboboxGroup.js";
-import oe from "./ComboboxOption.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import r from "../Spinner/Spinner.js";
+import { useConfigDefaults as ee } from "../ConfigProvider/useConfigDefaults.js";
+import { mergeRefs as te } from "../../utils/refs.js";
+import { FloatingPanel as ne, useFloating as re } from "../../utils/floating.js";
+import ie from "../Chip/Chip.js";
+import ae from "../VirtualList/VirtualList.js";
+import oe from "./ComboboxGroup.js";
+import se from "./ComboboxOption.js";
 /* empty css                   */
-import { useCallback as se, useEffect as i, useId as ce, useMemo as le, useRef as a, useState as o } from "react";
+import { useCallback as ce, useEffect as i, useId as le, useMemo as ue, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useControl as u } from "react-use-control";
 //#region src/lib/components/Combobox/Combobox.tsx
-var ue = "haze-Combobox__wrapper", de = "haze-Combobox__input", fe = "haze-Combobox__multiBox", pe = "haze-Combobox__multiInput", d = "haze-Combobox__matchMark", f = "haze-Combobox__stateRow", me = "haze-Combobox__groupHeadingText", he = "haze-Combobox__listbox", ge = "haze-Combobox__listboxVirtual", _e = 200, ve = 37, ye = "haze-Combobox__virtualRow";
-function be(t, n) {
+var de = "haze-Combobox__wrapper", fe = "haze-Combobox__input", pe = "haze-Combobox__multiBox", me = "haze-Combobox__multiInput", d = "haze-Combobox__matchMark", f = "haze-Combobox__stateRow", he = "haze-Combobox__groupHeadingText", ge = "haze-Combobox__listbox", _e = "haze-Combobox__listboxVirtual", ve = 200, ye = 37, be = "haze-Combobox__virtualRow";
+function xe(t, n) {
 	if (n === "") return t;
 	let r = t.toLowerCase().indexOf(n.toLowerCase());
 	return r < 0 ? t : /* @__PURE__ */ l(s, { children: [
@@ -29,28 +30,31 @@ function be(t, n) {
 		t.slice(r + n.length)
 	] });
 }
-function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h, creatable: xe = !1, onCreate: Se, onSearch: g, loading: _ = !1, empty: Ce, highlightMatches: we = !1, maxHeight: v, placeholder: Te, virtualThreshold: y = 100, virtualized: b, className: Ee, ref: x }) {
-	let S = r("combobox"), [C, w] = u(s, m ? [] : ""), [T, De] = o([]), [E, D] = o(""), [O, k] = u(d, !1), [A, j] = o(-1), [Oe, ke] = o(E), M = ce(), N = a(null), Ae = se((e) => t(N, x)(e), [N, x]), P = a(null), F = a(null), I = a(null), L = a(null), R = te({
-		open: O,
-		setOpen: k,
-		triggerRef: m ? P : N,
-		panelRef: F,
+function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h, creatable: Se = !1, onCreate: Ce, onSearch: g, loading: _ = !1, empty: we, highlightMatches: Te = !1, maxHeight: v, placeholder: Ee, virtualThreshold: y = 100, virtualized: b, className: De, classNames: x, ref: S }) {
+	let C = ee("Combobox"), w = C.classNames ? {
+		...C.classNames,
+		...x
+	} : x, T = n("combobox"), [E, D] = u(s, m ? [] : ""), [O, Oe] = o([]), [k, A] = o(""), [j, M] = u(d, !1), [N, P] = o(-1), [ke, Ae] = o(k), F = le(), I = a(null), je = ce((e) => te(I, S)(e), [I, S]), L = a(null), R = a(null), Me = a(null), z = a(null), B = re({
+		open: j,
+		setOpen: M,
+		triggerRef: m ? L : I,
+		panelRef: R,
 		animated: !0
-	}), z = Array.isArray(C) ? C : [], B = le(() => {
-		if (T.length === 0) return p;
-		let e = new Set(p.map((e) => e.value)), t = T.filter((t) => !e.has(t)).map((e) => ({
+	}), V = Array.isArray(E) ? E : [], H = ue(() => {
+		if (O.length === 0) return p;
+		let e = new Set(p.map((e) => e.value)), t = O.filter((t) => !e.has(t)).map((e) => ({
 			value: e,
 			label: e
 		}));
 		return t.length > 0 ? [...p, ...t] : p;
-	}, [p, T]), V = g ? B : B.filter((e) => e.label.toLowerCase().includes(E.toLowerCase())), H = xe && !_ && E.trim() !== "" && V.length === 0, U = E.trim(), je = n(S.create, { query: U }), W = H ? [{
-		value: U,
-		label: U
-	}, ...V] : V, G = typeof b == "object" ? b : void 0, K = (b === void 0 ? void 0 : !!b) ?? (y > 0 && W.length > y), q = G?.itemHeight ?? ve, Me = G?.overscan, J = (e) => `${M}-option-${e}`, Ne = O && W[A] ? J(A) : void 0, Y = [];
-	for (let e = 0; e < W.length; e++) {
-		let t = W[e];
+	}, [p, O]), U = g ? H : H.filter((e) => e.label.toLowerCase().includes(k.toLowerCase())), W = Se && !_ && k.trim() !== "" && U.length === 0, G = k.trim(), Ne = t(T.create, { query: G }), K = W ? [{
+		value: G,
+		label: G
+	}, ...U] : U, q = typeof b == "object" ? b : void 0, J = (b === void 0 ? void 0 : !!b) ?? (y > 0 && K.length > y), Y = q?.itemHeight ?? ye, Pe = q?.overscan, X = (e) => `${F}-option-${e}`, Fe = j && K[N] ? X(N) : void 0, Z = [];
+	for (let e = 0; e < K.length; e++) {
+		let t = K[e];
 		if (t === void 0) continue;
-		let n = Y[Y.length - 1];
+		let n = Z[Z.length - 1];
 		if (t.group !== void 0 && n?.label === t.group) {
 			n.rows.push({
 				option: t,
@@ -58,7 +62,7 @@ function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h,
 			});
 			continue;
 		}
-		Y.push(t.group === void 0 ? {
+		Z.push(t.group === void 0 ? {
 			key: `row-${t.value}`,
 			label: void 0,
 			rows: [{
@@ -74,150 +78,155 @@ function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h,
 			}]
 		});
 	}
-	let Pe = Y.some((e) => e.label !== void 0);
+	let Ie = Z.some((e) => e.label !== void 0);
 	i(() => {
-		if (!R.shown || A < 0) return;
-		if (K) {
-			I.current?.scrollToIndex(A, "auto");
+		if (!B.shown || N < 0) return;
+		if (J) {
+			Me.current?.scrollToIndex(N, "auto");
 			return;
 		}
-		let e = L.current;
+		let e = z.current;
 		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 	}, [
-		K,
-		R.shown,
-		A
+		J,
+		B.shown,
+		N
 	]);
-	let X = a(g);
+	let Q = a(g);
 	i(() => {
-		X.current = g;
+		Q.current = g;
 	}, [g]);
-	let Z = a(E);
+	let Le = a(k);
 	i(() => {
-		Z.current !== E && (Z.current = E, X.current?.(E));
-	}, [E]), E !== Oe && (ke(E), j(-1));
-	let Fe = (e) => m ? z.includes(e) : C === e, Ie = (e) => B.find((t) => t.value === e)?.label ?? e, Le = (e, t) => {
-		let n = t ?? B.find((t) => t.value === e)?.label ?? e;
+		Le.current !== k && (Le.current = k, Q.current?.(k));
+	}, [k]), k !== ke && (Ae(k), P(-1));
+	let Re = (e) => m ? V.includes(e) : E === e, ze = (e) => H.find((t) => t.value === e)?.label ?? e, Be = (e, t) => {
+		let n = t ?? H.find((t) => t.value === e)?.label ?? e;
 		if (m) {
-			let t = z.includes(e) ? z.filter((t) => t !== e) : [...z, e];
-			w(t), h?.(t), D("");
-		} else w(e), h?.(e), D(n), k(!1);
-		N.current?.focus();
-	}, Re = () => {
-		Se?.(U), De((e) => e.includes(U) ? e : [...e, U]), Le(U, U);
-	}, ze = (e) => {
-		if (H && e === U) {
-			Re();
+			let t = V.includes(e) ? V.filter((t) => t !== e) : [...V, e];
+			D(t), h?.(t), A("");
+		} else D(e), h?.(e), A(n), M(!1);
+		I.current?.focus();
+	}, Ve = () => {
+		Ce?.(G), Oe((e) => e.includes(G) ? e : [...e, G]), Be(G, G);
+	}, He = (e) => {
+		if (W && e === G) {
+			Ve();
 			return;
 		}
-		Le(e);
-	}, Be = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), k(!0), j((e) => Math.min(e + 1, W.length - 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), k(!0), j((e) => Math.max(e - 1, 0));
-		else if (e.key === "Enter" && A >= 0 && W[A]) e.preventDefault(), ze(W[A].value);
-		else if (e.key === "Escape") k(!1);
-		else if (e.key === "Backspace" && m && E === "" && z.length > 0) {
+		Be(e);
+	}, Ue = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), M(!0), P((e) => Math.min(e + 1, K.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), M(!0), P((e) => Math.max(e - 1, 0));
+		else if (e.key === "Enter" && N >= 0 && K[N]) e.preventDefault(), He(K[N].value);
+		else if (e.key === "Escape") M(!1);
+		else if (e.key === "Backspace" && m && k === "" && V.length > 0) {
 			e.preventDefault();
-			let t = z.slice(0, -1);
-			w(t), h?.(t);
+			let t = V.slice(0, -1);
+			D(t), h?.(t);
 		}
-	}, Q = (e, t, n) => /* @__PURE__ */ c(oe, {
-		ref: !n && t === A ? L : void 0,
-		value: e.value,
-		id: J(t),
-		setSize: W.length,
-		posInSet: t + 1,
-		highlighted: t === A,
-		selected: Fe(e.value),
-		onSelect: ze,
-		className: n ? ye : void 0,
-		children: H && t === 0 ? je : we ? be(e.label, E) : e.label
-	}, e.value), $ = /* @__PURE__ */ c("input", {
-		ref: Ae,
+	}, $ = (t, n, r) => /* @__PURE__ */ c(se, {
+		ref: !r && n === N ? z : void 0,
+		value: t.value,
+		id: X(n),
+		setSize: K.length,
+		posInSet: n + 1,
+		highlighted: n === N,
+		selected: Re(t.value),
+		onSelect: He,
+		className: e([r && be, w?.item]),
+		children: W && n === 0 ? Ne : Te ? xe(t.label, k) : t.label
+	}, t.value), We = /* @__PURE__ */ c("input", {
+		ref: je,
 		"data-slot": "input",
 		role: "combobox",
-		style: m ? void 0 : R.triggerStyle,
-		"aria-expanded": O,
-		"aria-controls": M,
+		style: m ? void 0 : B.triggerStyle,
+		"aria-expanded": j,
+		"aria-controls": F,
 		"aria-autocomplete": "list",
-		"aria-activedescendant": Ne,
+		"aria-activedescendant": Fe,
 		"aria-busy": _ || void 0,
-		className: m ? pe : de,
-		value: E,
-		placeholder: Te,
+		value: k,
+		placeholder: Ee,
 		onChange: (e) => {
-			D(e.target.value), k(!0);
+			A(e.target.value), M(!0);
 		},
-		onPointerDown: m ? void 0 : R.onTriggerPointerDown,
-		onClick: m ? void 0 : R.onTriggerClick,
-		onKeyDown: Be
+		onPointerDown: m ? void 0 : B.onTriggerPointerDown,
+		onClick: m ? void 0 : B.onTriggerClick,
+		onKeyDown: Ue,
+		className: e([m ? me : fe, w?.input])
 	});
 	return /* @__PURE__ */ l("div", {
-		className: e([ue, Ee]),
+		"data-slot": "combobox",
+		className: e([
+			de,
+			De,
+			w?.root
+		]),
 		children: [m ? /* @__PURE__ */ l("div", {
-			ref: P,
+			ref: L,
 			"data-slot": "trigger",
-			style: R.triggerStyle,
-			onPointerDown: R.onTriggerPointerDown,
+			style: B.triggerStyle,
+			onPointerDown: B.onTriggerPointerDown,
 			onClick: () => {
-				R.onTriggerClick(), N.current?.focus();
+				B.onTriggerClick(), I.current?.focus();
 			},
-			className: e(fe),
-			children: [z.map((e) => /* @__PURE__ */ c("span", {
+			className: e(pe),
+			children: [V.map((e) => /* @__PURE__ */ c("span", {
 				"data-slot": "item",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ c(ne, {
+				children: /* @__PURE__ */ c(ie, {
 					color: "primary",
 					onClose: () => {
-						let t = z.filter((t) => t !== e);
-						w(t), h?.(t);
+						let t = V.filter((t) => t !== e);
+						D(t), h?.(t);
 					},
-					children: Ie(e)
+					children: ze(e)
 				})
-			}, e)), $]
-		}) : $, /* @__PURE__ */ c(ee, {
-			ref: F,
-			behavior: R,
+			}, e)), We]
+		}) : We, /* @__PURE__ */ c(ne, {
+			ref: R,
+			behavior: B,
 			placement: "bottom-span",
-			id: M,
+			id: F,
 			role: "listbox",
 			"aria-multiselectable": m ? "true" : void 0,
-			visualClass: K ? ge : he,
-			style: v !== void 0 && !K ? { maxHeight: `${v}px` } : void 0,
+			visualClass: J ? _e : ge,
+			style: v !== void 0 && !J ? { maxHeight: `${v}px` } : void 0,
 			children: _ ? /* @__PURE__ */ c("div", {
 				role: "option",
 				"data-slot": "loading",
 				"aria-selected": !1,
 				"aria-disabled": "true",
 				className: e([f]),
-				children: /* @__PURE__ */ c(re, { size: "sm" })
-			}) : W.length === 0 ? /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ c(r, { size: "sm" })
+			}) : K.length === 0 ? /* @__PURE__ */ c("div", {
 				role: "option",
 				"data-slot": "empty",
 				"aria-selected": !1,
 				"aria-disabled": "true",
-				className: e([f]),
-				children: Ce ?? S.noResults
-			}) : K ? /* @__PURE__ */ c(ie, {
-				ref: I,
+				className: e([f, w?.empty]),
+				children: we ?? T.noResults
+			}) : J ? /* @__PURE__ */ c(ae, {
+				ref: Me,
 				"data-virtualized": !0,
-				items: W,
-				height: Math.min(v ?? _e, W.length * q),
-				itemHeight: q,
-				overscan: Me,
-				groups: Pe ? Y.filter((e) => e.label !== void 0).map((t) => ({
+				items: K,
+				height: Math.min(v ?? ve, K.length * Y),
+				itemHeight: Y,
+				overscan: Pe,
+				groups: Ie ? Z.filter((e) => e.label !== void 0).map((t) => ({
 					startIndex: t.rows[0]?.index ?? 0,
 					key: t.key,
 					render: () => /* @__PURE__ */ c("div", {
 						"data-slot": "group-label",
-						className: e([me]),
+						className: e([he]),
 						children: t.label
 					})
 				})) : void 0,
-				renderItem: (e, t) => Q(e, t, !0)
-			}) : Y.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => Q(e, t, !1)) : [/* @__PURE__ */ c(ae, {
+				renderItem: (e, t) => $(e, t, !0)
+			}) : Z.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => $(e, t, !1)) : [/* @__PURE__ */ c(oe, {
 				label: e.label,
-				children: e.rows.map(({ option: e, index: t }) => Q(e, t, !1))
+				children: e.rows.map(({ option: e, index: t }) => $(e, t, !1))
 			}, e.key)])
 		})]
 	});

package/dist/components/Command/Command.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { getEnabledMenuItems as r, useMenuKeyboard as i, useRovingTabindex as a } from "../../utils/menuKeyboard.js";
 import o from "../Kbd/Kbd.js";
 import { collectCommandItems as s, commandItemMatches as c } from "./command-filter.js";
@@ -47,13 +47,13 @@ function S({ query: t, shouldFilter: n = !0, onItemSelect: r, children: i, class
 	});
 }
 var C = "haze-Command__inputStyle";
-function w({ placeholder: n, className: i, ref: a }) {
+function w({ placeholder: t, className: i, ref: a }) {
 	let { query: o, setQuery: s, inputRef: c, listRef: l } = b();
 	return /* @__PURE__ */ h("input", {
-		ref: t(c, a),
+		ref: n(c, a),
 		"data-slot": "input",
 		type: "text",
-		placeholder: n,
+		placeholder: t,
 		value: o,
 		onChange: (e) => s(e.target.value),
 		onKeyDown: (e) => {
@@ -66,8 +66,8 @@ function w({ placeholder: n, className: i, ref: a }) {
 	});
 }
 var T = "haze-Command__listStyle", E = "haze-Command__emptyStyle";
-function D({ children: t, empty: r, className: o }) {
-	let { inputRef: l, listRef: u, listId: d, shouldFilter: f, query: p } = b(), m = n("command");
+function D({ children: n, empty: r, className: o }) {
+	let { inputRef: l, listRef: u, listId: d, shouldFilter: f, query: p } = b(), m = t("command");
 	a({
 		menuRef: u,
 		active: !0,
@@ -77,7 +77,7 @@ function D({ children: t, empty: r, className: o }) {
 		menuRef: u,
 		selector: v,
 		onClose: () => l.current?.focus()
-	}), y = s(t, M), x = f && y.length > 0 && !y.some((e) => c(e.props, p));
+	}), y = s(n, M), x = f && y.length > 0 && !y.some((e) => c(e.props, p));
 	return /* @__PURE__ */ g("div", {
 		ref: u,
 		"data-slot": "list",
@@ -85,7 +85,7 @@ function D({ children: t, empty: r, className: o }) {
 		id: d,
 		onKeyDown: _,
 		className: e([T, o]),
-		children: [t, x && /* @__PURE__ */ h("div", {
+		children: [n, x && /* @__PURE__ */ h("div", {
 			"data-slot": "empty",
 			role: "option",
 			"aria-selected": !1,

package/dist/components/ConfigProvider/ConfigContext.js

@@ -23,6 +23,22 @@ function n(e, t) {
 		HoverCard: {
 			...e.HoverCard ?? {},
 			...t.HoverCard ?? {}
+		},
+		Drawer: {
+			...e.Drawer ?? {},
+			...t.Drawer ?? {}
+		},
+		Select: {
+			...e.Select ?? {},
+			...t.Select ?? {}
+		},
+		Combobox: {
+			...e.Combobox ?? {},
+			...t.Combobox ?? {}
+		},
+		TagGroup: {
+			...e.TagGroup ?? {},
+			...t.TagGroup ?? {}
 		}
 	};
 }

package/dist/components/ConfirmDialog/confirm.js

@@ -0,0 +1,41 @@
+"use client";
+import e from "./ConfirmDialog.js";
+import { createElement as t } from "react";
+import { flushSync as n } from "react-dom";
+import { createRoot as r } from "react-dom/client";
+//#region src/lib/components/ConfirmDialog/confirm.ts
+function i(i) {
+	let { onConfirm: a, onCancel: o, children: s, ...c } = i;
+	return typeof document > "u" ? Promise.resolve(!1) : new Promise((i) => {
+		let l = document.createElement("div");
+		l.setAttribute("data-haze-confirm-host", ""), document.body.appendChild(l);
+		let u = r(l), d = !1, f = () => {
+			queueMicrotask(() => {
+				u.unmount(), l.remove();
+			});
+		}, p = (r, a) => {
+			d || (d = !0, a?.(), n(() => {
+				u.render(t(e, {
+					...c,
+					children: s,
+					open: !1,
+					onConfirm: () => void 0,
+					onCancel: () => void 0,
+					onClose: () => void 0
+				}));
+			}), f(), i(r));
+		};
+		n(() => {
+			u.render(t(e, {
+				...c,
+				children: s,
+				open: !0,
+				onConfirm: () => p(!0, a),
+				onCancel: () => p(!1, o),
+				onClose: () => p(!1, o)
+			}));
+		});
+	});
+}
+//#endregion
+export { i as confirm };

package/dist/components/ConfirmDialog/index.js

@@ -1,3 +1,4 @@
 "use client";
 import e from "./ConfirmDialog.js";
-export { e as ConfirmDialog };
+import { confirm as t } from "./confirm.js";
+export { e as ConfirmDialog, t as confirm };

package/dist/components/ConversationList/ConversationList.js

@@ -1,16 +1,25 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { useEndReached as t } from "../../utils/use-end-reached.js";
 /* empty css                           */
-import { jsx as t } from "react/jsx-runtime";
+import { Children as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/ConversationList/ConversationList.tsx
-var n = "haze-ConversationList__list";
-function r({ children: r, className: i }) {
-	return /* @__PURE__ */ t("div", {
+var a = "haze-ConversationList__list";
+function o({ children: o, onLoadMore: s, className: c }) {
+	let l = r(null);
+	return t({
+		ref: l,
+		onEndReached: s,
+		threshold: 200,
+		contentUnits: n.count(o)
+	}), /* @__PURE__ */ i("div", {
+		ref: l,
 		"data-slot": "conversation-list",
-		className: e([n, i]),
-		children: r
+		className: e([a, c]),
+		children: o
 	});
 }
 //#endregion
-export { r as default };
+export { o as default };

package/dist/components/DataTable/DataTable.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import t from "../Input/Input.js";
-import { getDirection as n, useDirection as r } from "../../utils/direction.js";
-import { useStrings as i } from "../LocaleProvider/useStrings.js";
+import { getDirection as t, useDirection as n } from "../../utils/direction.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import i from "../Input/Input.js";
 import a from "../VirtualList/VirtualList.js";
 import o from "../Checkbox/CheckboxCore.js";
 import s from "../Skeleton/Skeleton.js";
@@ -59,7 +59,7 @@ function h(e) {
 }
 var xe = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", Se = "(var(--haze-space-3) * 2 + var(--haze-space-5))", Ce = 34, we = "haze-DataTable__root", Te = "haze-DataTable__scrollArea", Ee = "haze-DataTable__stickyScrollArea", De = "haze-DataTable__virtualArea", g = "haze-DataTable__fixedLayout", Oe = "haze-DataTable__virtualRowTable", _ = "haze-DataTable__tableBase", ke = "haze-DataTable__stickyHead", Ae = "haze-DataTable__sortButton", je = "haze-DataTable__sortIcon", Me = "haze-DataTable__rowHover", Ne = "haze-DataTable__rowSelected", Pe = "haze-DataTable__clickableRow", Fe = "haze-DataTable__checkCell", Ie = "haze-DataTable__checkCellCol", v = "haze-DataTable__fixedCell", y = "haze-DataTable__fixedCellSelected", b = "haze-DataTable__fixedHeadCell", x = "haze-DataTable__fixedLeftEdge", Le = "haze-DataTable__fixedRightEdge", Re = "haze-DataTable__emptyCell", ze = "haze-DataTable__footer", Be = "haze-DataTable__toolbar", Ve = "haze-DataTable__footerMenu", He = "haze-DataTable__columnsTrigger", Ue = "haze-DataTable__toggleRow", We = "haze-DataTable__resizableHead", Ge = "haze-DataTable__resizeHandle", Ke = "haze-DataTable__expander", qe = "haze-DataTable__expanderIcon", Je = "haze-DataTable__panelCell", Ye = "haze-DataTable__treeIndent", Xe = "haze-DataTable__summaryFoot", Ze = "haze-DataTable__stickyFoot", Qe = "haze-DataTable__editableCell";
 function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSelection: et, sorting: T, pageSize: E, page: D, manual: O = !1, pageCount: tt, onPageChange: nt, onSortChange: rt, loading: k = !1, stickyHeader: it = !1, virtualized: A, getRowId: at, onRowClick: j, empty: ot, resizable: M = !1, expanded: st, getRowCanExpand: N, renderExpandedRow: P, subRowsKey: ct = "subRows", columnVisibility: lt, columnToggle: ut = !1, filterable: F = !1, summary: dt, stickyFooter: ft = !1, editable: pt = !1, onCellEdit: mt, className: ht, ...gt }) {
-	let _t = me(T), [vt, yt] = p(he(_t ? T : void 0, ge((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = p(et, {}), St = me(D), [Ct, wt, Tt] = p(he(St ? D : void 0, ge((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = p(st, {}), [Ot, kt] = p(lt, {}), [I, L] = fe(null), At = r(), jt = le(), Mt = i("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Ce, Nt = typeof A == "object" ? A.overscan : void 0, Pt = E ?? Infinity, Ft = N !== void 0 || P !== void 0, It = N === void 0 && P === void 0 && C.some((e) => {
+	let _t = me(T), [vt, yt] = p(he(_t ? T : void 0, ge((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = p(et, {}), St = me(D), [Ct, wt, Tt] = p(he(St ? D : void 0, ge((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = p(st, {}), [Ot, kt] = p(lt, {}), [I, L] = fe(null), At = n(), jt = le(), Mt = r("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Ce, Nt = typeof A == "object" ? A.overscan : void 0, Pt = E ?? Infinity, Ft = N !== void 0 || P !== void 0, It = N === void 0 && P === void 0 && C.some((e) => {
 		let t = e[ct];
 		return Array.isArray(t) && t.length > 0;
 	}), Lt = ue(() => S.map((e) => ve(e, {
@@ -176,7 +176,7 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || j(e, t);
 	} : void 0, Jt = /* @__PURE__ */ d(c, {
 		className: it ? ke : void 0,
-		children: V.map((t, r) => /* @__PURE__ */ f("tr", {
+		children: V.map((n, r) => /* @__PURE__ */ f("tr", {
 			"data-slot": "row",
 			children: [w && r === 0 && /* @__PURE__ */ d(u, {
 				as: "th",
@@ -196,19 +196,19 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 						"aria-label": Mt.selectAll
 					})
 				})
-			}), t.headers.map((t) => {
-				if (t.rowSpan === 0) return null;
-				if (t.isPlaceholder) return /* @__PURE__ */ d(u, {
+			}), n.headers.map((n) => {
+				if (n.rowSpan === 0) return null;
+				if (n.isPlaceholder) return /* @__PURE__ */ d(u, {
 					as: "th",
 					"data-slot": "cell",
 					children: null
-				}, t.placeholderId ?? t.id);
-				let r = t.column.getIsSorted(), i = t.subHeaders.length === 0 ? q.get(t.column.id) : void 0, a = M && t.subHeaders.length === 0 && t.column.getCanResize();
+				}, n.placeholderId ?? n.id);
+				let r = n.column.getIsSorted(), i = n.subHeaders.length === 0 ? q.get(n.column.id) : void 0, a = M && n.subHeaders.length === 0 && n.column.getCanResize();
 				return /* @__PURE__ */ f(u, {
 					as: "th",
 					"data-slot": "cell",
-					colSpan: t.colSpan > 1 ? t.colSpan : void 0,
-					rowSpan: t.rowSpan > 1 ? t.rowSpan : void 0,
+					colSpan: n.colSpan > 1 ? n.colSpan : void 0,
+					rowSpan: n.rowSpan > 1 ? n.rowSpan : void 0,
 					style: h(i),
 					"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
 					className: e([
@@ -216,38 +216,38 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 						i && b,
 						a && We
 					]),
-					children: [t.column.getCanSort() ? /* @__PURE__ */ f("button", {
+					children: [n.column.getCanSort() ? /* @__PURE__ */ f("button", {
 						type: "button",
 						"data-slot": "sort-button",
-						onClick: t.column.getToggleSortingHandler(),
+						onClick: n.column.getToggleSortingHandler(),
 						className: e([Ae]),
-						children: [/* @__PURE__ */ d(B.FlexRender, { header: t }), /* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ d(B.FlexRender, { header: n }), /* @__PURE__ */ d("span", {
 							"data-slot": "icon",
 							"aria-hidden": "true",
 							className: e([je]),
 							children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
 						})]
-					}) : /* @__PURE__ */ d(B.FlexRender, { header: t }), a && /* @__PURE__ */ d("div", {
+					}) : /* @__PURE__ */ d(B.FlexRender, { header: n }), a && /* @__PURE__ */ d("div", {
 						role: "separator",
 						"data-slot": "resize-handle",
 						"aria-orientation": "vertical",
-						"aria-label": `Resize ${m(t.column)}`,
+						"aria-label": `Resize ${m(n.column)}`,
 						tabIndex: 0,
 						onMouseDown: (e) => {
-							e.preventDefault(), t.getResizeHandler()(e);
+							e.preventDefault(), n.getResizeHandler()(e);
 						},
-						onDoubleClick: () => t.column.resetSize(),
+						onDoubleClick: () => n.column.resetSize(),
 						onKeyDown: (e) => {
 							if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 							e.preventDefault();
-							let r = n(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
-							Kt(t, i ? 5 : -5);
+							let r = t(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
+							Kt(n, i ? 5 : -5);
 						},
 						className: e([Ge])
 					})]
-				}, t.id);
+				}, n.id);
 			})]
-		}, t.id))
+		}, n.id))
 	}), Yt = (e) => `${jt}-${e.replace(/\s+/g, "-")}-panel`, X = (t) => /* @__PURE__ */ f(se, { children: [/* @__PURE__ */ f("tr", {
 		"data-slot": "row",
 		onClick: qt ? (e) => qt(t.original, e) : void 0,
@@ -377,7 +377,7 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 			children: null
 		}), H.map((e) => /* @__PURE__ */ d(u, {
 			"data-slot": "cell",
-			children: e.column.getCanFilter() ? /* @__PURE__ */ d(t, {
+			children: e.column.getCanFilter() ? /* @__PURE__ */ d(i, {
 				size: "sm",
 				"aria-label": `Filter ${m(e.column)}`,
 				placeholder: Mt.filterPlaceholder,