haze-ui 1.33.0 → 1.34.0

package/dist/utils/native-form.js

@@ -0,0 +1,42 @@
+
+"use client";
+import { classnames as e } from "./classnames.js";
+/* empty css                      */
+import { c as t } from "react/compiler-runtime";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/lib/utils/native-form.tsx
+var i = "haze-native-form__hiddenField";
+function a(n) {
+	let a = t(5), { name: o, type: s, value: c, checked: l } = n;
+	if (!o) return null;
+	let u;
+	return a[0] !== l || a[1] !== o || a[2] !== s || a[3] !== c ? (u = /* @__PURE__ */ r("input", {
+		type: s,
+		name: o,
+		value: c,
+		checked: l,
+		readOnly: !0,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		"data-slot": "native-input",
+		className: e(i)
+	}), a[0] = l, a[1] = o, a[2] = s, a[3] = c, a[4] = u) : u = a[4], u;
+}
+function o(e) {
+	let i = t(7), { name: a, values: o } = e;
+	if (!a) return null;
+	let s;
+	if (i[0] !== a || i[1] !== o) {
+		let e;
+		i[3] === a ? e = i[4] : (e = (e, t) => /* @__PURE__ */ r("input", {
+			type: "hidden",
+			name: a,
+			value: String(e),
+			"data-slot": "native-input"
+		}, `${t}:${String(e)}`), i[3] = a, i[4] = e), s = o.map(e), i[0] = a, i[1] = o, i[2] = s;
+	} else s = i[2];
+	let c;
+	return i[5] === s ? c = i[6] : (c = /* @__PURE__ */ r(n, { children: s }), i[5] = s, i[6] = c), c;
+}
+//#endregion
+export { a as NativeBooleanField, o as NativeHiddenFields };

package/dist/utils/presence.js

@@ -46,26 +46,30 @@ function c(e) {
 	let n = s(e);
 	return i.set(e, n), n.then(() => i.delete(e)), n;
 }
-function l({ present: i, children: a, onExited: o }) {
-	let [s, l] = r(i), [u, d] = r(() => i ? "open" : "closed"), [f, p] = r(i), m = n(null);
-	if (i !== f && (p(i), i ? (l(!0), d("open")) : d("closed")), t(() => {
-		if (!s || u !== "closed") return;
-		let e = !0, t = m.current, n = t ? c(t) : null, r = () => {
-			e && (e = !1, l(!1), o?.());
+function l({ present: i, children: a, onExited: o, keepMounted: s = !1 }) {
+	let [l, u] = r(i || s), [d, f] = r(() => i ? "open" : "closed"), [p, m] = r(() => s && !i), [h, g] = r(i), [_, v] = r(s), y = n(null);
+	if (i !== h && (g(i), i ? (u(!0), f("open"), m(!1)) : f("closed")), s !== _ && (v(s), s ? u(!0) : !i && p && (m(!1), u(!1))), t(() => {
+		if (!l || d !== "closed" || p) return;
+		let e = !0, t = y.current, n = t ? c(t) : null, r = () => {
+			e && (e = !1, s ? m(!0) : u(!1), o?.());
 		};
 		return n ? n.then(r) : r(), () => {
 			e = !1;
 		};
 	}, [
+		l,
+		d,
+		p,
 		s,
-		u,
 		o
-	]), !s) return null;
-	let h = a, g = h.props.ref;
-	return e(h, {
-		...h.props["data-state"] === void 0 ? { "data-state": u } : {},
+	]), !l) return null;
+	let b = a, x = b.props.ref;
+	return e(b, {
+		...b.props["data-state"] === void 0 ? { "data-state": d } : {},
+		...p && b.props.hidden === void 0 ? { hidden: !0 } : {},
+		...p && b.props.inert === void 0 ? { inert: !0 } : {},
 		ref: (e) => {
-			m.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+			y.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
 		}
 	});
 }

package/dist/utils/sortable-shared.js

@@ -1,16 +1,20 @@
 "use client";
-import { sortableKeyboardCoordinates as e } from "@dnd-kit/sortable";
-import { KeyboardSensor as t, PointerSensor as n, useSensor as r, useSensors as i } from "@dnd-kit/core";
-import { CSS as a } from "@dnd-kit/utilities";
+import { c as e } from "react/compiler-runtime";
+import { horizontalListSortingStrategy as t, sortableKeyboardCoordinates as n } from "@dnd-kit/sortable";
+import { KeyboardSensor as r, PointerSensor as i, useSensor as a, useSensors as o } from "@dnd-kit/core";
+import { CSS as s } from "@dnd-kit/utilities";
 //#region src/lib/utils/sortable-shared.ts
-function o() {
-	return i(r(n, { activationConstraint: { distance: 8 } }), r(t, { coordinateGetter: e }));
+function c() {
+	let t = e(2), s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { activationConstraint: { distance: 8 } }, t[0] = s) : s = t[0];
+	let c;
+	return t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = { coordinateGetter: n }, t[1] = c) : c = t[1], o(a(i, s), a(r, c));
 }
-function s(e, t) {
+function l(e, t) {
 	return {
-		transform: a.Translate.toString(e),
+		transform: s.Translate.toString(e),
 		transition: t ?? void 0
 	};
 }
 //#endregion
-export { s as sortableItemStyle, o as useSortableSensors };
+export { t as horizontalListSortingStrategy, l as sortableItemStyle, c as useSortableSensors };

package/dist/utils/sortable.js

@@ -4,46 +4,62 @@ import { classnames as e } from "./classnames.js";
 import { SortableHandleContext as t } from "./sortable-handle.js";
 import { sortableItemStyle as n, useSortableSensors as r } from "./sortable-shared.js";
 /* empty css                   */
-import { jsx as i } from "react/jsx-runtime";
-import { SortableContext as a, useSortable as o } from "@dnd-kit/sortable";
-import { DndContext as s, closestCenter as c } from "@dnd-kit/core";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
+import { SortableContext as o, useSortable as s } from "@dnd-kit/sortable";
+import { DndContext as c, closestCenter as l } from "@dnd-kit/core";
 //#region src/lib/utils/sortable.tsx
-function l({ ids: e, strategy: t, onMove: n, onDragStart: o, onDragEnd: l, children: u }) {
-	let d = r();
-	return /* @__PURE__ */ i(s, {
-		sensors: d,
-		collisionDetection: c,
-		onDragStart: o,
-		onDragEnd: ({ active: t, over: r }) => {
-			l?.(), r && t.id !== r.id && n(e.indexOf(t.id), e.indexOf(r.id));
-		},
-		children: i(a, {
-			items: e,
-			strategy: t,
-			children: u
-		})
-	});
+function u(e) {
+	let t = i(13), { ids: n, strategy: s, onMove: u, onDragStart: d, onDragEnd: f, children: p } = e, m = r(), h;
+	t[0] !== n || t[1] !== f || t[2] !== u ? (h = (e) => {
+		let { active: t, over: r } = e;
+		f?.(), r && t.id !== r.id && u(n.indexOf(t.id), n.indexOf(r.id));
+	}, t[0] = n, t[1] = f, t[2] = u, t[3] = h) : h = t[3];
+	let g = h, _;
+	t[4] !== p || t[5] !== n || t[6] !== s ? (_ = /* @__PURE__ */ a(o, {
+		items: n,
+		strategy: s,
+		children: p
+	}), t[4] = p, t[5] = n, t[6] = s, t[7] = _) : _ = t[7];
+	let v;
+	return t[8] !== g || t[9] !== d || t[10] !== m || t[11] !== _ ? (v = /* @__PURE__ */ a(c, {
+		sensors: m,
+		collisionDetection: l,
+		onDragStart: d,
+		onDragEnd: g,
+		children: _
+	}), t[8] = g, t[9] = d, t[10] = m, t[11] = _, t[12] = v) : v = t[12], v;
 }
-var u = "haze-sortable__sortableNode", d = "haze-sortable__sortableNodeDragging";
-function f({ id: r, className: a, children: s }) {
-	let { attributes: c, listeners: l, setNodeRef: f, transform: p, transition: m, isDragging: h } = o({ id: r });
-	return /* @__PURE__ */ i(t.Provider, {
-		value: {
-			attributes: c,
-			listeners: l
-		},
-		children: i("span", {
-			ref: f,
-			"data-slot": "sortable-item",
-			style: n(p, m),
-			className: e([
-				u,
-				h && d,
-				a
-			]),
-			children: s
-		})
-	});
+var d = "haze-sortable__sortableNode", f = "haze-sortable__sortableNodeDragging";
+function p(r) {
+	let o = i(19), { id: c, className: l, children: u } = r, p;
+	o[0] === c ? p = o[1] : (p = { id: c }, o[0] = c, o[1] = p);
+	let { attributes: m, listeners: h, setNodeRef: g, transform: _, transition: v, isDragging: y } = s(p), b;
+	o[2] !== m || o[3] !== h ? (b = {
+		attributes: m,
+		listeners: h
+	}, o[2] = m, o[3] = h, o[4] = b) : b = o[4];
+	let x;
+	o[5] !== _ || o[6] !== v ? (x = n(_, v), o[5] = _, o[6] = v, o[7] = x) : x = o[7];
+	let S = y && f, C;
+	o[8] !== l || o[9] !== S ? (C = [
+		d,
+		S,
+		l
+	], o[8] = l, o[9] = S, o[10] = C) : C = o[10];
+	let w;
+	o[11] !== u || o[12] !== g || o[13] !== x || o[14] !== C ? (w = /* @__PURE__ */ a("span", {
+		ref: g,
+		"data-slot": "sortable-item",
+		style: x,
+		className: e(C),
+		children: u
+	}), o[11] = u, o[12] = g, o[13] = x, o[14] = C, o[15] = w) : w = o[15];
+	let T;
+	return o[16] !== b || o[17] !== w ? (T = /* @__PURE__ */ a(t.Provider, {
+		value: b,
+		children: w
+	}), o[16] = b, o[17] = w, o[18] = T) : T = o[18], T;
 }
 //#endregion
-export { f as SortableItem, l as SortableRegion };
+export { p as SortableItem, u as SortableRegion };

package/dist/utils/submenu.js

@@ -2,101 +2,113 @@
 import { getDirection as e } from "./direction.js";
 import { useFloating as t } from "./floating.js";
 import { getEnabledMenuItems as n, useMenuKeyboard as r, useRovingTabindex as i } from "./menuKeyboard.js";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useRef as u } from "react";
+import { c as a } from "react/compiler-runtime";
+import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u } from "react";
 import { useControl as d } from "react-use-control";
 //#region src/lib/utils/submenu.ts
 var f = 120, p = 160;
-function m({ open: a, onOpenChange: s }) {
-	let [f, p] = d(a, !1), m = u(null), h = u(null), g = l(), _ = u(!1), v = u(0), y = u(0), b = o((e) => {
-		let t = typeof e == "function" ? e(f) : e;
-		p(t), s?.(t);
-	}, [
-		f,
-		p,
-		s
-	]), x = t({
-		open: f,
-		setOpen: b,
-		triggerRef: m,
-		panelRef: h,
+function m(o) {
+	let s = a(43), { open: f, onOpenChange: p } = o, [m, h] = d(f, !1), g = u(null), _ = u(null), v = l(), y = u(!1), b = u(0), x = u(0), S;
+	s[0] !== p || s[1] !== m || s[2] !== h ? (S = (e) => {
+		let t = typeof e == "function" ? e(m) : e;
+		h(t), p?.(t);
+	}, s[0] = p, s[1] = m, s[2] = h, s[3] = S) : S = s[3];
+	let C = S, w;
+	s[4] !== m || s[5] !== C ? (w = {
+		open: m,
+		setOpen: C,
+		triggerRef: g,
+		panelRef: _,
 		animated: !0
-	}), S = o(() => {
-		window.clearTimeout(y.current);
-	}, []), C = o(() => {
-		window.clearTimeout(y.current), y.current = window.setTimeout(() => {
-			b(!1);
+	}, s[4] = m, s[5] = C, s[6] = w) : w = s[6];
+	let T = t(w), E;
+	s[7] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+		window.clearTimeout(x.current);
+	}, s[7] = E) : E = s[7];
+	let D = E, O;
+	s[8] === C ? O = s[9] : (O = () => {
+		window.clearTimeout(x.current), x.current = window.setTimeout(() => {
+			C(!1);
 		}, 160);
-	}, [b]), w = o(() => {
-		m.current?.disabled || (S(), !f && (window.clearTimeout(v.current), v.current = window.setTimeout(() => {
-			b(!0);
+	}, s[8] = C, s[9] = O);
+	let k = O, A;
+	s[10] !== m || s[11] !== C ? (A = () => {
+		g.current?.disabled || (D(), !m && (window.clearTimeout(b.current), b.current = window.setTimeout(() => {
+			C(!0);
 		}, 120)));
-	}, [
-		f,
-		b,
-		S
-	]);
-	c(() => {
-		let e = (e) => e instanceof Node && !!(m.current?.contains(e) || h.current?.contains(e)), t = (t) => {
+	}, s[10] = m, s[11] = C, s[12] = A) : A = s[12];
+	let j = A, M, N;
+	s[13] !== k || s[14] !== m ? (M = () => {
+		let e = (e) => e instanceof Node && !!(g.current?.contains(e) || _.current?.contains(e)), t = (t) => {
 			if (e(t.target)) {
-				f && S();
+				m && D();
 				return;
 			}
-			window.clearTimeout(v.current), f && C();
+			window.clearTimeout(b.current), m && k();
 		};
 		return document.addEventListener("pointerover", t), () => {
-			document.removeEventListener("pointerover", t), f && S();
+			document.removeEventListener("pointerover", t), m && D();
 		};
-	}, [
-		f,
-		S,
-		C
-	]), c(() => () => {
-		window.clearTimeout(v.current), window.clearTimeout(y.current);
-	}, []);
-	let T = o(() => {
-		n(h.current)[0]?.focus();
-	}, []);
-	c(() => {
-		f && x.shown && _.current && (_.current = !1, T());
-	}, [
-		f,
-		x.shown,
-		T
-	]);
-	let E = o(() => {
-		let e = h.current?.contains(document.activeElement) ?? !1;
-		b(!1), e && m.current?.focus();
-	}, [b]), D = o((t) => {
-		if (m.current?.disabled) return;
-		let n = e(m.current), r = n === "rtl" ? "ArrowLeft" : "ArrowRight", i = n === "rtl" ? "ArrowRight" : "ArrowLeft";
-		t.key === r ? (t.preventDefault(), t.stopPropagation(), f ? T() : (_.current = !0, b(!0))) : f && (t.key === i || t.key === "Escape") && (t.preventDefault(), t.stopPropagation(), E());
-	}, [
-		f,
-		b,
-		T,
-		E
-	]), O = r({
-		menuRef: h,
-		onClose: E,
-		onCloseToStart: E
-	}), k = o((e) => {
-		O(e), e.key !== "Tab" && e.stopPropagation();
-	}, [O]);
-	return i({
-		menuRef: h,
-		active: f
-	}), {
-		open: f,
-		triggerRef: m,
-		contentRef: h,
-		contentId: g,
-		floating: x,
-		onTriggerPointerEnter: w,
-		handleTriggerKeyDown: D,
-		contentKeyDown: k
-	};
+	}, N = [
+		m,
+		D,
+		k
+	], s[13] = k, s[14] = m, s[15] = M, s[16] = N) : (M = s[15], N = s[16]), c(M, N);
+	let P, F;
+	s[17] === Symbol.for("react.memo_cache_sentinel") ? (P = () => () => {
+		window.clearTimeout(b.current), window.clearTimeout(x.current);
+	}, F = [], s[17] = P, s[18] = F) : (P = s[17], F = s[18]), c(P, F);
+	let I;
+	s[19] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		n(_.current)[0]?.focus();
+	}, s[19] = I) : I = s[19];
+	let L = I, R, z;
+	s[20] !== T.shown || s[21] !== m ? (R = () => {
+		m && T.shown && y.current && (y.current = !1, L());
+	}, z = [
+		m,
+		T.shown,
+		L
+	], s[20] = T.shown, s[21] = m, s[22] = R, s[23] = z) : (R = s[22], z = s[23]), c(R, z);
+	let B;
+	s[24] === C ? B = s[25] : (B = () => {
+		let e = _.current?.contains(document.activeElement) ?? !1;
+		C(!1), e && g.current?.focus();
+	}, s[24] = C, s[25] = B);
+	let V = B, H;
+	s[26] !== V || s[27] !== m || s[28] !== C ? (H = (t) => {
+		if (g.current?.disabled) return;
+		let n = e(g.current), r = n === "rtl" ? "ArrowLeft" : "ArrowRight", i = n === "rtl" ? "ArrowRight" : "ArrowLeft";
+		t.key === r ? (t.preventDefault(), t.stopPropagation(), m ? L() : (y.current = !0, C(!0))) : m && (t.key === i || t.key === "Escape") && (t.preventDefault(), t.stopPropagation(), V());
+	}, s[26] = V, s[27] = m, s[28] = C, s[29] = H) : H = s[29];
+	let U = H, W;
+	s[30] === V ? W = s[31] : (W = {
+		menuRef: _,
+		onClose: V,
+		onCloseToStart: V
+	}, s[30] = V, s[31] = W);
+	let G = r(W), K;
+	s[32] === G ? K = s[33] : (K = (e) => {
+		G(e), e.key !== "Tab" && e.stopPropagation();
+	}, s[32] = G, s[33] = K);
+	let q = K, J;
+	s[34] === m ? J = s[35] : (J = {
+		menuRef: _,
+		active: m
+	}, s[34] = m, s[35] = J), i(J);
+	let Y;
+	return s[36] !== v || s[37] !== q || s[38] !== T || s[39] !== U || s[40] !== j || s[41] !== m ? (Y = {
+		open: m,
+		triggerRef: g,
+		contentRef: _,
+		contentId: v,
+		floating: T,
+		onTriggerPointerEnter: j,
+		handleTriggerKeyDown: U,
+		contentKeyDown: q
+	}, s[36] = v, s[37] = q, s[38] = T, s[39] = U, s[40] = j, s[41] = m, s[42] = Y) : Y = s[42], Y;
 }
-var h = a(void 0), g = h.Provider;
+var h = o(void 0), g = h.Provider;
 function _() {
 	let e = s(h);
 	if (!e) throw Error("Submenu components must be used within <MenuSub> or <DropdownMenuSub>");

package/dist/utils/view-transition.js

@@ -1,26 +1,24 @@
 "use client";
 import { usePrefersReducedMotion as e } from "../hooks/usePrefersReducedMotion.js";
-import { useCallback as t } from "react";
+import { c as t } from "react/compiler-runtime";
 import { flushSync as n } from "react-dom";
 //#region src/lib/utils/view-transition.ts
-function r(r, i) {
-	let a = e();
-	return t((e) => {
-		if (!r || a || typeof document.startViewTransition != "function") {
-			i(e);
+function r(r, o) {
+	let s = t(4), c = e(), l;
+	return s[0] !== r || s[1] !== c || s[2] !== o ? (l = (e) => {
+		if (!r || c || typeof document.startViewTransition != "function") {
+			o(e);
 			return;
 		}
 		let t = document.startViewTransition(() => {
 			n(() => {
-				i(e);
+				o(e);
 			});
 		});
-		t.ready.catch(() => void 0), t.finished.catch(() => void 0);
-	}, [
-		r,
-		a,
-		i
-	]);
+		t.ready.catch(a), t.finished.catch(i);
+	}, s[0] = r, s[1] = c, s[2] = o, s[3] = l) : l = s[3], l;
 }
+function i() {}
+function a() {}
 //#endregion
 export { r as useViewTransitionFlip };

package/dist/utils/viewport.js

@@ -1,20 +1,21 @@
 "use client";
-import { useEffect as e, useState as t } from "react";
+import { c as e } from "react/compiler-runtime";
+import { useEffect as t, useState as n } from "react";
 //#region src/lib/utils/viewport.ts
-function n(n = !0) {
-	let [r, i] = t(0);
-	return e(() => {
-		if (!n) return;
+function r(r) {
+	let i = e(3), a = r === void 0 || r, [o, s] = n(0), c, l;
+	return i[0] === a ? (c = i[1], l = i[2]) : (c = () => {
+		if (!a) return;
 		let e = window.visualViewport;
 		if (!e) return;
 		let t = () => {
 			let t = Math.max(0, Math.round(window.innerHeight - e.height - e.offsetTop));
-			i((e) => e === t ? e : t);
+			s((e) => e === t ? e : t);
 		};
 		return t(), e.addEventListener("resize", t, { passive: !0 }), e.addEventListener("scroll", t, { passive: !0 }), () => {
 			e.removeEventListener("resize", t), e.removeEventListener("scroll", t);
 		};
-	}, [n]), r;
+	}, l = [a], i[0] = a, i[1] = c, i[2] = l), t(c, l), o;
 }
 //#endregion
-export { n as useVisualViewportInset };
+export { r as useVisualViewportInset };