@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/Menubar/Menubar2.js

@@ -1,125 +1,124 @@
 "use client";
-const e = a;
-(function(e, t) {
-	let n = a, r = e();
-	for (;;) try {
-		if (-parseInt(n(376)) / 1 * (parseInt(n(389)) / 2) + parseInt(n(395)) / 3 + parseInt(n(400)) / 4 * (-parseInt(n(401)) / 5) + -parseInt(n(396)) / 6 + -parseInt(n(413)) / 7 * (-parseInt(n(361)) / 8) + parseInt(n(412)) / 9 * (parseInt(n(378)) / 10) + parseInt(n(352)) / 11 == t) break;
-		r.push(r.shift());
-	} catch {
-		r.push(r.shift());
-	}
-})(B, 448061);
-import { usePresence as t } from "../../hooks/usePresence.js";
-import { useControllableState as n } from "../../hooks/useControllableState.js";
-import { useFloating as r } from "../../hooks/useFloating.js";
-import { useDismiss as i } from "../../hooks/useDismiss.js";
-function a(e, t) {
-	e -= 349;
-	let n = B(), r = n[e];
-	a.mNDPuU === void 0 && (a.nXghyl = function(e) {
+const e = t;
+function t(e, n) {
+	e -= 320;
+	let r = B(), i = r[e];
+	t.LeSDgQ === void 0 && (t.uNqWiY = function(e) {
 		let t = "", n = "";
 		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
 		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
 		return decodeURIComponent(n);
-	}, a.OiSGan = {}, a.mNDPuU = !0);
-	let i = n[0];
-	a.pFYtqL !== i && (a.OiSGan = {}, a.pFYtqL = i);
-	let o = a.OiSGan[e];
-	return o === void 0 ? (r = a.nXghyl(r), a.OiSGan[e] = r) : r = o, r;
+	}, t.BlWfaS = {}, t.LeSDgQ = !0);
+	let a = r[0];
+	t.wjsvSc !== a && (t.BlWfaS = {}, t.wjsvSc = a);
+	let o = t.BlWfaS[e];
+	return o === void 0 ? (i = t.uNqWiY(i), t.BlWfaS[e] = i) : i = o, i;
 }
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(323)) / 1 * (-parseInt(r(379)) / 2) + -parseInt(r(359)) / 3 + parseInt(r(321)) / 4 * (-parseInt(r(373)) / 5) + -parseInt(r(357)) / 6 + -parseInt(r(335)) / 7 + -parseInt(r(370)) / 8 * (-parseInt(r(322)) / 9) + parseInt(r(354)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(B, 902163);
+import { usePresence as n } from "../../hooks/usePresence.js";
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { useFloating as i } from "../../hooks/useFloating.js";
+import { useDismiss as a } from "../../hooks/useDismiss.js";
 /* empty css                 */
 import { MenuContext as o, menuItems as s, trackPressDragRelease as c, useMenuRoot as l } from "../DropdownMenu/menuCore.js";
 import { DropdownMenuCheckboxItem as u, DropdownMenuItem as d, DropdownMenuLabel as f, DropdownMenuRadioGroup as p, DropdownMenuRadioItem as m, DropdownMenuSeparator as h, DropdownMenuSub as g, MenuPanel as _ } from "../DropdownMenu/DropdownMenu2.js";
 /* empty css        */
 import { createContext as v, useContext as y, useEffect as b, useId as x, useLayoutEffect as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-var O = e(410), k = v(null), A = (t) => [...t?.[e(365)](O) ?? []];
-function j({ children: t, value: r, defaultValue: a = null, onValueChange: s, "aria-label": c, className: u }) {
-	let d = e, [f, p] = n(r, a, s), [m, h] = w(!1), [g, _] = w(null), v = C("panel"), y = C(null), [x, T] = w({
+var O = e(363), k = v(null), A = (t) => [...t?.[e(341)](O) ?? []];
+function j({ children: n, value: i, defaultValue: s = null, onValueChange: c, "aria-label": u, className: d }) {
+	let f = e, [p, m] = r(i, s, c), [h, g] = w(!1), [_, v] = w(null), y = C(f(350)), x = C(null), [T, O] = w({
 		left: 0,
 		width: 0,
 		visible: !1,
 		slide: !1
-	}), O = (e) => e === null ? void 0 : A(y.current)[d(407)]((t) => t[d(359)].value === e), j = (e, t = d(358)) => {
-		let n = d;
-		v[n(377)] = t, h(f !== null && e !== null), e !== null && _(e), p(e);
-	}, M = l((e = !0) => {
-		let t = d, n = O(f);
-		j(null), e && n?.[t(387)]({ preventScroll: !0 });
+	}), j = (e) => e === null ? void 0 : A(x[f(376)])[f(386)]((t) => t[f(320)].value === e), M = (e, t = "panel") => {
+		y.current = t, g(p !== null && e !== null), e !== null && v(e), m(e);
+	}, N = l((e = !0) => {
+		let t = f, n = j(p);
+		M(null), e && n?.[t(334)]({ preventScroll: !0 });
 	});
-	return i(f !== null, [y, ...M[d(411)]], () => j(null)), b(() => {
-		let e = d;
-		if (g === null || !O(g)) {
-			let t = A(y[e(377)])[0]?.[e(359)][e(415)];
-			t !== void 0 && t !== g && _(t);
+	return a(p !== null, [x, ...N[f(330)]], () => M(null)), b(() => {
+		let e = f;
+		if (_ === null || !j(_)) {
+			let t = A(x[e(376)])[0]?.[e(320)][e(367)];
+			t !== void 0 && t !== _ && v(t);
 		}
-	}, [g, t]), S(() => {
-		let e = d, t = y[e(377)];
-		if (!t) return;
-		let n = () => {
-			let t = e, n = O(f);
-			T((e) => n ? {
+	}, [_, n]), S(() => {
+		let e = f, n = x.current;
+		if (!n) return;
+		let r = () => {
+			let e = t, n = j(p);
+			O((t) => n ? {
 				left: n.offsetLeft,
-				width: n[t(383)],
+				width: n[e(358)],
 				visible: !0,
-				slide: e[t(353)]
+				slide: t[e(326)]
 			} : {
-				...e,
+				...t,
 				visible: !1,
 				slide: !1
 			});
 		};
-		n();
-		let r = new ResizeObserver(n);
-		return r[e(373)](t), () => r[e(402)]();
-	}, [f]), E(k[d(380)], {
+		r();
+		let i = new ResizeObserver(r);
+		return i[e(364)](n), () => i[e(344)]();
+	}, [p]), E(k[f(336)], {
 		value: {
-			open: f,
-			instant: m,
-			active: g,
-			setActive: _,
-			openMenu: j,
-			focusRef: v,
+			open: p,
+			instant: h,
+			active: _,
+			setActive: v,
+			openMenu: M,
+			focusRef: y,
 			step: (e, t) => {
-				let n = d, r = A(y[n(377)]), i = r[(r[n(367)]((t) => t[n(359)][n(415)] === e) + t + r[n(414)]) % r[n(414)]]?.dataset[n(415)];
-				i !== void 0 && j(i, n(355));
+				let n = f, r = A(x[n(376)]), i = r[(r[n(360)]((t) => t[n(320)][n(367)] === e) + t + r[n(327)]) % r[n(327)]]?.[n(320)][n(367)];
+				i !== void 0 && M(i, n(332));
 			},
 			focusTrigger: (e, t) => {
-				let n = d, r = A(y.current), i = r[n(367)]((t) => t[n(359)][n(415)] === e), a = t === n(355) ? r[0] : t === n(404) ? r.at(-1) : r[(i + t + r[n(414)]) % r[n(414)]];
-				a && (_(a[n(359)][n(415)] ?? ""), a.focus());
+				let n = f, r = A(x[n(376)]), i = r[n(360)]((t) => t[n(320)][n(367)] === e), a = t === n(332) ? r[0] : t === n(331) ? r.at(-1) : r[(i + t + r[n(327)]) % r[n(327)]];
+				a && (v(a[n(320)].value ?? ""), a[n(334)]());
 			},
-			menu: M
+			menu: N
 		},
 		children: E(o.Provider, {
-			value: M,
-			children: D(d(406), {
-				ref: y,
-				role: d(386),
-				"aria-label": c,
-				className: u ? d(398) + u : d(360),
-				"data-open": f !== null || void 0,
+			value: N,
+			children: D(f(324), {
+				ref: x,
+				role: f(348),
+				"aria-label": u,
+				className: d ? "ds-menubar " + d : "ds-menubar",
+				"data-open": p !== null || void 0,
 				onPointerDown: (e) => {
-					let t = d;
-					e[t(416)] === e[t(408)] && f !== null && j(null);
+					let t = f;
+					e[t(328)] === e[t(366)] && p !== null && M(null);
 				},
-				children: [E(d(381), {
-					className: d(375),
+				children: [E("span", {
+					className: f(353),
 					"aria-hidden": !0,
-					"data-visible": x[d(353)] || void 0,
-					"data-slide": x[d(382)] || void 0,
+					"data-visible": T[f(326)] || void 0,
+					"data-slide": T[f(355)] || void 0,
 					style: {
-						left: x[d(394)],
-						width: x[d(362)]
+						left: T[f(384)],
+						width: T.width
 					}
-				}), t]
+				}), n]
 			})
 		})
 	});
 }
-function M({ label: n, children: i, value: o, disabled: l, minWidth: u = 220 }) {
+function M({ label: r, children: a, value: o, disabled: l, minWidth: u = 220 }) {
 	let d = e, f = y(k);
-	if (!f) throw Error(d(388));
-	let p = x(), m = o ?? p, h = f[d(368)] === m, g = t(h, 160), v = C(null), S = C(null), w = C(""), O = p + d(372), A = p + d(363), { style: j, side: M } = r(v, g.mounted, {
+	if (!f) throw Error(d(343));
+	let p = x(), m = o ?? p, h = f[d(371)] === m, g = n(h, 160), v = C(null), S = C(null), w = C(""), O = p + d(385), A = p + d(374), { style: j, side: M } = i(v, g[d(365)], {
 		matchWidth: !1,
 		panelRef: S,
 		maxHeight: 420,
@@ -127,97 +126,96 @@ function M({ label: n, children: i, value: o, disabled: l, minWidth: u = 220 })
 	}), { menu: N, focusRef: P } = f;
 	b(() => {
 		let e = d;
-		return N[e(411)][e(369)](S), () => {
-			let t = e;
-			N[t(411)][t(418)](S);
+		return N[e(330)][e(387)](S), () => {
+			N[e(330)].delete(S);
 		};
-	}, [N[d(411)]]), b(() => {
+	}, [N[d(330)]]), b(() => {
 		if (!h) return;
 		let e = requestAnimationFrame(() => {
-			let e = a, t = P.current, n = s(S[e(377)]);
-			t === "first" ? n[0]?.[e(387)]({ preventScroll: !0 }) : t === e(404) ? n.at(-1)?.[e(387)]({ preventScroll: !0 }) : S[e(377)]?.[e(387)]({ preventScroll: !0 });
+			let e = t, n = P[e(376)], r = s(S[e(376)]);
+			n === "first" ? r[0]?.[e(334)]({ preventScroll: !0 }) : n === "last" ? r.at(-1)?.[e(334)]({ preventScroll: !0 }) : S[e(376)]?.[e(334)]({ preventScroll: !0 });
 		});
 		return () => cancelAnimationFrame(e);
 	}, [h, P]);
 	let F = (e) => {
 		let t = d;
-		if (w.current = e[t(371)], !(l || e[t(371)] !== t(399) || e[t(370)] !== 0)) {
-			if (e[t(364)](), h) return f.openMenu(null);
-			f[t(351)](m), c(e);
+		if (w[t(376)] = e[t(340)], !(l || e[t(340)] !== "mouse" || e[t(362)] !== 0)) {
+			if (e[t(345)](), h) return f[t(352)](null);
+			f[t(352)](m), c(e);
 		}
 	}, I = (e) => {
 		let t = d;
-		switch (e.key) {
-			case t(384):
-				e.preventDefault(), f[t(351)](m, t(355));
+		switch (e[t(346)]) {
+			case t(383):
+				e[t(345)](), f[t(352)](m, t(332));
 				break;
-			case t(403):
-				e[t(364)](), f[t(351)](m, t(404));
+			case t(377):
+				e[t(345)](), f[t(352)](m, t(331));
 				break;
-			case "ArrowRight":
-				e.preventDefault(), f[t(379)](m, 1);
+			case t(325):
+				e[t(345)](), f[t(329)](m, 1);
 				break;
-			case t(349):
-				e[t(364)](), f[t(379)](m, -1);
+			case "ArrowLeft":
+				e.preventDefault(), f[t(329)](m, -1);
 				break;
-			case "Home":
-				e[t(364)](), f.focusTrigger(m, "first");
+			case t(347):
+				e.preventDefault(), f[t(329)](m, t(332));
 				break;
-			case t(356):
-				e.preventDefault(), f[t(379)](m, "last");
+			case "End":
+				e.preventDefault(), f[t(329)](m, t(331));
 				break;
-			case "Escape": h && (e[t(364)](), f[t(351)](null));
+			case t(375): h && (e[t(345)](), f[t(352)](null));
 		}
-	}, L = f[d(368)] !== null && !h;
-	return D(T, { children: [E(d(370), {
+	}, L = f.open !== null && !h;
+	return D(T, { children: [E("button", {
 		ref: v,
 		id: O,
-		type: d(370),
-		role: d(405),
+		type: d(362),
+		role: d(339),
 		className: "ds-menubar__trigger",
 		"data-menubar-trigger": "",
 		"data-value": m,
-		"data-state": h ? d(368) : "closed",
-		"aria-haspopup": "menu",
+		"data-state": d(h ? 371 : 372),
+		"aria-haspopup": d(381),
 		"aria-expanded": h,
 		"aria-controls": h ? A : void 0,
-		tabIndex: f[d(354)] === m ? 0 : -1,
+		tabIndex: f[d(361)] === m ? 0 : -1,
 		disabled: l,
 		onPointerDown: F,
 		onPointerEnter: (e) => {
 			let t = d;
-			e[t(371)] === t(399) && f[t(368)] !== null && !h && !l && f[t(351)](m);
+			e[t(340)] === t(338) && f.open !== null && !h && !l && f[t(352)](m);
 		},
-		onFocus: () => f[d(357)](m),
+		onFocus: () => f.setActive(m),
 		onKeyDown: I,
 		onClick: (e) => {
 			let t = d;
-			(e[t(417)] === 0 || w[t(377)] !== t(399)) && f[t(351)](h ? null : m, e[t(417)] === 0 ? "first" : t(358));
+			(e[t(333)] === 0 || w[t(376)] !== t(338)) && f[t(352)](h ? null : m, e.detail === 0 ? t(332) : t(350));
 		},
-		children: n
-	}), g[d(350)] && !L && E(_, {
+		children: r
+	}), g[d(365)] && !L && E(_, {
 		id: A,
 		panelRef: S,
 		side: M,
-		closing: g[d(397)],
+		closing: g[d(356)],
 		style: {
 			...j,
 			minWidth: u
 		},
-		className: f[d(390)] ? "ds-menubar__panel--instant" : void 0,
+		className: f.instant ? d(337) : void 0,
 		"aria-labelledby": O,
-		onEscape: () => N[d(393)](!0),
-		onArrowLeft: () => f[d(385)](m, -1),
-		onArrowRight: () => f[d(385)](m, 1),
-		children: i
+		onEscape: () => N[d(342)](!0),
+		onArrowLeft: () => f.step(m, -1),
+		onArrowRight: () => f[d(351)](m, 1),
+		children: a
 	})] });
 }
 var N = d, P = u, F = p, I = m, L = f, R = h, z = g;
 function B() {
-	let e = /* @__PURE__ */ "zhmTBwvUDwjHCG.mJy0wfL3rNPj.D2LKDgG.lw1LBNu.ChjLDMvUDerLzMf1Bhq.CxvLCNLtzwXLy3rVCKfSBa.twvUDq.zMLUzeLUzgv4.B3bLBG.ywrK.yNv0Dg9U.Cg9PBNrLCLr5Cgu.lxrYAwDNzxi.B2jZzxj2zq.sxrLBq.zhmTBwvUDwjHCL9FDgH1Bwi.odqXmJy1v3vtEhnN.y3vYCMvUDa.mJbPu3zxsg4.zM9JDxnuCMLNz2vY.uhjVDMLKzxi.C3bHBG.C2XPzgu.B2zMC2v0v2LKDgG.qxjYB3DeB3DU.C3rLCa.BwvUDwjHCG.zM9JDxm.twvUDwjHCK1LBNuGBxvZDcbIzsbPBNnPzguGpe1LBNvIyxi+.mNvqqNjLDq.Aw5ZDgfUDa.u2vWyxjHDg9Y.uMfKAw9jDgvT.y2XVC2vbBgW.BgvMDa.mJe2ndCWmuXZt1fOzq.mZqWmdmZoeX5A2nIqG.y2XVC2LUzW.zhmTBwvUDwjHCIa.Bw91C2u.mZq4vKfdwMjY.ntaWmtv1y1fXv3e.zgLZy29UBMvJDa.qxjYB3DvCa.BgfZDa.BwvUDwL0zw0.zgL2.zMLUza.y3vYCMvUDfrHCMDLDa.u3vI.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.CgfUzwXZ.mty3mJGXmNvZBwH2tW.mte2nJq4Een0serR.BgvUz3rO.DMfSDwu.DgfYz2v0.zgv0ywLS.zgvSzxrL.qxjYB3Dmzwz0.Bw91BNrLza.B3bLBK1LBNu.mte5mtqWndveuLDREum.DMLZAwjSzq.ywn0AxzL.zMLYC3q.rw5K.C2v0qwn0AxzL.CgfUzwW.zgf0yxnLDa".split(".");
+	let e = /* @__PURE__ */ "mtiXmJiXv3bIDhLz.mJqZmxLhCxbmCa.zgL2.qxjYB3DsAwDODa.DMLZAwjSzq.BgvUz3rO.DgfYz2v0.zM9JDxnuCMLNz2vY.CgfUzwXZ.BgfZDa.zMLYC3q.zgv0ywLS.zM9JDxm.mZa5ntyXmff3uK1sza.uhjVDMLKzxi.zhmTBwvUDwjHCL9FCgfUzwWTlwLUC3rHBNq.Bw91C2u.BwvUDwL0zw0.Cg9PBNrLCLr5Cgu.CxvLCNLtzwXLy3rVCKfSBa.y2XVC2vbBgW.twvUDwjHCK1LBNuGBxvZDcbIzsbPBNnPzguGpe1LBNvIyxi+.zgLZy29UBMvJDa.ChjLDMvUDerLzMf1Bhq.A2v5.sg9Tzq.BwvUDwjHCG.uMfKAw9hCM91Ca.CgfUzwW.C3rLCa.B3bLBK1LBNu.zhmTBwvUDwjHCL9FDgH1Bwi.mJe4mtiXnZbhEKPiwKS.C2XPzgu.y2XVC2LUzW.mJy3mZa2uhvNve1v.B2zMC2v0v2LKDgG.mtGYnZaYn2nvBxLMrG.zMLUzeLUzgv4.ywn0AxzL.yNv0Dg9U.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.B2jZzxj2zq.Bw91BNrLza.y3vYCMvUDfrHCMDLDa.DMfSDwu.u2vWyxjHDg9Y.q2HLy2TIB3HjDgvT.mJi0DLnxDhHI.B3bLBG.y2XVC2vK.mtq1q2nuzhzQ.lw1LBNu.rxnJyxbL.y3vYCMvUDa.qxjYB3DvCa.u3vI.ntHKs0vgtLK.sxrLBq.BwvUDq.tgfIzwW.qxjYB3DeB3DU.BgvMDa.lxrYAwDNzxi.zMLUza.ywrK.zgf0yxnLDa.nJC1nZjItvbAz3m".split(".");
 	return B = function() {
 		return e;
 	}, B();
 }
-j[e(366)] = M, j[e(374)] = d, j.CheckboxItem = u, j.RadioGroup = p, j[e(392)] = m, j.Label = f, j[e(391)] = h, j[e(409)] = g;
+j.Menu = M, j[e(380)] = d, j[e(369)] = u, j[e(349)] = p, j.RadioItem = m, j[e(382)] = f, j[e(368)] = h, j[e(378)] = g;
 export { j as Menubar, P as MenubarCheckboxItem, N as MenubarItem, L as MenubarLabel, M as MenubarMenu, F as MenubarRadioGroup, I as MenubarRadioItem, R as MenubarSeparator, z as MenubarSub };