@iamfiro/design 0.3.0 → 0.3.1

package/lib/components/Menubar/Menubar2.js

@@ -1,74 +1,74 @@
 "use client";
-function e(t, n) {
-	t -= 340;
-	let r = v(), i = r[t];
-	e.izUYoP === void 0 && (e.SaGWqs = 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);
-	}, e.xUunKg = {}, e.izUYoP = !0);
-	let a = r[0];
-	e.OOIQPD !== a && (e.xUunKg = {}, e.OOIQPD = a);
-	let o = e.xUunKg[t];
-	return o === void 0 ? (i = e.SaGWqs(i), e.xUunKg[t] = i) : i = o, i;
-}
-const t = e;
-(function(t, n) {
-	let r = e, i = t();
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
 	for (;;) try {
-		if (parseInt(r(372)) / 1 * (-parseInt(r(377)) / 2) + parseInt(r(351)) / 3 * (-parseInt(r(362)) / 4) + -parseInt(r(384)) / 5 * (-parseInt(r(346)) / 6) + -parseInt(r(379)) / 7 * (-parseInt(r(369)) / 8) + -parseInt(r(374)) / 9 + parseInt(r(401)) / 10 * (-parseInt(r(352)) / 11) + parseInt(r(385)) / 12 == n) break;
+		if (-parseInt(r(212)) / 1 * (parseInt(r(179)) / 2) + -parseInt(r(237)) / 3 + -parseInt(r(192)) / 4 * (parseInt(r(223)) / 5) + -parseInt(r(227)) / 6 + parseInt(r(239)) / 7 * (parseInt(r(203)) / 8) + -parseInt(r(241)) / 9 * (-parseInt(r(176)) / 10) + -parseInt(r(189)) / 11 * (-parseInt(r(182)) / 12) == n) break;
 		i.push(i.shift());
 	} catch {
 		i.push(i.shift());
 	}
-})(v, 171587);
-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        */
-function v() {
-	let e = /* @__PURE__ */ "ywrK.tgfIzwW.zgLZy29UBMvJDa.sxrLBq.zgf0yxnLDa.u3vI.mtbbA3jkCuu.sg9Tzq.DgfYz2v0.B3bLBG.zM9JDxm.zM9JDxnuCMLNz2vY.BwvUDq.y3vYCMvUDfrHCMDLDa.yNv0Dg9U.zMLUzeLUzgv4.BgvUz3rO.CxvLCNLtzwXLy3rVCKfSBa.qxjYB3DsAwDODa.lw1LBNu.zhmTBwvUDwjHCL9FDgH1Bwi.BgfZDa.rxnJyxbL.y2XVC2LUzW.Aw5ZDgfUDa.B2zMC2v0tgvMDa.zhmTBwvUDwjHCIa.ywn0AxzL.y2XVC2vbBgW.mZuZmJjcDufev04.Cg9PBNrLCLr5Cgu.u2vWyxjHDg9Y.Bw91C2u.zMLUza.m0nJvK1hBa.mJG2mZy2m1LXBg1nra.CgfUzwW.C3bHBG.zMLYC3q.zhmTBwvUDwjHCG.y3vYCMvUDa.qxjYB3DeB3DU.C2v0qwn0AxzL.zhmTBwvUDwjHCL9FDhjPz2DLCG.C3rLCa.mte4nZCYnfbysMfTCa.zgvSzxrL.y2XVC2vK.twvUDwjHCK1LBNuGBxvZDcbIzsbPBNnPzguGpe1LBNvIyxi+.qxjYB3Dmzwz0.DMfSDwu.Bw91BNrLza.ote2nZj2tLzJwMq.rw5K.ChjLDMvUDerLzMf1Bhq.nda5odvtCe1RsNO.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.mta4mdy5m0zMz21cva.B2zMC2v0v2LKDgG.zgv0ywLS.mMf3t0nbCq.twvUDq.mteYshP0q3fh.qxjYB3DvCa.uMfKAw9jDgvT.B3bLBK1LBNu.BgvMDa.mJu1A3nky1Ln.ndG3ntK4nfHQu2Piza.C2XPzgu.D2LKDgG.zgL2.CgfUzwXZ.A2v5.B2jZzxj2zq.BwvUDwjHCG.uhjVDMLKzxi.lxrYAwDNzxi".split(".");
-	return v = function() {
+})(n, 407104);
+function t(e, r) {
+	e -= 175;
+	let i = n(), a = i[e];
+	t.uFvTue === void 0 && (t.KePdmN = 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);
+	}, t.ONgXqH = {}, t.uFvTue = !0);
+	let o = i[0];
+	t.uJGNUr !== o && (t.ONgXqH = {}, t.uJGNUr = o);
+	let s = t.ONgXqH[e];
+	return s === void 0 ? (a = t.KePdmN(a), t.ONgXqH[e] = a) : a = s, a;
+}
+function n() {
+	let e = /* @__PURE__ */ "zMLYC3q.C2XPzgu.nerWCwrRta.Bw91C2u.lxrYAwDNzxi.nZG3mdu2uNHZzNjX.y3vYCMvUDa.BwvUDwjHCG.D2LKDgG.zgv0ywLS.BgvMDa.sxrLBq.mJa5veznv3P2.DMfSDwu.y3vYCMvUDfrHCMDLDa.mJa0mtC5nLP3D2PsBa.y2XVC2LUzW.BgvUz3rO.C3rLCa.zMLUzeLUzgv4.B3bLBK1LBNu.w2rHDgeTBwvUDwjHCI10CMLNz2vYxtPUB3qOoMrPC2fIBgvKkq.qxjYB3Dmzwz0.B2jZzxj2zq.C3bHBG.zM9JDxnuCMLNz2vY.mZm5nZm4nfbbBgXrCq.rw5K.BwvUDq.u2vWyxjHDg9Y.ywrK.CxvLCNLtzwXLy3rVCKfSBa.Bw91BNrLza.CgfUzwW.zM9JDxm.mte1mdnXzfzwwfa.uMfKAw9jDgvT.uhjVDMLKzxi.zgf0yxnLDa.Cg9PBNrLCLr5Cgu.ChjLDMvUDerLzMf1Bhq.zMLUza.B3bLBG.yNv0Dg9U.uMfKAw9hCM91Ca.zhmTBwvUDwjHCIa.nwPdC1D6sq.zgLZy29UBMvJDa.qxjYB3DeB3DU.DMLZAwjSzq.mZy3mZiYnfbKzuXfsq.zhmTBwvUDwjHCG.A2v5.B2zMC2v0tgvMDa.CgfUzwXZ.q2HLy2TIB3HjDgvT.BgfZDa.qxjYB3DsAwDODa.ywn0AxzL.tgfIzwW.otK2nJiXuKT5shvN.zhmTBwvUDwjHCL9FDgH1Bwi.n1j3rLn3rG.Aw5ZDgfUDa.mZG1ndi1DvLAvvPJ.u3vI.twvUDq.zhmTBwvUDwjHCL9FCgfUzwWTlwLUC3rHBNq.qxjYB3DvCa.DgfYz2v0.C2v0qwn0AxzL.ntbwAuf0thK".split(".");
+	return n = function() {
 		return e;
-	}, v();
+	}, n();
 }
+import { usePresence as r } from "../../hooks/usePresence.js";
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { useFloating as a } from "../../hooks/useFloating.js";
+import { useDismiss as o } from "../../hooks/useDismiss.js";
+/* empty css                 */
+import { MenuContext as s, menuItems as c, trackPressDragRelease as l, useMenuRoot as u } from "../DropdownMenu/menuCore.js";
+import { DropdownMenuCheckboxItem as d, DropdownMenuItem as f, DropdownMenuLabel as p, DropdownMenuRadioGroup as m, DropdownMenuRadioItem as h, DropdownMenuSeparator as g, DropdownMenuSub as _, MenuPanel as v } from "../DropdownMenu/DropdownMenu2.js";
+/* empty css        */
 import { createContext as y, useContext as b, useEffect as x, useId as S, useLayoutEffect as C, useRef as w, useState as T } from "react";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-var k = t(373), A = y(null), j = (e) => [...e?.[t(412)](k) ?? []];
-function M({ children: e, value: n, defaultValue: i = null, onValueChange: s, "aria-label": c, className: u }) {
-	let d = t, [f, p] = r(n, i, s), [m, h] = T(!1), [g, _] = T(null), v = w(d(353)), y = w(null), [b, S] = T({
+var k = e(198), A = y(null), j = (t) => [...t?.[e(208)](k) ?? []];
+function M({ children: t, value: n, defaultValue: r = null, onValueChange: a, "aria-label": c, className: l }) {
+	let d = e, [f, p] = i(n, r, a), [m, h] = T(!1), [g, _] = T(null), v = w(d(210)), y = w(null), [b, S] = T({
 		left: 0,
 		width: 0,
 		visible: !1,
 		slide: !1
-	}), E = (e) => e === null ? void 0 : j(y.current)[d(350)]((t) => t.dataset[d(367)] === e), k = (e, t = d(353)) => {
+	}), E = (e) => e === null ? void 0 : j(y[d(183)])[d(218)]((t) => t[d(215)].value === e), k = (e, t = d(210)) => {
 		let n = d;
-		v[n(357)] = t, h(f !== null && e !== null), e !== null && _(e), p(e);
-	}, M = l((e = !0) => {
-		let t = d, n = E(f);
-		k(null), e && n?.[t(405)]({ preventScroll: !0 });
+		v[n(183)] = t, h(f !== null && e !== null), e !== null && _(e), p(e);
+	}, M = u((e = !0) => {
+		let t = E(f);
+		k(null), e && t?.focus({ preventScroll: !0 });
 	});
-	return a(f !== null, [y, ...M[d(389)]], () => k(null)), x(() => {
+	return o(f !== null, [y, ...M.panels], () => k(null)), x(() => {
 		let e = d;
 		if (g === null || !E(g)) {
-			let t = j(y[e(357)])[0]?.[e(399)][e(367)];
+			let t = j(y.current)[0]?.[e(215)][e(190)];
 			t !== void 0 && t !== g && _(t);
 		}
-	}, [g, e]), C(() => {
-		let e = d, t = y[e(357)];
+	}, [g, t]), C(() => {
+		let e = d, t = y[e(183)];
 		if (!t) return;
 		let n = () => {
 			let t = e, n = E(f);
 			S((e) => n ? {
-				left: n[t(342)],
-				width: n[t(375)],
+				left: n[t(230)],
+				width: n.offsetWidth,
 				visible: !0,
-				slide: e.visible
+				slide: e[t(226)]
 			} : {
 				...e,
 				visible: !1,
@@ -77,8 +77,8 @@ function M({ children: e, value: n, defaultValue: i = null, onValueChange: s, "a
 		};
 		n();
 		let r = new ResizeObserver(n);
-		return r[e(391)](t), () => r[e(397)]();
-	}, [f]), D(A[d(393)], {
+		return r[e(200)](t), () => r[e(224)]();
+	}, [f]), D(A[d(214)], {
 		value: {
 			open: f,
 			instant: m,
@@ -87,45 +87,45 @@ function M({ children: e, value: n, defaultValue: i = null, onValueChange: s, "a
 			openMenu: k,
 			focusRef: v,
 			step: (e, t) => {
-				let n = d, r = j(y[n(357)]), i = r[(r[n(410)]((t) => t[n(399)].value === e) + t + r[n(411)]) % r[n(411)]]?.[n(399)][n(367)];
+				let n = d, r = j(y[n(183)]), i = r[(r[n(196)]((t) => t[n(215)].value === e) + t + r[n(194)]) % r[n(194)]]?.[n(215)][n(190)];
 				i !== void 0 && k(i, "first");
 			},
 			focusTrigger: (e, t) => {
-				let n = d, r = j(y[n(357)]), i = r[n(410)]((t) => t[n(399)].value === e), a = t === n(355) ? r[0] : t === n(416) ? r.at(-1) : r[(i + t + r[n(411)]) % r[n(411)]];
-				a && (_(a.dataset[n(367)] ?? ""), a[n(405)]());
+				let n = d, r = j(y[n(183)]), i = r[n(196)]((t) => t[n(215)][n(190)] === e), a = t === "first" ? r[0] : t === n(233) ? r.at(-1) : r[(i + t + r.length) % r[n(194)]];
+				a && (_(a[n(215)][n(190)] ?? ""), a.focus());
 			},
 			menu: M
 		},
-		children: D(o[d(393)], {
+		children: D(s[d(214)], {
 			value: M,
-			children: O(d(388), {
+			children: O("div", {
 				ref: y,
-				role: d(392),
+				role: d(184),
 				"aria-label": c,
-				className: u ? d(343) + u : d(356),
+				className: l ? d(222) + l : d(228),
 				"data-open": f !== null || void 0,
 				onPointerDown: (e) => {
 					let t = d;
-					e[t(403)] === e[t(408)] && f !== null && k(null);
+					e[t(246)] === e[t(191)] && f !== null && k(null);
 				},
-				children: [D(d(354), {
-					className: d(415),
+				children: [D(d(201), {
+					className: d(238),
 					"aria-hidden": !0,
 					"data-visible": b.visible || void 0,
-					"data-slide": b[d(386)] || void 0,
+					"data-slide": b[d(178)] || void 0,
 					style: {
-						left: b[d(383)],
-						width: b[d(387)]
+						left: b[d(187)],
+						width: b[d(185)]
 					}
-				}), e]
+				}), t]
 			})
 		})
 	});
 }
-function N({ label: r, children: a, value: o, disabled: l, minWidth: u = 220 }) {
-	let d = t, f = b(A);
-	if (!f) throw Error(d(365));
-	let p = S(), m = o ?? p, h = f[d(404)] === m, g = n(h, 160), v = w(null), y = w(null), C = w(""), T = p + d(394), k = p + d(414), { style: j, side: M } = i(v, g.mounted, {
+function N({ label: n, children: i, value: o, disabled: s, minWidth: u = 220 }) {
+	let d = e, f = b(A);
+	if (!f) throw Error("MenubarMenu must be inside <Menubar>");
+	let p = S(), m = o ?? p, h = f[d(219)] === m, g = r(h, 160), _ = w(null), y = w(null), C = w(""), T = p + d(181), k = p + "-menu", { style: j, side: M } = a(_, g[d(209)], {
 		matchWidth: !1,
 		panelRef: y,
 		maxHeight: 420,
@@ -133,91 +133,90 @@ function N({ label: r, children: a, value: o, disabled: l, minWidth: u = 220 })
 	}), { menu: N, focusRef: P } = f;
 	x(() => {
 		let e = d;
-		return N[e(389)][e(395)](y), () => {
-			let t = e;
-			N[t(389)][t(363)](y);
+		return N[e(231)][e(207)](y), () => {
+			N[e(231)].delete(y);
 		};
-	}, [N[d(389)]]), x(() => {
+	}, [N.panels]), x(() => {
 		if (!h) return;
-		let t = requestAnimationFrame(() => {
-			let t = e, n = P.current, r = s(y[t(357)]);
-			n === t(355) ? r[0]?.[t(405)]({ preventScroll: !0 }) : n === "last" ? r.at(-1)?.[t(405)]({ preventScroll: !0 }) : y[t(357)]?.[t(405)]({ preventScroll: !0 });
+		let e = requestAnimationFrame(() => {
+			let e = t, n = P.current, r = c(y[e(183)]);
+			n === e(177) ? r[0]?.[e(211)]({ preventScroll: !0 }) : n === e(233) ? r.at(-1)?.focus({ preventScroll: !0 }) : y.current?.[e(211)]({ preventScroll: !0 });
 		});
-		return () => cancelAnimationFrame(t);
+		return () => cancelAnimationFrame(e);
 	}, [h, P]);
 	let F = (e) => {
 		let t = d;
-		if (C.current = e.pointerType, !(l || e[t(347)] !== t(349) || e[t(409)] !== 0)) {
-			if (e[t(371)](), h) return f.openMenu(null);
-			f[t(382)](m), c(e);
+		if (C[t(183)] = e[t(216)], !(s || e[t(216)] !== t(180) || e[t(220)] !== 0)) {
+			if (e[t(217)](), h) return f[t(197)](null);
+			f.openMenu(m), l(e);
 		}
 	}, I = (e) => {
 		let t = d;
-		switch (e[t(390)]) {
-			case t(358):
-				e[t(371)](), f[t(382)](m, "first");
+		switch (e[t(229)]) {
+			case t(225):
+				e[t(217)](), f[t(197)](m, t(177));
 				break;
-			case t(380):
-				e[t(371)](), f[t(382)](m, t(416));
+			case t(245):
+				e[t(217)](), f[t(197)](m, "last");
 				break;
-			case t(413):
-				e[t(371)](), f.focusTrigger(m, 1);
+			case t(234):
+				e[t(217)](), f.focusTrigger(m, 1);
 				break;
-			case t(366):
-				e.preventDefault(), f.focusTrigger(m, -1);
+			case t(199):
+				e[t(217)](), f[t(202)](m, -1);
 				break;
-			case t(402):
-				e.preventDefault(), f.focusTrigger(m, t(355));
+			case "Home":
+				e[t(217)](), f[t(202)](m, t(177));
 				break;
-			case t(370):
-				e.preventDefault(), f[t(406)](m, t(416));
+			case t(204):
+				e[t(217)](), f[t(202)](m, "last");
 				break;
-			case t(417): h && (e[t(371)](), f[t(382)](null));
+			case "Escape": h && (e[t(217)](), f.openMenu(null));
 		}
-	}, L = f[d(404)] !== null && !h;
-	return O(E, { children: [D(d(409), {
-		ref: v,
+	}, L = f[d(219)] !== null && !h;
+	return O(E, { children: [D(d(220), {
+		ref: _,
 		id: T,
-		type: d(409),
+		type: d(220),
 		role: "menuitem",
-		className: d(360),
+		className: "ds-menubar__trigger",
 		"data-menubar-trigger": "",
 		"data-value": m,
-		"data-state": d(h ? 404 : 364),
-		"aria-haspopup": d(407),
+		"data-state": h ? d(219) : "closed",
+		"aria-haspopup": d(205),
 		"aria-expanded": h,
 		"aria-controls": h ? k : void 0,
-		tabIndex: f[d(344)] === m ? 0 : -1,
-		disabled: l,
+		tabIndex: f[d(235)] === m ? 0 : -1,
+		disabled: s,
 		onPointerDown: F,
 		onPointerEnter: (e) => {
 			let t = d;
-			e.pointerType === "mouse" && f.open !== null && !h && !l && f[t(382)](m);
+			e[t(216)] === t(180) && f.open !== null && !h && !s && f[t(197)](m);
 		},
-		onFocus: () => f[d(359)](m),
+		onFocus: () => f[d(175)](m),
 		onKeyDown: I,
 		onClick: (e) => {
 			let t = d;
-			(e[t(376)] === 0 || C.current !== t(349)) && f[t(382)](h ? null : m, e[t(376)] === 0 ? t(355) : t(353));
+			(e[t(186)] === 0 || C[t(183)] !== "mouse") && f[t(197)](h ? null : m, e[t(186)] === 0 ? t(177) : "panel");
 		},
-		children: r
-	}), g[d(368)] && !L && D(_, {
+		children: n
+	}), g[d(209)] && !L && D(v, {
 		id: k,
 		panelRef: y,
 		side: M,
-		closing: g[d(340)],
+		closing: g[d(193)],
 		style: {
 			...j,
 			minWidth: u
 		},
-		className: f[d(341)] ? "ds-menubar__panel--instant" : void 0,
+		className: f[d(240)] ? d(244) : void 0,
 		"aria-labelledby": T,
-		onEscape: () => N[d(345)](!0),
-		onArrowLeft: () => f.step(m, -1),
-		onArrowRight: () => f[d(361)](m, 1),
-		children: a
+		onEscape: () => N.closeAll(!0),
+		onArrowLeft: () => f[d(195)](m, -1),
+		onArrowRight: () => f.step(m, 1),
+		children: i
 	})] });
 }
-var P = d, F = u, I = p, L = m, R = f, z = h, B = g;
-M[t(378)] = N, M[t(398)] = d, M.CheckboxItem = u, M.RadioGroup = p, M[t(381)] = m, M[t(396)] = f, M[t(348)] = h, M[t(400)] = g;
+var P = f, F = d, I = m, L = h, R = p, z = g, B = _;
+M[e(243)] = N, M[e(188)] = f, M[e(232)] = d, M[e(221)] = m, M[e(213)] = h, M[e(236)] = p, M[e(206)] = g, M[e(242)] = _;
 export { M as Menubar, F as MenubarCheckboxItem, P as MenubarItem, R as MenubarLabel, N as MenubarMenu, I as MenubarRadioGroup, L as MenubarRadioItem, z as MenubarSeparator, B as MenubarSub };