@cascivo/react 0.12.0 → 0.13.1

package/dist/node/header-panel/header-panel.js

@@ -1,18 +1,18 @@
 "use client";
 
 import e from "./header-panel.module.js";
-import { cn as t, useEffectPropSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useRef as l } from "react";
+import { cn as t, focusElement as n, useEffectPropSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
+import { useRef as o } from "react";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/header-panel/header-panel.tsx
-function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h }) {
-	i();
-	let g = l(null), _ = l(null), v = n(u), y = l(d);
-	return y.current = d, r(() => {
-		let e = g.current;
-		if (e) if (v.value) {
-			_.current = document.activeElement;
+function d({ open: d, onClose: f, label: p, children: m, labels: h, className: g }) {
+	a();
+	let _ = o(null), v = o(null), y = r(d), b = o(f);
+	return b.current = f, i(() => {
+		let e = _.current;
+		if (e) if (y.value) {
+			v.current = document.activeElement;
 			try {
 				e.showPopover();
 			} catch {}
@@ -21,40 +21,40 @@ function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h
 			try {
 				e.hidePopover();
 			} catch {}
-			_.current?.focus(), _.current = null;
+			n(v.current), v.current = null;
 		}
-	}), r(() => {
-		let e = g.current;
+	}), i(() => {
+		let e = _.current;
 		if (!e) return;
 		let t = (e) => {
 			let t = "newState" in e ? e.newState === "closed" : !0;
-			v.peek() && t && y.current();
+			y.peek() && t && b.current();
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}), /* @__PURE__ */ c("div", {
-		ref: g,
+	}), /* @__PURE__ */ u("div", {
+		ref: _,
 		popover: "auto",
 		role: "region",
-		"aria-label": f,
+		"aria-label": p,
 		tabIndex: -1,
-		"data-state": u ? "open" : "closed",
-		className: t(e.panel, h),
-		children: [/* @__PURE__ */ c("div", {
+		"data-state": d ? "open" : "closed",
+		className: t(e.panel, g),
+		children: [/* @__PURE__ */ u("div", {
 			className: e.header,
-			children: [/* @__PURE__ */ s("span", {
+			children: [/* @__PURE__ */ l("span", {
 				className: e.title,
-				children: f
-			}), /* @__PURE__ */ s("button", {
+				children: p
+			}), /* @__PURE__ */ l("button", {
 				type: "button",
-				"aria-label": m?.close ?? o(a.headerPanel.close),
+				"aria-label": h?.close ?? c(s.headerPanel.close),
 				className: e.close,
-				onClick: () => y.current(),
-				children: /* @__PURE__ */ s("svg", {
+				onClick: () => b.current(),
+				children: /* @__PURE__ */ l("svg", {
 					viewBox: "0 0 16 16",
 					width: "14",
 					height: "14",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ s("path", {
+					children: /* @__PURE__ */ l("path", {
 						d: "M4 4l8 8M12 4l-8 8",
 						stroke: "currentColor",
 						strokeWidth: "1.5",
@@ -62,11 +62,11 @@ function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h
 					})
 				})
 			})]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: e.body,
-			children: p
+			children: m
 		})]
 	});
 }
 //#endregion
-export { u as HeaderPanel };
+export { d as HeaderPanel };

package/dist/node/hover-card/hover-card.js

@@ -3,15 +3,15 @@
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./hover-card.module.js";
 import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as a, useRef as o } from "react";
+import { createContext as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region ../components/src/hover-card/hover-card.tsx
-var s = a(null);
-function c({ children: t, openDelay: r = 300, closeDelay: a = 100 }) {
-	let c = e(), l = o(void 0), u = o(void 0), d = o(r);
+var s = i(null);
+function c({ children: t, openDelay: r = 300, closeDelay: i = 100 }) {
+	let c = e(), l = a(void 0), u = a(void 0), d = a(r);
 	d.current = r;
-	let f = o(a);
-	f.current = a;
+	let f = a(i);
+	f.current = i;
 	let p = {
 		...c,
 		open: () => {
@@ -27,17 +27,17 @@ function c({ children: t, openDelay: r = 300, closeDelay: a = 100 }) {
 	};
 	return n(() => () => {
 		clearTimeout(l.current), clearTimeout(u.current);
-	}), /* @__PURE__ */ i(s.Provider, {
+	}), /* @__PURE__ */ o(s.Provider, {
 		value: p,
 		children: t
 	});
 }
 function l({ ctx: e, children: n }) {
 	r();
-	let { triggerRef: a, anchorName: o, open: s, close: c } = e;
-	return /* @__PURE__ */ i("span", {
-		ref: a,
-		style: { anchorName: o },
+	let { triggerRef: i, anchorName: a, open: s, close: c } = e;
+	return /* @__PURE__ */ o("span", {
+		ref: i,
+		style: { anchorName: a },
 		onMouseEnter: s,
 		onMouseLeave: c,
 		onFocus: s,
@@ -47,33 +47,33 @@ function l({ ctx: e, children: n }) {
 	});
 }
 function u({ children: e }) {
-	return /* @__PURE__ */ i(s.Consumer, { children: (t) => {
+	return /* @__PURE__ */ o(s.Consumer, { children: (t) => {
 		if (!t) throw Error("HoverCardTrigger must be inside <HoverCard>");
-		return /* @__PURE__ */ i(l, {
+		return /* @__PURE__ */ o(l, {
 			ctx: t,
 			children: e
 		});
 	} });
 }
-function d({ ctx: e, children: n, className: a }) {
+function d({ ctx: e, children: n, className: i }) {
 	r();
-	let { popoverRef: o, anchorName: s, isOpen: c, open: l, close: u } = e;
-	return /* @__PURE__ */ i("div", {
-		ref: o,
+	let { popoverRef: a, anchorName: s, isOpen: c, open: l, close: u } = e;
+	return /* @__PURE__ */ o("div", {
+		ref: a,
 		popover: "auto",
 		role: "complementary",
 		"data-state": c.value ? "open" : "closed",
 		style: { positionAnchor: s },
 		onMouseEnter: l,
 		onMouseLeave: u,
-		className: [t.content, a].filter(Boolean).join(" "),
+		className: [t.content, i].filter(Boolean).join(" "),
 		children: n
 	});
 }
 function f({ children: e, className: t }) {
-	return /* @__PURE__ */ i(s.Consumer, { children: (n) => {
+	return /* @__PURE__ */ o(s.Consumer, { children: (n) => {
 		if (!n) throw Error("HoverCardContent must be inside <HoverCard>");
-		return /* @__PURE__ */ i(d, {
+		return /* @__PURE__ */ o(d, {
 			ctx: n,
 			...t !== void 0 && { className: t },
 			children: e

package/dist/node/icon-button/icon-button.js

@@ -2,13 +2,13 @@
 
 import e from "./icon-button.module.js";
 import { Slot as t, cn as n } from "@cascivo/core";
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/icon-button/icon-button.tsx
-var a = i(function({ label: i, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
-	return /* @__PURE__ */ r(l ? t : "button", {
+var a = r(function({ label: r, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
+	return /* @__PURE__ */ i(l ? t : "button", {
 		type: l ? void 0 : "button",
-		"aria-label": i ?? a,
+		"aria-label": r ?? a,
 		"data-size": s,
 		"data-variant": c,
 		className: n(e.iconButton, u),

package/dist/node/icon-button/icon-button.module.js

@@ -1,5 +1,5 @@
 "use client";
 
-var e = { iconButton: "_iconButton_13zh2_2" };
+var e = { iconButton: "_iconButton_1f9hf_2" };
 //#endregion
 export { e as default };

package/dist/node/input/input.js

@@ -2,53 +2,54 @@
 
 import e from "./input.module.js";
 import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/input/input.tsx
-var o = n({
+var s = n({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-});
-function s({ label: n, hint: s, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }) {
-	let [h, g] = r(o), _ = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ a("div", {
+}), c = i(function({ label: n, hint: i, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }, h) {
+	let [g, _] = r(s), v = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ o("div", {
 		className: t(e.wrapper, u),
-		"data-state": c ? "error" : h.value,
+		"data-state": c ? "error" : g.value,
 		"data-size": l,
 		children: [
-			n && /* @__PURE__ */ i("label", {
+			n && /* @__PURE__ */ a("label", {
 				className: e.label,
-				htmlFor: _,
+				htmlFor: v,
 				children: n
 			}),
-			/* @__PURE__ */ i("input", {
-				id: _,
+			/* @__PURE__ */ a("input", {
+				ref: h,
+				id: v,
 				className: e.input,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${_}-error` : s ? `${_}-hint` : void 0,
+				"aria-describedby": c ? `${v}-error` : i ? `${v}-hint` : void 0,
 				onFocus: (e) => {
-					g("FOCUS"), f?.(e);
+					_("FOCUS"), f?.(e);
 				},
 				onBlur: (e) => {
-					g("BLUR"), p?.(e);
+					_("BLUR"), p?.(e);
 				},
 				...m
 			}),
-			c && /* @__PURE__ */ i("span", {
-				id: `${_}-error`,
+			c && /* @__PURE__ */ a("span", {
+				id: `${v}-error`,
 				className: e.error,
 				role: "alert",
 				children: c
 			}),
-			!c && s && /* @__PURE__ */ i("span", {
-				id: `${_}-hint`,
+			!c && i && /* @__PURE__ */ a("span", {
+				id: `${v}-hint`,
 				className: e.hint,
-				children: s
+				children: i
 			})
 		]
 	});
-}
+});
 //#endregion
-export { s as Input };
+export { c as Input };

package/dist/node/input/input.module.js

@@ -1,11 +1,11 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_ao79u_2",
-	label: "_label_ao79u_26",
-	input: "_input_ao79u_34",
-	error: "_error_ao79u_77",
-	hint: "_hint_ao79u_84"
+	wrapper: "_wrapper_swdj6_2",
+	label: "_label_swdj6_30",
+	input: "_input_swdj6_38",
+	error: "_error_swdj6_81",
+	hint: "_hint_swdj6_88"
 };
 //#endregion
 export { e as default };

package/dist/node/item/item.module.js

@@ -1,12 +1,12 @@
 "use client";
 
 var e = {
-	item: "_item_1uxrt_2",
-	media: "_media_1uxrt_30",
-	content: "_content_1uxrt_38",
-	title: "_title_1uxrt_45",
-	description: "_description_1uxrt_51",
-	actions: "_actions_1uxrt_58"
+	item: "_item_e9n8e_2",
+	media: "_media_e9n8e_32",
+	content: "_content_e9n8e_40",
+	title: "_title_e9n8e_47",
+	description: "_description_e9n8e_53",
+	actions: "_actions_e9n8e_60"
 };
 //#endregion
 export { e as default };

package/dist/node/layouts/src/page-header/page-header.js

@@ -0,0 +1,33 @@
+"use client";
+
+import e from "./page-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../layouts/src/page-header/page-header.tsx
+function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {
+	return /* @__PURE__ */ r("header", {
+		className: t(e.header, c),
+		children: [
+			o && /* @__PURE__ */ n("div", {
+				className: e.breadcrumb,
+				children: o
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e.row,
+				children: [/* @__PURE__ */ n("h1", {
+					className: e.title,
+					children: i
+				}), s && /* @__PURE__ */ n("div", {
+					className: e.actions,
+					children: s
+				})]
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: e.description,
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { i as PageHeader };

package/dist/node/layouts/src/page-header/page-header.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+var e = {
+	header: "_header_e7nyb_2",
+	breadcrumb: "_breadcrumb_e7nyb_8",
+	row: "_row_e7nyb_12",
+	title: "_title_e7nyb_20",
+	actions: "_actions_e7nyb_28",
+	description: "_description_e7nyb_35"
+};
+//#endregion
+export { e as default };

package/dist/node/link/link.js

@@ -1,22 +1,24 @@
 "use client";
 
 import e from "./link.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/link/link.tsx
-function r({ variant: r = "standalone", size: i = "md", external: a = !1, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ n("a", {
+var a = r(function({ variant: r = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }, d) {
+	return /* @__PURE__ */ i(s ? t : "a", {
 		"data-variant": r,
-		"data-size": i,
-		"data-external": a || void 0,
-		className: t(e.link, o),
-		...a ? {
+		"data-size": a,
+		"data-external": o || void 0,
+		className: n(e.link, c),
+		...o ? {
 			target: "_blank",
 			rel: "noreferrer"
 		} : {},
-		...c,
-		children: s
+		ref: d,
+		...u,
+		children: l
 	});
-}
+});
 //#endregion
-export { r as Link };
+export { a as Link };

package/dist/node/log-viewer/log-viewer.js

@@ -2,9 +2,9 @@
 
 import e from "./log-viewer.module.js";
 import { VisuallyHidden as t, cn as n, useClipboard as r, useComputed as i, useControllableSignal as a, useResizeObserver as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
-import { builtin as u, t as d } from "@cascivo/i18n";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Fragment as m } from "react";
+import { Fragment as u } from "react";
+import { builtin as d, t as f } from "@cascivo/i18n";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../components/src/log-viewer/log-viewer.tsx
 var h = {
 	30: "black",
@@ -52,11 +52,11 @@ function g(e) {
 function _(e, t, n) {
 	if (!t) return e;
 	let r = e.toLowerCase(), i = t.toLowerCase(), a = [], o = 0, s = r.indexOf(i, o), c = 0;
-	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ f("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
+	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ p("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
 	return o < e.length && a.push(e.slice(o)), a;
 }
 function v(t, n, r) {
-	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ f("span", {
+	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ p("span", {
 		"data-ansi": n.color,
 		style: n.bold ? { fontWeight: 700 } : void 0,
 		className: n.color ? e.ansi : void 0,
@@ -66,13 +66,13 @@ function v(t, n, r) {
 function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowChange: b, ansi: x = !1, search: S, maxHeight: C = "24rem", labels: w, className: T, ...E }) {
 	l();
 	let D = {
-		searchPlaceholder: w?.searchPlaceholder ?? d(u.logViewer.search),
-		follow: w?.follow ?? d(u.logViewer.follow),
-		paused: w?.paused ?? d(u.logViewer.paused),
-		copy: w?.copy ?? d(u.logViewer.copy),
-		copied: w?.copied ?? d(u.logViewer.copied),
-		empty: w?.empty ?? d(u.logViewer.empty),
-		label: d(u.logViewer.label)
+		searchPlaceholder: w?.searchPlaceholder ?? f(d.logViewer.search),
+		follow: w?.follow ?? f(d.logViewer.follow),
+		paused: w?.paused ?? f(d.logViewer.paused),
+		copy: w?.copy ?? f(d.logViewer.copy),
+		copied: w?.copied ?? f(d.logViewer.copied),
+		empty: w?.empty ?? f(d.logViewer.empty),
+		label: f(d.logViewer.label)
 	}, O = s(Array.isArray(h) ? h : []);
 	Array.isArray(h) && (O.value = h);
 	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = o(), M = s(0), [N, P] = a({
@@ -103,14 +103,14 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 		let t = e.currentTarget;
 		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
 	}, V = R.value, H = F.value.trim();
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: n(e.root, T),
 		...E,
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: e.toolbar,
 				children: [
-					/* @__PURE__ */ f("input", {
+					/* @__PURE__ */ p("input", {
 						type: "search",
 						className: e.search,
 						placeholder: D.searchPlaceholder,
@@ -120,13 +120,13 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 							F.value = e.currentTarget.value;
 						}
 					}),
-					H ? /* @__PURE__ */ f("span", {
+					H ? /* @__PURE__ */ p("span", {
 						className: e.count,
 						"aria-live": "polite",
-						children: d(u.logViewer.matches, { count: z.value })
+						children: f(d.logViewer.matches, { count: z.value })
 					}) : null,
-					/* @__PURE__ */ f("span", { className: e.spacer }),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ p("span", { className: e.spacer }),
+					/* @__PURE__ */ p("button", {
 						type: "button",
 						className: e.toggle,
 						"aria-pressed": N.value,
@@ -139,7 +139,7 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 						},
 						children: N.value ? D.follow : D.paused
 					}),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ p("button", {
 						type: "button",
 						className: e.copy,
 						onClick: () => void L(k.value.map((e) => e.text).join("\n")),
@@ -147,7 +147,7 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				ref: A,
 				className: e.scroll,
 				role: "log",
@@ -156,13 +156,13 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 				tabIndex: 0,
 				style: { maxBlockSize: C },
 				onScroll: B,
-				children: V.total === 0 ? /* @__PURE__ */ f("div", {
+				children: V.total === 0 ? /* @__PURE__ */ p("div", {
 					className: e.empty,
 					children: D.empty
-				}) : /* @__PURE__ */ f("div", {
+				}) : /* @__PURE__ */ p("div", {
 					className: e.sizer,
 					style: { blockSize: V.total * g },
-					children: V.rows.map((t, n) => /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
+					children: V.rows.map((t, n) => /* @__PURE__ */ p(u, { children: /* @__PURE__ */ p("div", {
 						className: e.line,
 						"data-level": t.level,
 						style: {
@@ -173,9 +173,9 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 					}) }, t.id))
 				})
 			}),
-			/* @__PURE__ */ f(t, {
+			/* @__PURE__ */ p(t, {
 				"aria-live": "polite",
-				children: d(u.logViewer.lines, { count: V.total })
+				children: f(d.logViewer.lines, { count: V.total })
 			})
 		]
 	});

package/dist/node/menu/menu.js

@@ -3,11 +3,11 @@
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./menu.module.js";
 import { useSignalEffect as n, useSignals as r, useTypeahead as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { createContext as s } from "react";
+import { createContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/menu/menu.tsx
-var c = s(null);
-function l({ ctx: e, children: o }) {
+var c = a(null);
+function l({ ctx: e, children: a }) {
 	r();
 	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
 		let e = s.current;
@@ -22,7 +22,7 @@ function l({ ctx: e, children: o }) {
 		if (!l.value) return;
 		let e = s.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ a("div", {
+	}), /* @__PURE__ */ o("div", {
 		ref: s,
 		popover: "auto",
 		role: "menu",
@@ -46,13 +46,13 @@ function l({ ctx: e, children: o }) {
 				default: f.onKeyDown(e);
 			}
 		},
-		children: o
+		children: a
 	});
 }
 function u({ children: e }) {
-	return /* @__PURE__ */ a(c.Consumer, { children: (t) => {
+	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ a(l, {
+		return /* @__PURE__ */ o(l, {
 			ctx: t,
 			children: e
 		});
@@ -60,16 +60,16 @@ function u({ children: e }) {
 }
 function d({ children: t }) {
 	let n = e(), [r, ...i] = Array.isArray(t) ? t : [t];
-	return /* @__PURE__ */ o(c.Provider, {
+	return /* @__PURE__ */ s(c.Provider, {
 		value: n,
-		children: [r, /* @__PURE__ */ a(u, { children: i })]
+		children: [r, /* @__PURE__ */ o(u, { children: i })]
 	});
 }
 function f({ ctx: e, children: n, "aria-label": i }) {
 	r();
-	let { triggerRef: o, toggle: s, anchorName: c, isOpen: l } = e;
-	return /* @__PURE__ */ a("button", {
-		ref: o,
+	let { triggerRef: a, toggle: s, anchorName: c, isOpen: l } = e;
+	return /* @__PURE__ */ o("button", {
+		ref: a,
 		type: "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": l.value,
@@ -81,9 +81,9 @@ function f({ ctx: e, children: n, "aria-label": i }) {
 	});
 }
 function p({ children: e, "aria-label": t }) {
-	return /* @__PURE__ */ a(c.Consumer, { children: (n) => {
+	return /* @__PURE__ */ o(c.Consumer, { children: (n) => {
 		if (!n) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ a(f, {
+		return /* @__PURE__ */ o(f, {
 			ctx: n,
 			...t !== void 0 && { "aria-label": t },
 			children: e
@@ -91,16 +91,16 @@ function p({ children: e, "aria-label": t }) {
 	} });
 }
 function m({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ a(c.Consumer, { children: (i) => {
+	return /* @__PURE__ */ o(c.Consumer, { children: (i) => {
 		if (!i) throw Error("MenuItem must be inside <Menu>");
-		let { close: o } = i;
+		let { close: a } = i;
 		function s() {
-			r || (n(), o());
+			r || (n(), a());
 		}
 		function c(e) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s());
 		}
-		return /* @__PURE__ */ a("div", {
+		return /* @__PURE__ */ o("div", {
 			role: "menuitem",
 			tabIndex: r ? -1 : 0,
 			"aria-disabled": r,
@@ -112,7 +112,7 @@ function m({ children: e, onSelect: n, disabled: r }) {
 	} });
 }
 function h() {
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		role: "separator",
 		className: t.separator
 	});