@rinzai/zen 0.10.3 → 0.13.0

package/dist/menu/index.js

@@ -1,216 +1,459 @@
 "use client";
-import { cx as e } from "../utils/cx.js";
-import { useTypeahead as t } from "../utils/typeahead.js";
-import { useGraphicsMode as n } from "../utils/graphics.js";
-import { Slot as r } from "../utils/slot.js";
-import { anchorFor as i, anchoredStyle as a, useAnchoredPopup as o } from "../utils/useAnchoredPopup.js";
-import { createContext as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
-import { createPortal as m } from "react-dom";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import e from "../icons/micro/check.js";
+import t from "../icons/micro/chevron-right.js";
+import { cx as n } from "../utils/cx.js";
+import { readingKey as r } from "../utils/direction.js";
+import { useTypeahead as i } from "../utils/typeahead.js";
+import { useGraphicsMode as a } from "../utils/graphics.js";
+import { useMergedRefs as o } from "../utils/refs.js";
+import { moveFocus as s, rovingItems as c, useRovingTabIndex as l } from "../utils/roving.js";
+import { Slot as u } from "../utils/slot.js";
+import { useControllable as d } from "../utils/useControllable.js";
+import { anchorFor as f, anchoredStyle as p, useAnchoredPopup as m } from "../utils/useAnchoredPopup.js";
+import { createContext as h, useContext as g, useEffect as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { createPortal as T } from "react-dom";
 //#region packages/menu/index.tsx
-var v = typeof window > "u" ? l : d, y = s(() => {}), b = s(null);
-function x(e) {
-	let t = c(b);
+var E = typeof window > "u" ? _ : y, D = h(null), O = "[data-zen-menubar-trigger]", k = h(() => {}), A = h(null);
+function j(e) {
+	let t = g(A);
 	if (!t) throw Error(`<${e}> must be inside <Menu>`);
 	return t;
 }
-function S({ onOpenChange: e, children: t }) {
-	n();
-	let r = u(), [i, a] = p(null), s = f(null), c = f(!1), l = o({ onOpenChange: (t) => {
-		if (c.current = t, t ? l.popupRef.current?.focus() : d(), !t && s.current) {
+function M({ onOpenChange: e, children: t }) {
+	a();
+	let n = v(), [r, i] = x(null), o = b(null), s = b(!1), c = b(null), l = m({ onOpenChange: (t) => {
+		s.current = t;
+		let n = l.popupRef.current, r = n ? R(n) : [], i = c.current;
+		if (c.current = null, t ? (i ? r[i === "first" ? 0 : r.length - 1] : n)?.focus() : u(), !t && o.current) {
 			let e = document.activeElement;
-			(!e || e === document.body || l.popupRef.current?.contains(e)) && s.current.focus(), s.current = null;
+			(!e || e === document.body || l.popupRef.current?.contains(e)) && o.current.focus(), o.current = null;
 		}
 		e?.(t);
-	} }), d = () => {
+	} }), u = () => {
 		let e = l.popupRef.current?.getAnimations?.() ?? [];
 		Promise.allSettled(e.map((e) => e.finished)).then(() => {
-			c.current || a(null);
+			s.current || i(null);
 		});
 	};
-	return v(() => {
-		if (i && (l.setOpen(!0), i.pointerId !== void 0)) try {
-			l.popupRef.current?.setPointerCapture(i.pointerId);
+	E(() => {
+		if (r && (l.setOpen(!0), r.pointerId !== void 0)) try {
+			l.popupRef.current?.setPointerCapture(r.pointerId);
 		} catch {}
-	}, [i]), /* @__PURE__ */ g(b.Provider, {
+	}, [r]);
+	let d = (e) => {
+		o.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, i({ ...e });
+	}, f = (e) => {
+		let t = l.popupRef.current;
+		if (l.open && t) {
+			R(t).at(e === "first" ? 0 : -1)?.focus();
+			return;
+		}
+		c.current = e, o.current = document.getElementById(n), l.setOpen(!0);
+	}, p = g(D);
+	return _(() => (p?.set(n, f), () => void p?.delete(n))), /* @__PURE__ */ C(A.Provider, {
 		value: {
 			popup: l,
-			triggerId: r,
-			point: i,
-			openAt: (e) => {
-				s.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, a({ ...e });
-			}
+			triggerId: n,
+			point: r,
+			openAt: d,
+			openFrom: f
 		},
-		children: /* @__PURE__ */ g(y.Provider, {
+		children: /* @__PURE__ */ C(k.Provider, {
 			value: () => l.setOpen(!1),
 			children: t
 		})
 	});
 }
-function C({ asChild: t, style: n, children: i, ...a }) {
-	let { popup: o, triggerId: s, point: c } = x("MenuTrigger"), l = {
-		id: s,
+function N({ asChild: e, style: t, onKeyDown: r, onPointerEnter: i, children: a, ...o }) {
+	let { popup: s, triggerId: c, point: l, openFrom: d } = j("MenuTrigger"), f = !!g(D), p = {
+		id: c,
 		"aria-haspopup": "menu",
-		...o.triggerProps,
-		...c && {
+		...s.triggerProps,
+		...l && {
 			"aria-expanded": !1,
 			"data-popup-open": void 0
 		},
-		...a,
+		...f && {
+			role: "menuitem",
+			"data-zen-menubar-trigger": ""
+		},
+		...o,
+		className: n(f && ne, o.className),
 		style: {
-			...o.triggerProps.style,
-			...n
+			...s.triggerProps.style,
+			...t
+		},
+		onKeyDown: (e) => {
+			r?.(e), !(e.defaultPrevented || e.key !== "ArrowDown" && e.key !== "ArrowUp") && (e.preventDefault(), d(e.key === "ArrowDown" ? "first" : "last"));
+		},
+		onPointerEnter: (e) => {
+			i?.(e);
+			let t = f && e.currentTarget.closest("[role=\"menubar\"]");
+			t && !s.open && e.pointerType !== "touch" && t.querySelector("[data-zen-menubar-trigger][data-popup-open]") && (s.setOpen(!0), e.currentTarget.focus());
 		}
 	};
-	return t ? /* @__PURE__ */ g(r, {
-		...l,
-		children: i
-	}) : /* @__PURE__ */ g("button", {
+	return e ? /* @__PURE__ */ C(u, {
+		...p,
+		children: a
+	}) : /* @__PURE__ */ C("button", {
 		type: "button",
-		...l,
-		className: e("cursor-pointer", l.className),
-		children: i
+		...p,
+		className: n("cursor-pointer", p.className),
+		children: a
 	});
 }
-function w({ align: n, offset: r, className: i, style: o, children: s, ...c }) {
-	let { popup: l, triggerId: u, point: d } = x("MenuContent");
-	n ??= d ? "start" : "end", r ??= d ? 2 : 6;
-	let f = t(), p = (e) => {
-		let t = Array.from(l.popupRef.current?.querySelectorAll("[role=\"menuitem\"]:not(:disabled)") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, i = f(e);
-		if (i) {
-			t.find((e) => e.textContent?.trim().toLowerCase().startsWith(i))?.focus();
-			return;
-		}
-		let a = {
-			ArrowDown: n + 1,
-			ArrowUp: n === -1 ? r : n - 1,
-			Home: 0,
-			End: r
-		}[e.key];
-		a !== void 0 && (e.preventDefault(), t[(a + t.length) % t.length]?.focus());
+function P({ align: e, offset: t, ref: i, className: a, style: s, children: l, ...u }) {
+	let { popup: d, triggerId: f, point: m } = j("MenuContent"), h = o(d.popupRef, i), _ = g(D);
+	e ??= m || _ ? "start" : "end", t ??= m ? 2 : 6;
+	let v = z(), y = (e) => {
+		if (e.defaultPrevented || e.target.closest("[role=\"menu\"]") !== e.currentTarget) return;
+		let t = r(e.key, e.currentTarget);
+		if (t !== "ArrowLeft" && t !== "ArrowRight") return;
+		let n = document.getElementById(f), i = n?.closest("[role=\"menubar\"]");
+		if (!n || !i) return;
+		let a = c(i, O), o = a[(a.indexOf(n) + (t === "ArrowRight" ? 1 : -1) + a.length) % a.length];
+		o && o !== n && (e.preventDefault(), o.focus(), _?.get(o.id)?.("first"));
 	};
-	return /* @__PURE__ */ g("div", {
-		"aria-labelledby": d ? void 0 : u,
-		...c,
-		...l.popupProps,
+	return /* @__PURE__ */ C("div", {
+		"aria-labelledby": m ? void 0 : f,
+		...u,
+		...d.popupProps,
+		ref: h,
 		role: "menu",
 		tabIndex: -1,
 		onKeyDown: (e) => {
-			c.onKeyDown?.(e), p(e);
+			u.onKeyDown?.(e), v(e), _ && y(e);
 		},
 		style: {
-			...a(l.id, {
-				align: n,
-				offset: r
+			...p(d.id, {
+				align: e,
+				offset: t
 			}),
-			...o
+			...s
 		},
-		className: e("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", i),
-		children: s
+		className: n("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", a),
+		children: l
 	});
 }
-var T = 500, E = 8;
-function D({ asChild: t, disabled: n, className: a, onContextMenu: o, onPointerDown: s, onClickCapture: c, children: d, ...p }) {
-	let { popup: v, point: y, openAt: b } = x("MenuContextTrigger"), S = u(), C = y?.from === S, w = f(null), D = f(!1), O = () => {
-		w.current && clearTimeout(w.current.timer), w.current = null;
+var F = 500, I = 8;
+function L({ asChild: e, disabled: t, className: r, onContextMenu: i, onPointerDown: a, onClickCapture: o, children: s, ...c }) {
+	let { popup: l, point: d, openAt: p } = j("MenuContextTrigger"), m = v(), h = d?.from === m, g = b(null), y = b(!1), x = () => {
+		g.current && clearTimeout(g.current.timer), g.current = null;
 	};
-	l(() => O, []);
-	let k = {
-		...p,
-		className: e("[-webkit-touch-callout:none]", a),
-		"data-popup-open": C && v.open || void 0,
+	_(() => x, []);
+	let E = {
+		...c,
+		className: n("[-webkit-touch-callout:none]", r),
+		"data-popup-open": h && l.open || void 0,
 		onContextMenu: (e) => {
-			if (o?.(e), !(n || e.defaultPrevented) && (e.preventDefault(), O(), !v.open)) {
+			if (i?.(e), !(t || e.defaultPrevented) && (e.preventDefault(), x(), !l.open)) {
 				if (e.clientX === 0 && e.clientY === 0) {
 					let t = e.target.getBoundingClientRect();
-					b({
+					p({
 						x: t.left,
 						y: t.bottom,
-						from: S
+						from: m
 					});
 				} else {
 					let t = e.nativeEvent, n = "pointerId" in t && e.buttons ? t.pointerId : void 0;
-					b({
+					p({
 						x: e.clientX,
 						y: e.clientY,
-						from: S,
+						from: m,
 						pointerId: n
 					});
 				}
 			}
 		},
 		onPointerDown: (e) => {
-			if (s?.(e), D.current = !1, n || e.pointerType !== "touch" || !e.isPrimary) return;
-			let t = {
+			if (a?.(e), y.current = !1, t || e.pointerType !== "touch" || !e.isPrimary) return;
+			let n = {
 				x: e.clientX,
 				y: e.clientY,
-				from: S,
+				from: m,
 				pointerId: e.pointerId
 			}, r = e.currentTarget, i = (e) => {
-				Math.hypot(e.clientX - t.x, e.clientY - t.y) > E && a();
-			}, a = () => {
-				O(), r.removeEventListener("pointermove", i), r.removeEventListener("pointerup", a), r.removeEventListener("pointercancel", a);
+				Math.hypot(e.clientX - n.x, e.clientY - n.y) > I && o();
+			}, o = () => {
+				x(), r.removeEventListener("pointermove", i), r.removeEventListener("pointerup", o), r.removeEventListener("pointercancel", o);
 			};
-			r.addEventListener("pointermove", i), r.addEventListener("pointerup", a), r.addEventListener("pointercancel", a), w.current = {
-				...t,
+			r.addEventListener("pointermove", i), r.addEventListener("pointerup", o), r.addEventListener("pointercancel", o), g.current = {
+				...n,
 				timer: window.setTimeout(() => {
-					a(), D.current = !0, v.open || b(t);
-				}, T)
+					o(), y.current = !0, l.open || p(n);
+				}, F)
 			};
 		},
 		onClickCapture: (e) => {
-			c?.(e), D.current && (D.current = !1, e.preventDefault(), e.stopPropagation());
+			o?.(e), y.current && (y.current = !1, e.preventDefault(), e.stopPropagation());
 		}
-	}, A = y && C && m(/* @__PURE__ */ g("span", {
+	}, D = d && h && T(/* @__PURE__ */ C("span", {
 		"aria-hidden": !0,
-		...i(v.id),
+		...f(l.id),
 		style: {
-			...i(v.id).style,
+			...f(l.id).style,
 			position: "fixed",
-			left: y.x,
-			top: y.y
+			left: d.x,
+			top: d.y
 		}
 	}), document.body);
-	return /* @__PURE__ */ _(h, { children: [g(t ? r : "div", {
-		...k,
-		children: d
-	}), A] });
-}
-var O = "flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-left text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07] disabled:cursor-not-allowed disabled:opacity-50";
-function k({ icon: t, destructive: n, onSelect: i, asChild: a, className: o, children: s, onClick: l, ...u }) {
-	let d = c(y), f = {
-		...u,
+	return /* @__PURE__ */ w(S, { children: [C(e ? u : "div", {
+		...E,
+		children: s
+	}), D] });
+}
+function R(e) {
+	return Array.from(e.querySelectorAll("[role^=\"menuitem\"]")).filter((t) => t.closest("[role=\"menu\"]") === e && !t.matches(":disabled, [aria-disabled=\"true\"]"));
+}
+function z() {
+	let e = i();
+	return (t) => {
+		let n = t.currentTarget;
+		if (t.target.closest("[role=\"menu\"]") !== n) return;
+		let r = R(n), i = r.indexOf(document.activeElement), a = r.length - 1, o = e(t);
+		if (o) {
+			r.find((e) => e.textContent?.trim().toLowerCase().startsWith(o))?.focus();
+			return;
+		}
+		let s = {
+			ArrowDown: i + 1,
+			ArrowUp: i === -1 ? a : i - 1,
+			Home: 0,
+			End: a
+		}[t.key];
+		s !== void 0 && (t.preventDefault(), r[(s + r.length) % r.length]?.focus());
+	};
+}
+var B = "flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-start text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07] disabled:cursor-not-allowed disabled:opacity-50";
+function V({ icon: e, tone: t = "default", onSelect: r, asChild: i, className: a, children: o, onClick: s, ...c }) {
+	let l = g(k), d = {
+		...c,
 		role: "menuitem",
 		tabIndex: -1,
-		className: e(O, n && "text-destructive", o),
+		className: n(B, t === "negative" && "text-destructive", a),
 		onClick: (e) => {
-			l?.(e), d(), i?.();
+			s?.(e), l(), r?.();
 		}
 	};
-	return a ? /* @__PURE__ */ g(r, {
-		...f,
-		children: s
-	}) : /* @__PURE__ */ _("button", {
+	return i ? /* @__PURE__ */ C(u, {
+		...d,
+		children: o
+	}) : /* @__PURE__ */ w("button", {
 		type: "button",
-		...f,
-		children: [t && /* @__PURE__ */ g("span", {
+		...d,
+		children: [e && /* @__PURE__ */ C("span", {
 			"aria-hidden": !0,
-			className: e("flex shrink-0", !n && "text-muted-foreground"),
-			children: t
-		}), s]
+			className: n("flex shrink-0", t !== "negative" && "text-muted-foreground"),
+			children: e
+		}), o]
+	});
+}
+var H = "flex size-4 shrink-0 items-center justify-center";
+function U({ checked: t, defaultChecked: r = !1, onCheckedChange: i, className: a, children: o, onClick: s, ...c }) {
+	let [l, u] = d(t, r, i);
+	return /* @__PURE__ */ w("button", {
+		type: "button",
+		...c,
+		role: "menuitemcheckbox",
+		"aria-checked": l,
+		tabIndex: -1,
+		className: n(B, a),
+		onClick: (e) => {
+			s?.(e), e.defaultPrevented || u(!l);
+		},
+		children: [/* @__PURE__ */ C("span", {
+			"aria-hidden": !0,
+			className: H,
+			children: l && /* @__PURE__ */ C(e, { className: "size-3.5" })
+		}), o]
+	});
+}
+var W = h(null);
+function G({ value: e, defaultValue: t = null, onValueChange: n, ...r }) {
+	let [i, a] = d(e, t, n);
+	return /* @__PURE__ */ C(W.Provider, {
+		value: {
+			value: i,
+			select: a
+		},
+		children: /* @__PURE__ */ C("div", {
+			role: "group",
+			...r
+		})
+	});
+}
+function K({ value: e, className: t, children: r, onClick: i, ...a }) {
+	let o = g(W);
+	if (!o) throw Error("<MenuRadioItem> must be inside <MenuRadioGroup>");
+	let s = o.value === e;
+	return /* @__PURE__ */ w("button", {
+		type: "button",
+		...a,
+		role: "menuitemradio",
+		"aria-checked": s,
+		tabIndex: -1,
+		className: n(B, t),
+		onClick: (t) => {
+			i?.(t), t.defaultPrevented || o.select(e);
+		},
+		children: [/* @__PURE__ */ C("span", {
+			"aria-hidden": !0,
+			className: H,
+			children: s && /* @__PURE__ */ C("span", { className: "size-1.5 rounded-full bg-current" })
+		}), r]
+	});
+}
+var q = h(null);
+function J(e) {
+	let t = g(q);
+	if (!t) throw Error(`<${e}> must be inside <MenuSub>`);
+	return t;
+}
+var Y = 250, X = (e) => {
+	try {
+		return !!e?.matches(":popover-open");
+	} catch {
+		return !0;
+	}
+};
+function Z({ onOpenChange: e, children: t }) {
+	let n = b(null), r = v(), i = b(0), a = b(!1), o = m({ onOpenChange: (t) => {
+		let r = o.popupRef.current, i = n.current;
+		if (t && a.current && r && R(r)[0]?.focus(), a.current = !1, !t && i && X(i.closest("[role=\"menu\"]"))) {
+			let e = document.activeElement;
+			(!e || e === document.body || r?.contains(e)) && i.focus();
+		}
+		e?.(t);
+	} }), s = () => clearTimeout(i.current);
+	_(() => s, []);
+	let c = {
+		popup: o,
+		triggerRef: n,
+		triggerId: r,
+		show: (e) => {
+			if (s(), o.open) {
+				e && o.popupRef.current && R(o.popupRef.current)[0]?.focus();
+				return;
+			}
+			a.current = e, o.setOpen(!0);
+		},
+		hideSoon: () => {
+			s(), i.current = window.setTimeout(() => o.setOpen(!1), Y);
+		},
+		stay: s
+	};
+	return /* @__PURE__ */ C(q.Provider, {
+		value: c,
+		children: t
+	});
+}
+function Q(e, t) {
+	let n = e.relatedTarget;
+	return n instanceof Node && !!t?.contains(n);
+}
+function $({ icon: e, ref: i, className: a, children: s, onClick: c, onKeyDown: l, onPointerEnter: u, onPointerLeave: d, style: f, ...p }) {
+	let m = J("MenuSubTrigger"), h = o(m.triggerRef, i), { popoverTarget: g, ..._ } = m.popup.triggerProps;
+	return /* @__PURE__ */ w("button", {
+		type: "button",
+		id: m.triggerId,
+		...p,
+		ref: h,
+		..._,
+		role: "menuitem",
+		"aria-haspopup": "menu",
+		tabIndex: -1,
+		style: {
+			..._.style,
+			...f
+		},
+		className: n(B, "data-popup-open:bg-tint/[0.07]", a),
+		onClick: (e) => {
+			c?.(e), e.defaultPrevented || m.show(e.detail === 0);
+		},
+		onKeyDown: (e) => {
+			l?.(e), !(e.defaultPrevented || r(e.key, e.currentTarget) !== "ArrowRight") && (e.preventDefault(), m.show(!0));
+		},
+		onPointerEnter: (e) => {
+			u?.(e), e.pointerType !== "touch" && m.show(!1);
+		},
+		onPointerLeave: (e) => {
+			d?.(e), Q(e, e.currentTarget.closest("[role=\"menu\"]")) && m.hideSoon();
+		},
+		children: [
+			e && /* @__PURE__ */ C("span", {
+				"aria-hidden": !0,
+				className: "text-muted-foreground flex shrink-0",
+				children: e
+			}),
+			s,
+			/* @__PURE__ */ C(t, {
+				"aria-hidden": !0,
+				className: "text-muted-foreground ms-auto size-4 shrink-0 rtl:-scale-x-100"
+			})
+		]
+	});
+}
+function ee({ offset: e = 8, ref: t, className: i, style: a, onKeyDown: s, onPointerEnter: c, onPointerLeave: l, children: u, ...d }) {
+	let f = J("MenuSubContent"), m = o(f.popup.popupRef, t), h = z();
+	return /* @__PURE__ */ C("div", {
+		"aria-labelledby": f.triggerId,
+		...d,
+		...f.popup.popupProps,
+		ref: m,
+		role: "menu",
+		tabIndex: -1,
+		"data-zen-beside": "",
+		onKeyDown: (e) => {
+			s?.(e), !e.defaultPrevented && (h(e), e.target.closest("[role=\"menu\"]") === e.currentTarget && r(e.key, e.currentTarget) === "ArrowLeft" && (e.preventDefault(), e.stopPropagation(), f.popup.setOpen(!1), f.triggerRef.current?.focus()));
+		},
+		onPointerEnter: (e) => {
+			c?.(e), f.stay();
+		},
+		onPointerLeave: (e) => {
+			l?.(e), Q(e, f.triggerRef.current?.closest("[role=\"menu\"]") ?? null) && !f.triggerRef.current?.contains(e.relatedTarget) && f.hideSoon();
+		},
+		style: {
+			...p(f.popup.id, {
+				side: "beside",
+				offset: e
+			}),
+			marginBlock: -6,
+			...a
+		},
+		className: n("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", i),
+		children: u
+	});
+}
+function te({ ref: e, className: t, onKeyDown: r, children: i, ...a }) {
+	let c = b(null), u = o(c, e), [d] = x(() => /* @__PURE__ */ new Map());
+	return l(c, O), /* @__PURE__ */ C(D.Provider, {
+		value: d,
+		children: /* @__PURE__ */ C("div", {
+			role: "menubar",
+			...a,
+			ref: u,
+			"data-zen-roving": "",
+			onKeyDown: (e) => {
+				r?.(e), s(e, O);
+			},
+			className: n("zen__menubar glow-edge border-tint/10 bg-tint/[0.03] relative flex w-fit items-center gap-0.5 rounded-xl border p-1", t),
+			children: i
+		})
 	});
 }
-function A({ className: t }) {
-	return /* @__PURE__ */ g("div", {
+var ne = "text-muted-foreground hover:text-foreground focus-ring h-8 rounded-lg px-3 text-sm transition-colors outline-hidden data-popup-open:bg-tint/[0.07] data-popup-open:text-foreground";
+function re({ className: e }) {
+	return /* @__PURE__ */ C("div", {
 		role: "separator",
-		className: e("bg-tint/[0.07] mx-2 my-1 h-px", t)
+		className: n("bg-tint/[0.07] mx-2 my-1 h-px", e)
 	});
 }
-function j({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		className: e("flex items-center gap-3 px-3 py-2.5", t),
-		...n
+function ie({ className: e, ...t }) {
+	return /* @__PURE__ */ C("div", {
+		className: n("flex items-center gap-3 px-3 py-2.5", e),
+		...t
 	});
 }
 //#endregion
-export { w as MenuContent, D as MenuContextTrigger, j as MenuHeader, k as MenuItem, A as MenuSeparator, C as MenuTrigger, S as default };
+export { U as MenuCheckboxItem, P as MenuContent, L as MenuContextTrigger, ie as MenuHeader, V as MenuItem, G as MenuRadioGroup, K as MenuRadioItem, re as MenuSeparator, Z as MenuSub, ee as MenuSubContent, $ as MenuSubTrigger, N as MenuTrigger, te as Menubar, M as default };

package/dist/meter/index.d.ts

@@ -17,8 +17,8 @@ export interface MeterProps extends Omit<ComponentProps<'div'>, 'children'> {
     hint?: ReactNode;
     /** What screen readers say for the value, e.g. "₹8,200 of ₹10,000, ₹1,800 left". */
     valueText?: string;
-    /** `auto` picks warning past `warnAt` of max and danger past max. */
-    tone?: 'auto' | 'default' | 'warning' | 'danger';
+    /** `auto` picks warning past `warnAt` of max and negative past max. */
+    tone?: 'auto' | 'default' | 'warning' | 'negative';
     /** Fraction of max where `auto` turns to warning (default 0.85). */
     warnAt?: number;
     /** Milestones along the bar, in the same units as value: e.g. [2500, 5000, 7500] of 10000. */

package/dist/meter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/meter/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,GAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAa,EACb,MAAa,EACb,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,UAAU,+BAkEZ;AAED,2FAA2F;AAC3F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACjD,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/meter/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,GAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAa,EACb,MAAa,EACb,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,UAAU,+BAkEZ;AAED,2FAA2F;AAC3F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACnD,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/meter/index.js

@@ -4,7 +4,7 @@ import { useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region packages/meter/index.tsx
 function i({ value: i, max: a = 100, label: o, detail: s, hint: c, valueText: l, tone: u = "auto", warnAt: d = .85, marks: f, className: p, ...m }) {
-	let h = t(), g = i > a, _ = a > 0 ? i / a : +(i > 0), v = Math.min(100, Math.max(0, Math.round(_ * 100))), y = u === "auto" ? g ? "danger" : _ >= d ? "warning" : "default" : u;
+	let h = t(), g = i > a, _ = a > 0 ? i / a : +(i > 0), v = Math.min(100, Math.max(0, Math.round(_ * 100))), y = u === "auto" ? g ? "negative" : _ >= d ? "warning" : "default" : u;
 	return /* @__PURE__ */ r("div", {
 		...m,
 		role: "meter",
@@ -21,13 +21,13 @@ function i({ value: i, max: a = 100, label: o, detail: s, hint: c, valueText: l,
 				children: o
 			}),
 			s && /* @__PURE__ */ n("span", {
-				className: e("col-start-2 text-right text-sm tabular-nums", y === "danger" ? "text-destructive" : "text-muted-foreground"),
+				className: e("col-start-2 text-end text-sm tabular-nums", y === "negative" ? "text-destructive" : "text-muted-foreground"),
 				children: s
 			}),
 			/* @__PURE__ */ r("div", {
 				className: "bg-muted relative col-span-2 h-2 overflow-hidden rounded-full",
 				children: [/* @__PURE__ */ n("div", {
-					className: e("zen__meter-fill ease-out-soft h-full rounded-full transition-[width] duration-700", y === "danger" ? "bg-destructive shadow-[0_0_12px_oklch(var(--destructive)/calc(0.7*var(--glow-k)))]" : y === "warning" ? "bg-accent-foreground shadow-[0_0_12px_oklch(var(--accent-foreground)/calc(0.6*var(--glow-k)))]" : "from-primary to-glow-2 bg-gradient-to-r shadow-[0_0_12px_oklch(var(--glow)/calc(0.6*var(--glow-k)))]"),
+					className: e("zen__meter-fill ease-out-soft h-full rounded-full transition-[width] duration-700", y === "negative" ? "bg-destructive shadow-[0_0_12px_oklch(var(--destructive)/calc(0.7*var(--glow-k)))]" : y === "warning" ? "bg-accent-foreground shadow-[0_0_12px_oklch(var(--accent-foreground)/calc(0.6*var(--glow-k)))]" : "from-primary to-glow-2 bg-gradient-to-r shadow-[0_0_12px_oklch(var(--glow)/calc(0.6*var(--glow-k)))]"),
 					style: { width: `${v}%` }
 				}), f?.map((e) => /* @__PURE__ */ n("span", {
 					"aria-hidden": !0,
@@ -37,7 +37,7 @@ function i({ value: i, max: a = 100, label: o, detail: s, hint: c, valueText: l,
 				}, e))]
 			}),
 			c && /* @__PURE__ */ n("span", {
-				className: e("col-span-2 text-xs", y === "danger" ? "text-destructive" : "text-muted-foreground"),
+				className: e("col-span-2 text-xs", y === "negative" ? "text-destructive" : "text-muted-foreground"),
 				children: c
 			})
 		]