@jfrader/ui 0.5.1 → 0.6.0

package/dist/{loading-ring-B8-30Dl1.js → loading-ring-D0lGrK8z.js}

@@ -1,5 +1,5 @@
 'use client';
-import { i as e } from "./sx-Dx9JUKp5.js";
+import { a as e } from "./css-BYJhdGh-.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/loading-ring.ts
 var n = e({

package/dist/locale-switcher-CZF7XNYG.js

@@ -0,0 +1,295 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
+import { t as i } from "./visually-hidden-DgVO3NaB.js";
+import { t as a } from "./renderable-DzcIj1Lo.js";
+import { t as o } from "./icon-wrapper-C-zMD0uL.js";
+import { t as s } from "./trigger-style-CtOrdPk4.js";
+import { o as c, r as l, s as u } from "./listbox-style-DNOxAulu.js";
+import { a as d, i as f, l as p, r as m, s as h, u as g } from "./menu-CVzpsyXn.js";
+import { useEffect as _, useId as v } from "react";
+import { vars as y } from "@jfrader/tokens/vars";
+import { Fragment as b, jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as C } from "@floating-ui/react";
+//#region src/components/locale-switcher/locale-switcher.tsx
+var w = "LocaleSwitcher", T = "✓", E = e({
+	display: "inline-flex",
+	alignItems: "center",
+	minInlineSize: 0,
+	maxInlineSize: "100%",
+	fontFamily: y.font.sans,
+	lineHeight: y.lineHeight.tight,
+	color: y.color.text
+}), D = {
+	sm: e({ fontSize: y.textSize.sm }),
+	md: e({ fontSize: y.textSize.sm }),
+	lg: e({ fontSize: y.textSize.md })
+}, O = e({
+	gap: y.space[2],
+	maxInlineSize: "100%",
+	fontSize: "inherit",
+	whiteSpace: "nowrap"
+}), k = {
+	sm: e({
+		minBlockSize: y.space[8],
+		paddingInline: y.space[3]
+	}),
+	md: e({
+		minBlockSize: y.space[10],
+		paddingInline: y.space[4]
+	}),
+	lg: e({
+		minBlockSize: y.space[12],
+		paddingInline: y.space[5]
+	})
+}, A = e({
+	display: "inline-flex",
+	transitionProperty: "transform",
+	transitionDuration: y.motion.duration.fast,
+	transitionTimingFunction: y.motion.easeStandard,
+	"& svg": {
+		inlineSize: "1em",
+		blockSize: "1em"
+	},
+	"[aria-expanded=\"true\"] > &": { transform: "rotate(180deg)" },
+	[n]: { transitionDuration: "0s" }
+}), j = e({
+	gap: y.space[2],
+	textDecoration: "none",
+	"&[aria-current=\"true\"]": { fontWeight: y.fontWeight.medium }
+}), M = e({ marginInlineStart: "auto" }), N = e({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: y.space[3],
+	margin: 0,
+	padding: 0,
+	listStyle: "none"
+}), P = e({
+	display: "inline-flex",
+	alignItems: "center",
+	minBlockSize: y.space[8],
+	borderRadius: y.radius.sm
+}), F = e({
+	color: y.color.accentText,
+	textDecoration: "underline",
+	textUnderlineOffset: "0.2em",
+	transitionProperty: "color",
+	transitionDuration: y.motion.duration.fast,
+	transitionTimingFunction: y.motion.easeStandard,
+	"&:hover": { color: y.color.text },
+	"&:focus-visible": { ...t },
+	[n]: { transitionDuration: "0s" }
+}), I = e({
+	color: y.color.text,
+	fontWeight: y.fontWeight.medium
+}), L = /* @__PURE__ */ S("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	focusable: "false",
+	children: [/* @__PURE__ */ x("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}), /* @__PURE__ */ x("path", { d: "M3 12h18M12 3c2.5 2.5 3.75 5.5 3.75 9S14.5 18.5 12 21c-2.5-2.5-3.75-5.5-3.75-9S9.5 5.5 12 3Z" })]
+}), R = /* @__PURE__ */ x("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ x("path", { d: "M4 6l4 4 4-4" })
+});
+function z({ option: e, current: t, link: n, adornment: r, ...i }) {
+	let a = {
+		...i,
+		lang: e.lang,
+		dir: "auto",
+		"aria-current": t ? "true" : void 0,
+		children: /* @__PURE__ */ S(b, { children: [e.label, r] })
+	};
+	if (!n) return /* @__PURE__ */ x("span", { ...a });
+	let o = {
+		...a,
+		href: e.href,
+		hrefLang: e.lang
+	};
+	return e.render ? e.render(o) : /* @__PURE__ */ x("a", { ...o });
+}
+function B({ styles: e, slot: t, ...n }) {
+	return /* @__PURE__ */ x(r, {
+		className: t?.className,
+		styles: [
+			P,
+			e,
+			t?.css
+		],
+		children: (e) => /* @__PURE__ */ x(z, {
+			...n,
+			"data-ui": "locale-switcher-option",
+			className: e
+		})
+	});
+}
+function V({ options: e, value: t, current: n, size: r, triggerLabel: _, icon: y, open: b, defaultOpen: C, onOpenChange: E, placement: D, slotProps: N }) {
+	let P = v(), F = `${P}-action`, I = `${P}-current`, { className: L, css: B, ...V } = N?.trigger ?? {}, { className: H, css: U, ...W } = N?.content ?? {}, G = N?.option;
+	return /* @__PURE__ */ S(f, {
+		open: b,
+		defaultOpen: C,
+		onOpenChange: E,
+		placement: D,
+		children: [/* @__PURE__ */ S(h, {
+			...V,
+			"aria-labelledby": p(_ ? F : void 0, n ? I : void 0),
+			family: w,
+			marker: "locale-switcher-trigger",
+			styles: [
+				s,
+				O,
+				k[r],
+				B
+			],
+			className: L,
+			children: [
+				_ && /* @__PURE__ */ x("span", {
+					id: F,
+					css: i,
+					children: _
+				}),
+				a(y) && /* @__PURE__ */ x("span", {
+					"aria-hidden": "true",
+					css: o,
+					children: y
+				}),
+				n && /* @__PURE__ */ x("span", {
+					id: I,
+					lang: n.lang,
+					dir: "auto",
+					children: n.label
+				}),
+				/* @__PURE__ */ x("span", {
+					"aria-hidden": "true",
+					css: A,
+					children: R
+				})
+			]
+		}), /* @__PURE__ */ x(m, {
+			...W,
+			family: w,
+			marker: "locale-switcher-menu",
+			styles: [
+				u,
+				c,
+				U
+			],
+			className: H,
+			defaultLabelledBy: _ ? F : void 0,
+			children: e.map((e) => {
+				let n = e.value === t;
+				return /* @__PURE__ */ x(d, {
+					family: w,
+					marker: "locale-switcher-option",
+					styles: [
+						g,
+						j,
+						G?.css
+					],
+					className: G?.className,
+					render: (t) => /* @__PURE__ */ x(z, {
+						...t,
+						option: e,
+						current: n,
+						link: !0,
+						adornment: n && /* @__PURE__ */ x("span", {
+							"aria-hidden": "true",
+							css: [l, M],
+							children: T
+						})
+					})
+				}, e.value);
+			})
+		})]
+	});
+}
+function H({ options: e, value: t, slotProps: n }) {
+	let r = e.find((e) => e.value !== t);
+	return r ? /* @__PURE__ */ x(B, {
+		option: r,
+		current: !1,
+		link: !0,
+		styles: F,
+		slot: n?.option
+	}) : null;
+}
+function U({ options: e, value: t, slotProps: n }) {
+	return /* @__PURE__ */ x("ul", {
+		css: N,
+		children: e.map((e) => {
+			let r = e.value === t;
+			return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(B, {
+				option: e,
+				current: r,
+				link: !r,
+				styles: r ? I : F,
+				slot: n?.option
+			}) }, e.value);
+		})
+	});
+}
+var W = {
+	menu: V,
+	swap: H,
+	inline: U
+}, G = {
+	menu: "div",
+	swap: "div",
+	inline: "nav"
+};
+function K({ ref: e, options: t, value: n, variant: i = "menu", size: a = "md", triggerLabel: o, label: s, icon: c = L, open: l, defaultOpen: u, onOpenChange: d, placement: f, slotProps: p, className: m, sx: h, ...g }) {
+	let v = C([e]), y = t.find((e) => e.value === n), b = t.length, S = y !== void 0, w = !!o;
+	_(() => {
+		process.env.NODE_ENV !== "production" && (S || console.warn(`LocaleSwitcher: value "${n}" matches no option.`), i === "swap" && b !== 2 && console.warn(`LocaleSwitcher: the swap variant expects exactly two options and got ${b}; it links to the first option that is not current.`), i === "menu" && !w && console.warn("LocaleSwitcher: the menu variant needs a triggerLabel that names its action."));
+	}, [
+		i,
+		n,
+		S,
+		b,
+		w
+	]);
+	let T = G[i], O = W[i];
+	return /* @__PURE__ */ x(r, {
+		className: m,
+		styles: [E, D[a]],
+		sx: h,
+		children: (e) => /* @__PURE__ */ x(T, {
+			...g,
+			ref: v,
+			"aria-label": g["aria-label"] ?? (i === "inline" ? s : void 0),
+			"data-ui": "locale-switcher",
+			"data-variant": i,
+			className: e,
+			children: /* @__PURE__ */ x(O, {
+				options: t,
+				value: n,
+				current: y,
+				size: a,
+				triggerLabel: o,
+				icon: c,
+				open: l,
+				defaultOpen: u,
+				onOpenChange: d,
+				placement: f,
+				slotProps: p
+			})
+		})
+	});
+}
+K.displayName = "LocaleSwitcher";
+//#endregion
+export { K as t };

package/dist/locale-switcher.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as LocaleSwitcher } from "./locale-switcher-CZF7XNYG.js";

package/dist/{mention-input-sq61si9L.js → mention-input-BjjAbJCf.js}

@@ -1,13 +1,13 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { n as t, r as n } from "./media-8yrN85VT.js";
 import { t as r } from "./use-controlled-state-DpeVQZNR.js";
-import { t as i } from "./visually-hidden-BJdvqqvn.js";
+import { t as i } from "./visually-hidden-DgVO3NaB.js";
 import { t as a } from "./renderable-DzcIj1Lo.js";
-import { n as o, s, t as c } from "./listbox-style-WX-RASp1.js";
-import { t as ee } from "./overlay-portal-C4JZFq2M.js";
-import { t as te } from "./input-control-DmMuAuPS.js";
-import { a as ne, i as re, n as ie, r as ae, t as oe } from "./field-anatomy-COVdNpf5.js";
+import { n as o, s, t as c } from "./listbox-style-DNOxAulu.js";
+import { t as ee } from "./overlay-portal-C9igMHnC.js";
+import { t as te } from "./input-control-B6HVBgwl.js";
+import { a as ne, i as re, n as ie, r as ae, t as oe } from "./field-anatomy-BDIP42MI.js";
 import { useId as se, useImperativeHandle as ce, useLayoutEffect as l, useRef as u, useState as d } from "react";
 import { vars as f } from "@jfrader/tokens/vars";
 import { createElement as le } from "@emotion/react";

package/dist/mention-input.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as MentionInput, n as mentionText, r as serializeMentions } from "./mention-input-sq61si9L.js";
+export { t as MentionInput, n as mentionText, r as serializeMentions } from "./mention-input-BjjAbJCf.js";

package/dist/{menu-DDKgmK2F.js → menu-CVzpsyXn.js}

@@ -1,14 +1,15 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { r } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
-import { t as a } from "./trigger-style-B1KVC8O1.js";
+import { t as a } from "./trigger-style-CtOrdPk4.js";
 import { a as o, n as s, r as c } from "./overlay-layer-qEbpEtb8.js";
-import { o as l, s as u, t as d } from "./listbox-style-WX-RASp1.js";
-import { i as f, n as p } from "./collection-registry-k6JcD3Jr.js";
-import { t as m } from "./overlay-portal-C4JZFq2M.js";
-import { t as h } from "./use-overlay-floating-Bx2jBKAA.js";
+import { o as l, s as u, t as d } from "./listbox-style-DNOxAulu.js";
+import { t as f } from "./overlay-portal-C9igMHnC.js";
+import { t as p } from "./use-overlay-floating-Bx2jBKAA.js";
+import { i as m, n as h } from "./collection-registry-k6JcD3Jr.js";
 import { createContext as g, useContext as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
 import { vars as S } from "@jfrader/tokens/vars";
 import { jsx as C } from "@emotion/react/jsx-runtime";
@@ -59,21 +60,26 @@ var z = (...e) => e.filter(Boolean).join(" ") || void 0, B = e({
 	transitionProperty: "background-color",
 	transitionDuration: S.motion.duration.fast,
 	transitionTimingFunction: S.motion.easeStandard,
-	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" }
+	"&:focus-visible": { ...t },
+	[n]: { transitionDuration: "0s" }
 }), V = e({
 	blockSize: "1px",
 	marginBlock: S.space[1],
 	backgroundColor: S.color.border
-}), H = [B, d], U = V, ee = {
+}), H = [B, d], ee = V, te = {
 	neutral: e({}),
 	danger: e({
 		color: S.color.dangerText,
 		"&:hover:not([aria-disabled=\"true\"]), &[data-active]:not([aria-disabled=\"true\"])": { backgroundColor: S.color.dangerSoft }
 	})
 };
-function te({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bottom-start", positioning: a, nodeId: s, children: c }) {
-	let [l = !1, u] = i(e, t, n), [d, f] = x(null), p = b([]), m = b([]), g = b(/* @__PURE__ */ new Set()), _ = b(!1), { refs: S, floatingStyles: w, context: T } = h({
+function U(e) {
+	if (!e?.isConnected || e.closest("[inert]")) return;
+	let t = e.ownerDocument.activeElement;
+	t && t !== e.ownerDocument.body || e.focus();
+}
+function ne({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bottom-start", positioning: a, nodeId: s, children: c }) {
+	let [l = !1, u] = i(e, t, n), [d, f] = x(null), m = b([]), h = b([]), g = b(/* @__PURE__ */ new Set()), _ = b(!1), { refs: S, floatingStyles: w, context: T } = p({
 		...a,
 		open: l,
 		placement: r,
@@ -83,15 +89,10 @@ function te({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bot
 		}
 	});
 	v(() => {
-		if (l || !_.current) return;
-		_.current = !1;
-		let e = S.domReference.current;
-		if (!e?.isConnected || e.closest("[inert]")) return;
-		let t = e.ownerDocument.activeElement;
-		t && t !== e.ownerDocument.body || e.focus();
+		!l && _.current && (_.current = !1, U(S.domReference.current));
 	}, [l, S]);
 	let k = E(T), P = A(T, { role: "menu" }), F = o(T, "container"), I = O(T, {
-		listRef: p,
+		listRef: m,
 		activeIndex: d,
 		onNavigate: f,
 		loop: !0,
@@ -99,7 +100,7 @@ function te({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bot
 		disabledIndices: (e) => g.current.has(e),
 		focusItemOnOpen: !0
 	}), L = j(T, {
-		listRef: m,
+		listRef: h,
 		activeIndex: d,
 		onMatch: l ? f : void 0,
 		resetMs: M
@@ -122,8 +123,8 @@ function te({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bot
 		refs: S,
 		floatingContext: T,
 		floatingStyles: w,
-		elementsRef: p,
-		labelsRef: m,
+		elementsRef: m,
+		labelsRef: h,
 		disabledIndices: g.current,
 		getReferenceProps: R,
 		getFloatingProps: z,
@@ -146,7 +147,7 @@ function te({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bot
 	});
 }
 function W(e) {
-	return /* @__PURE__ */ C(c, { children: (t) => /* @__PURE__ */ C(te, {
+	return /* @__PURE__ */ C(c, { children: (t) => /* @__PURE__ */ C(ne, {
 		...e,
 		nodeId: t
 	}) });
@@ -155,17 +156,17 @@ function G(e) {
 	return /* @__PURE__ */ C(W, { ...e });
 }
 G.displayName = "Menu";
-function K({ family: e, marker: n, styles: r, ref: i, className: a, sx: o, ...s }) {
+function K({ family: e, marker: t, styles: n, ref: i, className: a, sx: o, ...s }) {
 	let { refs: c, getReferenceProps: l } = F(e, "Trigger"), u = k([c.setReference, i]);
-	return /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ C(r, {
 		className: a,
-		styles: r,
+		styles: n,
 		sx: o,
 		children: (e) => /* @__PURE__ */ C("button", {
 			type: "button",
 			...R(s, l),
 			ref: u,
-			"data-ui": n,
+			"data-ui": t,
 			className: e
 		})
 	});
@@ -179,47 +180,54 @@ function q(e) {
 	});
 }
 q.displayName = "Menu.Trigger";
-function J({ family: e, marker: n, styles: r, ref: i, style: a, children: o, className: c, sx: l, "aria-label": u, "aria-labelledby": d, defaultLabelledBy: f, ...p }) {
-	let { open: h, nodeId: g, refs: _, floatingContext: v, floatingStyles: y, elementsRef: b, labelsRef: x, getFloatingProps: S } = F(e, "Content"), E = k([_.setFloating, i]);
-	if (!h) return null;
-	let D = S(p), O = f ?? D["aria-labelledby"], A = d === void 0 ? u === void 0 ? O : void 0 : z(d, O);
-	return /* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(w, {
-		context: v,
+function J({ family: e, marker: t, styles: n, ref: i, style: a, children: o, className: s, sx: c, "aria-label": l, "aria-labelledby": u, defaultLabelledBy: d, ...p }) {
+	let { open: m, refs: h, floatingContext: g, floatingStyles: _, getFloatingProps: v } = F(e, "Content"), y = k([h.setFloating, i]);
+	if (!m) return null;
+	let b = v(p), x = d ?? b["aria-labelledby"], S = u === void 0 ? l === void 0 ? x : void 0 : z(u, x);
+	return /* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(w, {
+		context: g,
 		modal: !1,
 		initialFocus: -1,
 		returnFocus: !1,
 		restoreFocus: !0,
-		children: /* @__PURE__ */ C(t, {
-			className: c,
-			styles: r,
-			sx: l,
-			children: (e) => /* @__PURE__ */ C("div", {
-				...D,
-				"aria-label": u,
-				"aria-labelledby": A,
-				ref: E,
-				"data-ui": n,
+		children: /* @__PURE__ */ C(r, {
+			className: s,
+			styles: n,
+			sx: c,
+			children: (n) => /* @__PURE__ */ C("div", {
+				...b,
+				"aria-label": l,
+				"aria-labelledby": S,
+				ref: y,
+				"data-ui": t,
 				style: {
 					...a,
-					...y
+					..._
 				},
-				className: e,
-				children: /* @__PURE__ */ C(T, {
-					elementsRef: b,
-					labelsRef: x,
-					children: /* @__PURE__ */ C(P.Provider, {
-						value: !0,
-						children: /* @__PURE__ */ C(s, {
-							nodeId: g,
-							children: o
-						})
-					})
+				className: n,
+				children: /* @__PURE__ */ C(Y, {
+					family: e,
+					children: o
 				})
 			})
 		})
 	}) });
 }
-function Y(e) {
+function Y({ family: e, children: t }) {
+	let { nodeId: n, elementsRef: r, labelsRef: i } = F(e, "Content");
+	return /* @__PURE__ */ C(T, {
+		elementsRef: r,
+		labelsRef: i,
+		children: /* @__PURE__ */ C(P.Provider, {
+			value: !0,
+			children: /* @__PURE__ */ C(s, {
+				nodeId: n,
+				children: t
+			})
+		})
+	});
+}
+function X(e) {
 	return /* @__PURE__ */ C(J, {
 		...e,
 		family: "Menu",
@@ -227,69 +235,78 @@ function Y(e) {
 		styles: [u, l]
 	});
 }
-Y.displayName = "Menu.Content";
-function X({ family: e, marker: n, styles: r, ref: i, onSelect: a, disabled: o = !1, part: s = "Item", itemRole: c = "menuitem", closeOnSelect: l = !0, onClick: u, className: d, sx: m, ...h }) {
-	let { activeIndex: g, requestClose: _, disabledIndices: v, getItemProps: y } = I(e, s), { ref: b, index: x } = f({ label: o ? null : void 0 }), S = k([b, i]), w = x !== -1 && g === x;
-	p(x, o, v);
-	let T = (e) => {
-		o || (u?.(e), a?.(), l && !e.defaultPrevented && _(!0));
+X.displayName = "Menu.Content";
+function Z({ family: e, marker: t, styles: n, ref: i, onSelect: a, disabled: o = !1, part: s = "Item", itemRole: c = "menuitem", closeOnSelect: l = !0, busy: u = !1, render: d, onClick: f, onKeyDown: p, className: g, sx: _, ...v }) {
+	let { activeIndex: y, requestClose: b, disabledIndices: x, getItemProps: S } = I(e, s), { ref: w, index: T } = m({ label: o ? null : void 0 }), E = k([w, i]), D = T !== -1 && y === T;
+	h(T, o, x);
+	let O = f, A = (e) => {
+		o || u ? e.preventDefault() : (O?.(e), a?.(), l && !e.defaultPrevented && b(!0));
+	}, j = p, M = (e) => {
+		j?.(e), !(d === void 0 || e.defaultPrevented || e.key !== " ") && (e.preventDefault(), e.currentTarget.click());
 	};
-	return /* @__PURE__ */ C(t, {
-		className: d,
-		styles: r,
-		sx: m,
-		children: (e) => /* @__PURE__ */ C("button", {
-			type: "button",
-			...y({
-				...h,
-				onClick: T
-			}),
-			ref: S,
-			role: c,
-			tabIndex: w ? 0 : -1,
-			"aria-disabled": o || void 0,
-			"data-active": w || void 0,
-			"data-ui": n,
-			className: e
-		})
+	return /* @__PURE__ */ C(r, {
+		className: g,
+		styles: n,
+		sx: _,
+		children: (e) => {
+			let n = {
+				...S({
+					...v,
+					onClick: A,
+					onKeyDown: M
+				}),
+				ref: E,
+				role: c,
+				tabIndex: D ? 0 : -1,
+				"aria-disabled": o || u || void 0,
+				"aria-busy": u || void 0,
+				"data-active": D || void 0,
+				"data-ui": t,
+				className: e
+			};
+			return d ? d(n) : /* @__PURE__ */ C("button", {
+				type: "button",
+				...n
+			});
+		}
 	});
 }
-function Z(e) {
-	return /* @__PURE__ */ C(X, {
+function Q(e) {
+	return /* @__PURE__ */ C(Z, {
 		...e,
 		family: "Menu",
 		marker: "menu-item",
 		styles: H
 	});
 }
-Z.displayName = "Menu.Item";
-function Q({ marker: e, styles: n, ref: r, className: i, sx: a, ...o }) {
-	return /* @__PURE__ */ C(t, {
+Q.displayName = "Menu.Item";
+function $({ marker: e, styles: t, ref: n, className: i, sx: a, ...o }) {
+	return /* @__PURE__ */ C(r, {
 		className: i,
-		styles: n,
+		styles: t,
 		sx: a,
 		children: (t) => /* @__PURE__ */ C("div", {
 			...o,
-			ref: r,
+			ref: n,
 			role: "separator",
 			"data-ui": e,
 			className: t
 		})
 	});
 }
-function $(e) {
-	return /* @__PURE__ */ C(Q, {
+function re(e) {
+	return /* @__PURE__ */ C($, {
 		...e,
 		marker: "menu-separator",
 		styles: V
 	});
 }
-$.displayName = "Menu.Separator";
-var ne = Object.assign(G, {
+re.displayName = "Menu.Separator";
+var ie = Object.assign(G, {
 	Trigger: q,
-	Content: Y,
-	Item: Z,
-	Separator: $
+	Content: X,
+	Item: Q,
+	Separator: re
 });
 //#endregion
-export { Q as a, H as c, F as d, X as i, ee as l, J as n, K as o, W as r, R as s, ne as t, U as u };
+export { Z as a, R as c, te as d, ee as f, W as i, z as l, F as m, Y as n, $ as o, U as p, J as r, K as s, ie as t, H as u };

package/dist/menu.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Menu } from "./menu-DDKgmK2F.js";
+export { t as Menu } from "./menu-CVzpsyXn.js";