haze-ui 1.32.0 → 1.34.0

package/dist/components/Dialog/Dialog.js

@@ -5,74 +5,80 @@ import { whenExitSettles as t } from "../../utils/presence.js";
 import { useFocusScope as n } from "../../utils/focus-scope.js";
 import { useViewTransitionFlip as r } from "../../utils/view-transition.js";
 /* empty css                 */
-import { useCallback as i, useEffect as a, useId as o, useImperativeHandle as s, useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useControl as d } from "react-use-control";
+import { useCallback as i, useEffect as a, useId as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useControl as f } from "react-use-control";
 //#region src/lib/components/Dialog/Dialog.tsx
-var f = "haze-Dialog__overlay", p = "haze-Dialog__titleText";
-function m({ open: m, onClose: h, title: g, viewTransition: _ = !1, classNames: v, className: y, children: b, ref: x }) {
-	let [S, C] = d(m, !1), w = r(_, C), T = c(null);
+var p = "haze-Dialog__overlay", m = "haze-Dialog__titleText";
+function h({ open: h, onClose: g, title: _, viewTransition: v = !1, classNames: y, keepMounted: b = !1, className: x, children: S, ref: C }) {
+	let [w, T] = f(h, !1), [E, D] = l(!w), [O, k] = l(w);
+	w !== O && (k(w), w && D(!1));
+	let A = r(v, T), j = c(null);
 	a(() => {
-		if (!S) return;
+		if (!w) return;
 		let e = document.activeElement;
-		T.current = e instanceof HTMLElement ? e : null;
-	}, [S]);
-	let E = c(null), D = n({
-		enabled: S,
+		j.current = e instanceof HTMLElement ? e : null;
+	}, [w]);
+	let M = c(null), N = n({
+		enabled: w,
 		trapped: !1
-	}), O = `haze-dialog-title-${o()}`;
-	s(x, () => ({
+	}), P = `haze-dialog-title-${o()}`;
+	s(C, () => ({
 		open: () => {
-			w(!0);
+			A(!0);
 		},
 		close: () => {
-			w(!1);
+			A(!1);
 		},
 		focusTrigger: () => {
-			let e = T.current;
+			let e = j.current;
 			e?.isConnected && e.focus();
 		}
-	}), [w]);
-	let k = i((e) => {
-		E.current = e, D(e);
-	}, [D]);
-	return a(() => {
-		let e = E.current;
+	}), [A]);
+	let F = i((e) => {
+		M.current = e, N(e);
+	}, [N]);
+	a(() => {
+		let e = M.current;
 		if (e) {
-			if (S && !e.open) e.showModal();
-			else if (!S && e.open) {
+			if (w && !e.open) e.showModal();
+			else if (!w && e.open) {
 				let n = t(e), r = () => {
-					e.getAttribute("data-state") === "closed" && e.close();
+					e.getAttribute("data-state") === "closed" && (e.close(), D(!0));
 				};
 				n ? n.then(r) : r();
 			}
 		}
-	}, [S]), /* @__PURE__ */ u("dialog", {
-		ref: k,
+	}, [w]);
+	let I = b && E;
+	return /* @__PURE__ */ d("dialog", {
+		ref: F,
 		"data-slot": "content",
-		"data-state": S ? "open" : "closed",
-		"aria-labelledby": g === void 0 ? void 0 : O,
+		"data-state": w ? "open" : "closed",
+		"aria-labelledby": _ === void 0 ? void 0 : P,
+		hidden: I || void 0,
+		inert: I || void 0,
 		onClose: () => {
-			C(!1), h?.();
+			T(!1), g?.();
 		},
 		onCancel: (e) => {
-			e.preventDefault(), w(!1);
+			e.preventDefault(), A(!1);
 		},
 		onClick: (e) => {
-			e.target === E.current && w(!1);
+			e.target === M.current && A(!1);
 		},
 		className: e([
-			f,
-			y,
-			v?.root
+			p,
+			x,
+			y?.root
 		]),
-		children: [g !== void 0 && /* @__PURE__ */ l("h2", {
-			id: O,
+		children: [_ !== void 0 && /* @__PURE__ */ u("h2", {
+			id: P,
 			"data-slot": "title",
-			className: e([p, v?.header]),
-			children: g
-		}), b]
+			className: e([m, y?.header]),
+			children: _
+		}), S]
 	});
 }
 //#endregion
-export { m as default };
+export { h as default };

package/dist/components/DiffViewer/DiffViewer.js

@@ -3,7 +3,7 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                     */
-import { useMemo as n } from "react";
+import { c as n } from "react/compiler-runtime";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/DiffViewer/DiffViewer.tsx
 var a = "haze-DiffViewer__wrapper", o = "haze-DiffViewer__header", s = "haze-DiffViewer__body", c = "haze-DiffViewer__line", l = "haze-DiffViewer__lineNum", u = "haze-DiffViewer__lineContent", d = "haze-DiffViewer__added", f = "haze-DiffViewer__removed", p = "haze-DiffViewer__addedPrefix", m = "haze-DiffViewer__removedPrefix";
@@ -36,58 +36,75 @@ function h(e, t) {
 	}
 	return i;
 }
-function g({ oldValue: c, newValue: g, className: v }) {
-	let y = t("diffViewer"), b = n(() => h(c, g), [c, g]);
-	return /* @__PURE__ */ i("div", {
+function g(c) {
+	let l = n(17), { oldValue: u, newValue: d, className: f } = c, p = t("diffViewer"), m;
+	l[0] !== d || l[1] !== u ? (m = h(u, d), l[0] = d, l[1] = u, l[2] = m) : m = l[2];
+	let g = m, v;
+	l[3] === f ? v = l[4] : (v = [a, f], l[3] = f, l[4] = v);
+	let y;
+	l[5] === Symbol.for("react.memo_cache_sentinel") ? (y = [o], l[5] = y) : y = l[5];
+	let b;
+	l[6] === p.header ? b = l[7] : (b = /* @__PURE__ */ r("div", {
+		"data-slot": "header",
+		className: e(y),
+		children: p.header
+	}), l[6] = p.header, l[7] = b);
+	let x;
+	l[8] === Symbol.for("react.memo_cache_sentinel") ? (x = [s], l[8] = x) : x = l[8];
+	let S;
+	l[9] === g ? S = l[10] : (S = g.map(_), l[9] = g, l[10] = S);
+	let C;
+	l[11] === S ? C = l[12] : (C = /* @__PURE__ */ r("div", {
+		"data-slot": "body",
+		className: e(x),
+		children: S
+	}), l[11] = S, l[12] = C);
+	let w;
+	return l[13] !== v || l[14] !== b || l[15] !== C ? (w = /* @__PURE__ */ i("div", {
 		"data-slot": "diff-viewer",
-		className: e([a, v]),
-		children: [/* @__PURE__ */ r("div", {
-			"data-slot": "header",
-			className: e([o]),
-			children: y.header
-		}), /* @__PURE__ */ r("div", {
-			"data-slot": "body",
-			className: e([s]),
-			children: b.map((t, n) => /* @__PURE__ */ i("div", {
-				"data-slot": "line",
-				className: e([
-					_,
-					t.type === "added" && d,
-					t.type === "removed" && f
-				]),
+		className: e(v),
+		children: [b, C]
+	}), l[13] = v, l[14] = b, l[15] = C, l[16] = w) : w = l[16], w;
+}
+function _(t, n) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "line",
+		className: e([
+			v,
+			t.type === "added" && d,
+			t.type === "removed" && f
+		]),
+		children: [
+			/* @__PURE__ */ r("span", {
+				"data-slot": "gutter",
+				className: e([l]),
+				children: t.oldLine ?? ""
+			}),
+			/* @__PURE__ */ r("span", {
+				"data-slot": "gutter",
+				className: e([l]),
+				children: t.newLine ?? ""
+			}),
+			/* @__PURE__ */ i("span", {
+				"data-slot": "content",
+				className: e([u]),
 				children: [
-					/* @__PURE__ */ r("span", {
-						"data-slot": "gutter",
-						className: e([l]),
-						children: t.oldLine ?? ""
+					t.type === "added" && /* @__PURE__ */ r("span", {
+						"data-slot": "sign",
+						className: e([p]),
+						children: "+ "
 					}),
-					/* @__PURE__ */ r("span", {
-						"data-slot": "gutter",
-						className: e([l]),
-						children: t.newLine ?? ""
+					t.type === "removed" && /* @__PURE__ */ r("span", {
+						"data-slot": "sign",
+						className: e([m]),
+						children: "- "
 					}),
-					/* @__PURE__ */ i("span", {
-						"data-slot": "content",
-						className: e([u]),
-						children: [
-							t.type === "added" && /* @__PURE__ */ r("span", {
-								"data-slot": "sign",
-								className: e([p]),
-								children: "+ "
-							}),
-							t.type === "removed" && /* @__PURE__ */ r("span", {
-								"data-slot": "sign",
-								className: e([m]),
-								children: "- "
-							}),
-							t.content
-						]
-					})
+					t.content
 				]
-			}, n))
-		})]
-	});
+			})
+		]
+	}, n);
 }
-var _ = c;
+var v = c;
 //#endregion
 export { g as default };

package/dist/components/Disclosure/Disclosure.js

@@ -2,29 +2,38 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
-import { useEffect as t, useRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useControl as a } from "react-use-control";
+import { c as t } from "react/compiler-runtime";
+import { useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/Disclosure/Disclosure.tsx
-var o = "haze-Disclosure__details", s = "haze-Disclosure__summaryStyle", c = "haze-Disclosure__content";
-function l({ open: l, summary: u, className: d, children: f }) {
-	let [p] = a(l, !1), m = n(null);
-	return t(() => {
-		m.current && (m.current.open = p);
-	}, [p]), /* @__PURE__ */ i("details", {
-		ref: m,
+var s = "haze-Disclosure__details", c = "haze-Disclosure__summaryStyle", l = "haze-Disclosure__content";
+function u(u) {
+	let d = t(13), { open: f, summary: p, className: m, children: h } = u, [g] = o(f, !1), _ = r(null), v, y;
+	d[0] === g ? (v = d[1], y = d[2]) : (v = () => {
+		_.current && (_.current.open = g);
+	}, y = [g], d[0] = g, d[1] = v, d[2] = y), n(v, y);
+	let b;
+	d[3] === m ? b = d[4] : (b = [s, m], d[3] = m, d[4] = b);
+	let x;
+	d[5] === p ? x = d[6] : (x = /* @__PURE__ */ i("summary", {
+		"data-slot": "trigger",
+		className: c,
+		children: p
+	}), d[5] = p, d[6] = x);
+	let S;
+	d[7] === h ? S = d[8] : (S = /* @__PURE__ */ i("div", {
+		"data-slot": "content",
+		className: l,
+		children: h
+	}), d[7] = h, d[8] = S);
+	let C;
+	return d[9] !== b || d[10] !== x || d[11] !== S ? (C = /* @__PURE__ */ a("details", {
+		ref: _,
 		"data-slot": "disclosure",
-		className: e([o, d]),
-		children: [/* @__PURE__ */ r("summary", {
-			"data-slot": "trigger",
-			className: s,
-			children: u
-		}), /* @__PURE__ */ r("div", {
-			"data-slot": "content",
-			className: c,
-			children: f
-		})]
-	});
+		className: e(b),
+		children: [x, S]
+	}), d[9] = b, d[10] = x, d[11] = S, d[12] = C) : C = d[12], C;
 }
 //#endregion
-export { l as default };
+export { u as default };

package/dist/components/Drawer/Drawer.js

@@ -6,77 +6,88 @@ import { whenExitSettles as n } from "../../utils/presence.js";
 import { useFocusScope as r } from "../../utils/focus-scope.js";
 import { useViewTransitionFlip as i } from "../../utils/view-transition.js";
 /* empty css                 */
-import { useCallback as a, useEffect as o, useImperativeHandle as s, useRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import { useControl as u } from "react-use-control";
+import { useCallback as a, useEffect as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useControl as d } from "react-use-control";
 //#region src/lib/components/Drawer/Drawer.tsx
-var d = "haze-Drawer__overlay", f = {
+var f = "haze-Drawer__overlay", p = {
 	left: "haze-Drawer__left",
 	right: "haze-Drawer__right",
 	top: "haze-Drawer__top",
 	bottom: "haze-Drawer__bottom"
+}, m = {
+	sm: "haze-Drawer__sm",
+	md: "haze-Drawer__md",
+	lg: "haze-Drawer__lg"
 };
-function p({ open: p, placement: m = "right", onClose: h, viewTransition: g = !1, className: _, classNames: v, children: y, ref: b }) {
-	let [x, S] = u(p, !1), C = t("Drawer"), w = C.classNames ? {
-		...C.classNames,
-		...v
-	} : v, T = i(g, S), E = c(null);
+function h({ open: h, placement: g = "right", size: _, onClose: v, viewTransition: y = !1, keepMounted: b = !1, className: x, classNames: S, children: C, ref: w }) {
+	let [T, E] = d(h, !1), [D, O] = l(!T), [k, A] = l(T);
+	T !== k && (A(T), T && O(!1));
+	let j = t("Drawer"), M = j.classNames ? {
+		...j.classNames,
+		...S
+	} : S, N = i(y, E), P = c(null);
 	o(() => {
-		if (!x) return;
+		if (!T) return;
 		let e = document.activeElement;
-		E.current = e instanceof HTMLElement ? e : null;
-	}, [x]);
-	let D = c(null), O = r({
-		enabled: x,
+		P.current = e instanceof HTMLElement ? e : null;
+	}, [T]);
+	let F = c(null), I = r({
+		enabled: T,
 		trapped: !1
 	});
-	s(b, () => ({
+	s(w, () => ({
 		open: () => {
-			T(!0);
+			N(!0);
 		},
 		close: () => {
-			T(!1);
+			N(!1);
 		},
 		focusTrigger: () => {
-			let e = E.current;
+			let e = P.current;
 			e?.isConnected && e.focus();
 		}
-	}), [T]);
-	let k = a((e) => {
-		D.current = e, O(e);
-	}, [O]);
-	return o(() => {
-		let e = D.current;
+	}), [N]);
+	let L = a((e) => {
+		F.current = e, I(e);
+	}, [I]);
+	o(() => {
+		let e = F.current;
 		if (e) {
-			if (x && !e.open) e.showModal();
-			else if (!x && e.open) {
+			if (T && !e.open) e.showModal();
+			else if (!T && e.open) {
 				let t = n(e), r = () => {
-					e.getAttribute("data-state") === "closed" && e.close();
+					e.getAttribute("data-state") === "closed" && (e.close(), O(!0));
 				};
 				t ? t.then(r) : r();
 			}
 		}
-	}, [x]), /* @__PURE__ */ l("dialog", {
-		ref: k,
+	}, [T]);
+	let R = b && D;
+	return /* @__PURE__ */ u("dialog", {
+		ref: L,
 		"data-slot": "content",
-		"data-state": x ? "open" : "closed",
+		"data-state": T ? "open" : "closed",
+		hidden: R || void 0,
+		inert: R || void 0,
 		onClose: () => {
-			S(!1), h?.();
+			E(!1), v?.();
 		},
 		onCancel: (e) => {
-			e.preventDefault(), T(!1);
+			e.preventDefault(), N(!1);
 		},
 		onClick: (e) => {
-			e.target === D.current && T(!1);
+			e.target === F.current && N(!1);
 		},
 		className: e([
-			d,
-			f[m],
-			_,
-			w?.content
+			f,
+			p[g],
+			_ !== void 0 && m[_],
+			x,
+			M?.content
 		]),
-		children: y
+		children: C
 	});
 }
 //#endregion
-export { p as default };
+export { h as default };

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -3,8 +3,8 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useFloating as t } from "../../utils/floating.js";
 import { renderMenuDataItems as n } from "../../utils/menuItems.js";
-import r from "./DropdownMenuCheckboxItem.js";
-import { DropdownMenuProvider as i } from "./DropdownMenuContext.js";
+import { DropdownMenuProvider as r } from "./DropdownMenuContext.js";
+import i from "./DropdownMenuCheckboxItem.js";
 import a from "./DropdownMenuContent.js";
 import o from "./DropdownMenuGroup.js";
 import s from "./DropdownMenuItem.js";
@@ -16,13 +16,14 @@ import f from "./DropdownMenuSubContent.js";
 import p from "./DropdownMenuSubTrigger.js";
 import m from "./DropdownMenuTrigger.js";
 /* empty css                       */
-import { useCallback as h, useId as g, useImperativeHandle as _, useMemo as v, useRef as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useControl as C } from "react-use-control";
+import { c as h } from "react/compiler-runtime";
+import { useId as g, useImperativeHandle as _, useRef as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useControl as S } from "react-use-control";
 //#region src/lib/components/DropdownMenu/DropdownMenu.tsx
-var w = "haze-DropdownMenu__wrapper", T = {
+var C = "haze-DropdownMenu__wrapper", w = {
 	Item: s,
-	CheckboxItem: r,
+	CheckboxItem: i,
 	RadioGroup: c,
 	RadioItem: l,
 	Group: o,
@@ -31,50 +32,65 @@ var w = "haze-DropdownMenu__wrapper", T = {
 	SubTrigger: p,
 	SubContent: f
 };
-function E({ open: r, onOpenChange: o, collisionPadding: s, items: c, children: l, className: u, ref: d }) {
-	let [f, p] = C(r, !1), E = y(null), D = y(null), O = g(), k = y(null), A = h((e) => {
-		let t = typeof e == "function" ? e(f) : e;
-		p(t), o?.(t);
-	}, [
-		f,
-		p,
-		o
-	]);
-	_(d, () => ({
+function T(i) {
+	let o = h(31), { open: s, onOpenChange: c, collisionPadding: l, items: u, classNames: d, children: f, className: p, ref: T } = i, [E, D] = S(s, !1), O = v(null), k = v(null), A = g(), j = v(null), M;
+	o[0] !== c || o[1] !== E || o[2] !== D ? (M = (e) => {
+		let t = typeof e == "function" ? e(E) : e;
+		D(t), c?.(t);
+	}, o[0] = c, o[1] = E, o[2] = D, o[3] = M) : M = o[3];
+	let N = M, P, F;
+	o[4] === N ? (P = o[5], F = o[6]) : (P = () => ({
 		open: () => {
-			A(!0);
+			N(!0);
 		},
 		close: () => {
-			A(!1);
+			N(!1);
 		},
 		focusTrigger: () => {
-			E.current?.focus();
+			O.current?.focus();
 		}
-	}), [A]);
-	let j = v(() => s === void 0 ? void 0 : { collisionPadding: s }, [s]), M = t({
-		open: f,
-		setOpen: A,
-		triggerRef: E,
-		panelRef: D,
+	}), F = [N], o[4] = N, o[5] = P, o[6] = F), _(T, P, F);
+	let I;
+	o[7] === l ? I = o[8] : (I = l === void 0 ? void 0 : { collisionPadding: l }, o[7] = l, o[8] = I);
+	let L = I, R;
+	o[9] !== L || o[10] !== N || o[11] !== E ? (R = {
+		open: E,
+		setOpen: N,
+		triggerRef: O,
+		panelRef: k,
 		animated: !0,
-		collision: j
-	});
-	return /* @__PURE__ */ x(i, {
-		value: {
-			open: f,
-			setOpen: A,
-			triggerRef: E,
-			contentRef: D,
-			contentId: O,
-			focusRequestRef: k,
-			floating: M
-		},
-		children: x("div", {
-			"data-slot": "dropdown-menu",
-			className: e([w, u]),
-			children: c === void 0 ? l : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(m, { children: "⋯" }), /* @__PURE__ */ x(a, { children: n(c, T) })] })
-		})
-	});
+		collision: L
+	}, o[9] = L, o[10] = N, o[11] = E, o[12] = R) : R = o[12];
+	let z = t(R), B;
+	o[13] !== d || o[14] !== A || o[15] !== z || o[16] !== N || o[17] !== E ? (B = {
+		open: E,
+		setOpen: N,
+		triggerRef: O,
+		contentRef: k,
+		contentId: A,
+		focusRequestRef: j,
+		floating: z,
+		classNames: d
+	}, o[13] = d, o[14] = A, o[15] = z, o[16] = N, o[17] = E, o[18] = B) : B = o[18];
+	let V = d?.root, H;
+	o[19] !== p || o[20] !== V ? (H = [
+		C,
+		V,
+		p
+	], o[19] = p, o[20] = V, o[21] = H) : H = o[21];
+	let U;
+	o[22] !== f || o[23] !== u ? (U = u === void 0 ? f : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { children: "⋯" }), /* @__PURE__ */ b(a, { children: n(u, w) })] }), o[22] = f, o[23] = u, o[24] = U) : U = o[24];
+	let W;
+	o[25] !== H || o[26] !== U ? (W = /* @__PURE__ */ b("div", {
+		"data-slot": "dropdown-menu",
+		className: e(H),
+		children: U
+	}), o[25] = H, o[26] = U, o[27] = W) : W = o[27];
+	let G;
+	return o[28] !== W || o[29] !== B ? (G = /* @__PURE__ */ b(r, {
+		value: B,
+		children: W
+	}), o[28] = W, o[29] = B, o[30] = G) : G = o[30], G;
 }
 //#endregion
-export { E as default };
+export { T as default };