@cascivo/react 0.13.1 → 0.16.0

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

@@ -1,8 +1,8 @@
 "use client";
 
 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 { Fragment as u } from "react";
+import { Fragment as t } from "react";
+import { VisuallyHidden as n, cn as r, useClipboard as i, useComputed as a, useControllableSignal as o, useResizeObserver as s, useSignal as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
 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
@@ -64,7 +64,7 @@ function v(t, n, r) {
 	}, i));
 }
 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();
+	u();
 	let D = {
 		searchPlaceholder: w?.searchPlaceholder ?? f(d.logViewer.search),
 		follow: w?.follow ?? f(d.logViewer.follow),
@@ -73,13 +73,13 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 		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 : []);
+	}, O = c(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({
+	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = s(), M = c(0), [N, P] = o({
 		value: y,
 		defaultValue: !0,
 		onChange: b
-	}), F = s(S ?? ""), { copied: I, copy: L } = r(), R = i(() => {
+	}), F = c(S ?? ""), { copied: I, copy: L } = i(), R = a(() => {
 		let e = k.value, t = e.length, n = j.value?.height ?? 320, r = Math.max(0, t * g - n), i = N.value ? r : M.value, a = Math.floor(i / g), o = Math.ceil(n / g) + _ * 2, s = Math.max(0, a - _), c = Math.min(t, s + o);
 		return {
 			total: t,
@@ -87,14 +87,14 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 			end: c,
 			rows: e.slice(s, c)
 		};
-	}), z = i(() => {
+	}), z = a(() => {
 		let e = F.value.trim().toLowerCase();
 		if (!e) return 0;
 		let t = 0;
 		for (let n of k.value) n.text.toLowerCase().includes(e) && t++;
 		return t;
 	});
-	c(() => {
+	l(() => {
 		if (k.value, !N.value) return;
 		let e = A.current;
 		e && (e.scrollTop = e.scrollHeight);
@@ -104,7 +104,7 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
 	}, V = R.value, H = F.value.trim();
 	return /* @__PURE__ */ m("div", {
-		className: n(e.root, T),
+		className: r(e.root, T),
 		...E,
 		children: [
 			/* @__PURE__ */ m("div", {
@@ -162,18 +162,18 @@ function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowCh
 				}) : /* @__PURE__ */ p("div", {
 					className: e.sizer,
 					style: { blockSize: V.total * g },
-					children: V.rows.map((t, n) => /* @__PURE__ */ p(u, { children: /* @__PURE__ */ p("div", {
+					children: V.rows.map((n, r) => /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p("div", {
 						className: e.line,
-						"data-level": t.level,
+						"data-level": n.level,
 						style: {
-							insetBlockStart: (V.start + n) * g,
+							insetBlockStart: (V.start + r) * g,
 							blockSize: g
 						},
-						children: v(t, x, H)
-					}) }, t.id))
+						children: v(n, x, H)
+					}) }, n.id))
 				})
 			}),
-			/* @__PURE__ */ p(t, {
+			/* @__PURE__ */ p(n, {
 				"aria-live": "polite",
 				children: f(d.logViewer.lines, { count: V.total })
 			})

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_1mutf_2",
 	toolbar: "_toolbar_1mutf_11",

package/dist/node/menu/menu.js

@@ -2,23 +2,23 @@
 
 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 { createContext as a } from "react";
+import { createContext as n } from "react";
+import { useSignalEffect as r, useSignals as i, useTypeahead as a } from "@cascivo/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/menu/menu.tsx
-var c = a(null);
-function l({ ctx: e, children: a }) {
-	r();
+var c = n(null);
+function l({ ctx: e, children: n }) {
+	i();
 	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
 		let e = s.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, d = (e) => {
 		let t = u();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, f = i({ onMatch: (e) => {
+	}, f = a({ onMatch: (e) => {
 		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
 	} });
-	return n(() => {
+	return r(() => {
 		if (!l.value) return;
 		let e = s.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
@@ -46,7 +46,7 @@ function l({ ctx: e, children: a }) {
 				default: f.onKeyDown(e);
 			}
 		},
-		children: a
+		children: n
 	});
 }
 function u({ children: e }) {
@@ -65,27 +65,28 @@ function d({ children: t }) {
 		children: [r, /* @__PURE__ */ o(u, { children: i })]
 	});
 }
-function f({ ctx: e, children: n, "aria-label": i }) {
-	r();
-	let { triggerRef: a, toggle: s, anchorName: c, isOpen: l } = e;
+function f({ ctx: e, children: n, ariaLabel: r, "aria-label": a }) {
+	i();
+	let { triggerRef: s, toggle: c, anchorName: l, isOpen: u } = e;
 	return /* @__PURE__ */ o("button", {
-		ref: a,
+		ref: s,
 		type: "button",
 		"aria-haspopup": "menu",
-		"aria-expanded": l.value,
-		"aria-label": i,
-		style: { anchorName: c },
-		onClick: s,
+		"aria-expanded": u.value,
+		"aria-label": r ?? a,
+		style: { anchorName: l },
+		onClick: c,
 		className: t.trigger,
 		children: n
 	});
 }
-function p({ children: e, "aria-label": t }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (n) => {
-		if (!n) throw Error("MenuTrigger must be inside <Menu>");
+function p({ children: e, ariaLabel: t, "aria-label": n }) {
+	let r = t ?? n;
+	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+		if (!t) throw Error("MenuTrigger must be inside <Menu>");
 		return /* @__PURE__ */ o(f, {
-			ctx: n,
-			...t !== void 0 && { "aria-label": t },
+			ctx: t,
+			...r !== void 0 && { ariaLabel: r },
 			children: e
 		});
 	} });

package/dist/node/menu/menu.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	trigger: "_trigger_11vpw_2",
 	panel: "_panel_11vpw_25",

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

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./menu-button.module.js";
-import { DismissableLayer as t, cn as n, focusElement as r, useAnchorPosition as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { useId as c, useRef as l } from "react";
+import { useId as t, useRef as n } from "react";
+import { DismissableLayer as r, cn as i, focusElement as a, useAnchorPosition as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../components/src/menu-button/menu-button.tsx
 function f(e, t) {
@@ -11,21 +11,21 @@ function f(e, t) {
 	n[t < 0 ? n.length - 1 : t % n.length]?.focus();
 }
 function p({ label: p, items: m, variant: h = "secondary", size: g = "md", disabled: _ = !1, align: v = "start", labels: y, className: b }) {
-	s();
-	let x = a(!1), S = l(null), C = l(null), w = c(), { anchorStyle: T, floatingStyle: E } = i({
+	l();
+	let x = s(!1), S = n(null), C = n(null), w = t(), { anchorStyle: T, floatingStyle: E } = o({
 		anchorRef: S,
 		floatingRef: C,
 		placement: v === "end" ? "bottom-end" : "bottom-start",
 		enabled: x
 	});
-	o(() => {
+	c(() => {
 		x.value && f(C.current, 0);
 	});
 	function D(e) {
 		_ || (x.value = !0, queueMicrotask(() => f(C.current, e)));
 	}
 	function O(e) {
-		x.value = !1, e && r(S.current);
+		x.value = !1, e && a(S.current);
 	}
 	function k(e) {
 		e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), D(0)) : e.key === "ArrowUp" && (e.preventDefault(), D(-1));
@@ -45,7 +45,7 @@ function p({ label: p, items: m, variant: h = "secondary", size: g = "md", disab
 		e.disabled || (e.onSelect?.(), O(!0));
 	}
 	return /* @__PURE__ */ d("div", {
-		className: n(e.root, b),
+		className: i(e.root, b),
 		children: [/* @__PURE__ */ u("button", {
 			ref: S,
 			type: "button",
@@ -63,7 +63,7 @@ function p({ label: p, items: m, variant: h = "secondary", size: g = "md", disab
 			},
 			onKeyDown: k,
 			children: p
-		}), x.value ? /* @__PURE__ */ u(t, {
+		}), x.value ? /* @__PURE__ */ u(r, {
 			onDismiss: () => O(!0),
 			children: /* @__PURE__ */ u("div", {
 				ref: C,

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_rzxsi_2",
 	trigger: "_trigger_rzxsi_7",

package/dist/node/menubar/menubar.js

@@ -1,32 +1,32 @@
 "use client";
 
 import e from "./menubar.module.js";
-import { DismissableLayer as t, Presence as n, cn as r, focusElement as i, useAnchorPosition as a, useRovingFocus as o, useSignal as s, useSignals as c } from "@cascivo/core";
-import { useId as l, useRef as u } from "react";
+import { useId as t, useRef as n } from "react";
+import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, useAnchorPosition as s, useRovingFocus as c, useSignal as l, useSignals as u } from "@cascivo/core";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../components/src/menubar/menubar.tsx
-function m({ menus: t, "aria-label": n, className: i }) {
-	c();
-	let a = l(), u = s(null), d = o({
+function m({ menus: n, ariaLabel: r, "aria-label": i, className: o }) {
+	u();
+	let s = t(), d = l(null), p = c({
 		orientation: "horizontal",
 		loop: !0
 	});
 	return /* @__PURE__ */ f("div", {
 		role: "menubar",
-		"aria-label": n,
-		className: r(e.menubar, i),
-		children: t.map((e, t) => /* @__PURE__ */ f(h, {
+		"aria-label": r ?? i,
+		className: a(e.menubar, o),
+		children: n.map((e, t) => /* @__PURE__ */ f(h, {
 			menu: e,
 			index: t,
-			baseId: a,
-			openId: u,
-			itemProps: d.getItemProps(t)
+			baseId: s,
+			openId: d,
+			itemProps: p.getItemProps(t)
 		}, e.id))
 	});
 }
-function h({ menu: t, baseId: r, openId: o, itemProps: s }) {
-	c();
-	let l = u(null), m = u(null), h = o.value === t.id, _ = `${r}-menu-${t.id}`, { anchorStyle: v, floatingStyle: y } = a({
+function h({ menu: t, baseId: r, openId: a, itemProps: c }) {
+	u();
+	let l = n(null), m = n(null), h = a.value === t.id, _ = `${r}-menu-${t.id}`, { anchorStyle: v, floatingStyle: y } = s({
 		anchorRef: l,
 		floatingRef: m,
 		placement: "bottom-start",
@@ -34,8 +34,8 @@ function h({ menu: t, baseId: r, openId: o, itemProps: s }) {
 	}), b = () => {
 		(m.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])"))?.focus();
 	}, x = (e) => {
-		s.onKeyDown(e), !e.defaultPrevented && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), o.value = t.id, requestAnimationFrame(b)) : e.key === "Escape" && (o.value = null));
-	}, { ref: S, onKeyDown: C, ...w } = s;
+		c.onKeyDown(e), !e.defaultPrevented && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), a.value = t.id, requestAnimationFrame(b)) : e.key === "Escape" && (a.value = null));
+	}, { ref: S, onKeyDown: C, ...w } = c;
 	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
 		ref: (e) => {
 			l.current = e, S(e);
@@ -49,12 +49,12 @@ function h({ menu: t, baseId: r, openId: o, itemProps: s }) {
 		className: e.trigger,
 		style: v,
 		onClick: () => {
-			o.value = h ? null : t.id;
+			a.value = h ? null : t.id;
 		},
 		onKeyDown: x,
 		...w,
 		children: t.label
-	}), /* @__PURE__ */ f(n, {
+	}), /* @__PURE__ */ f(i, {
 		present: h,
 		children: /* @__PURE__ */ f(g, {
 			menu: t,
@@ -62,28 +62,28 @@ function h({ menu: t, baseId: r, openId: o, itemProps: s }) {
 			floatingRef: m,
 			floatingStyle: y,
 			onClose: () => {
-				o.value = null, i(l.current);
+				a.value = null, o(l.current);
 			}
 		})
 	})] });
 }
-function g({ menu: n, menuId: r, floatingRef: i, floatingStyle: a, onClose: o }) {
+function g({ menu: t, menuId: n, floatingRef: i, floatingStyle: a, onClose: o }) {
 	let s = (e) => {
 		let t = Array.from(i.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") ?? []);
 		if (t.length === 0) return;
 		let n = t.indexOf(e.currentTarget);
 		e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
 	};
-	return /* @__PURE__ */ f(t, {
+	return /* @__PURE__ */ f(r, {
 		onDismiss: o,
 		children: /* @__PURE__ */ f("div", {
 			ref: i,
-			id: r,
+			id: n,
 			role: "menu",
-			"aria-label": typeof n.label == "string" ? n.label : void 0,
+			"aria-label": typeof t.label == "string" ? t.label : void 0,
 			className: e.panel,
 			style: a,
-			children: n.items.map((t) => /* @__PURE__ */ f("div", {
+			children: t.items.map((t) => /* @__PURE__ */ f("div", {
 				role: "menuitem",
 				tabIndex: -1,
 				"aria-disabled": t.disabled,

package/dist/node/menubar/menubar.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	menubar: "_menubar_1fs00_2",
 	trigger: "_trigger_1fs00_12",

package/dist/node/modal/modal.js

@@ -1,23 +1,23 @@
 "use client";
 
 import e from "./modal.module.js";
-import { cn as t, useDraggable as n, useEffectPropSignal as r, useId as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { useRef as s } from "react";
+import { useRef as t } from "react";
+import { cn as n, useDraggable as r, useEffectPropSignal as i, useId as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
 import { builtin as c, t as l } from "@cascivo/i18n";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../components/src/modal/modal.tsx
 function f({ open: f = !1, onClose: p, title: m, description: h, children: g, footer: _, className: v, size: y = "md", draggable: b = !1 }) {
-	o();
-	let x = s(null), S = s(p);
+	s();
+	let x = t(null), S = t(p);
 	S.current = p;
-	let C = i("cascivo-modal-title"), w = i("cascivo-modal-desc"), { handleRef: T, offset: E } = n({ isDisabled: !b }), D = b ? {
+	let C = a("cascivo-modal-title"), w = a("cascivo-modal-desc"), { handleRef: T, offset: E } = r({ isDisabled: !b }), D = b ? {
 		"--modal-x": `${E.value.x}px`,
 		"--modal-y": `${E.value.y}px`
-	} : void 0, O = r(f);
-	return a(() => {
+	} : void 0, O = i(f);
+	return o(() => {
 		let e = x.current;
 		e && (O.value ? e.open || e.showModal() : e.open && e.close());
-	}), a(() => {
+	}), o(() => {
 		let e = x.current;
 		if (!e) return;
 		let t = () => S.current?.();
@@ -26,7 +26,7 @@ function f({ open: f = !1, onClose: p, title: m, description: h, children: g, fo
 		ref: x,
 		"data-size": y,
 		"data-draggable": b || void 0,
-		className: t(e.dialog, v),
+		className: n(e.dialog, v),
 		style: D,
 		onClick: (e) => {
 			e.target === x.current && x.current?.close();

package/dist/node/modal/modal.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	dialog: "_dialog_hywey_2",
 	panel: "_panel_hywey_69",

package/dist/node/multi-select/multi-select.js

@@ -2,20 +2,20 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./multi-select.module.js";
-import { cn as n, focusElement as r, useComputed as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { useRef as c } from "react";
+import { useRef as n } from "react";
+import { cn as r, focusElement as i, useComputed as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
 import { builtin as l, t as u } from "@cascivo/i18n";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/multi-select/multi-select.tsx
 function p({ options: p, value: m, onValueChange: h, placeholder: g, disabled: _ = !1, labels: v, className: y, ...b }) {
-	s();
-	let x = e({ placement: "bottom" }), S = a(""), C = a(-1), w = c(null), T = c(null), E = i(() => {
+	c();
+	let x = e({ placement: "bottom" }), S = o(""), C = o(-1), w = n(null), T = n(null), E = a(() => {
 		let e = S.value.toLowerCase();
 		return e ? p.filter((t) => t.label.toLowerCase().includes(e)) : p;
 	});
-	o(() => {
-		x.isOpen.value ? (C.value = -1, setTimeout(() => r(T.current), 0)) : S.value = "";
-	}), o(() => {
+	s(() => {
+		x.isOpen.value ? (C.value = -1, setTimeout(() => i(T.current), 0)) : S.value = "";
+	}), s(() => {
 		let e = w.current;
 		if (!e || !x.isOpen.value) return;
 		let t = (e) => {
@@ -34,7 +34,7 @@ function p({ options: p, value: m, onValueChange: h, placeholder: g, disabled: _
 	}
 	let O = m.length === 0 ? g ?? v?.placeholder ?? u(l.multiSelect.placeholder) : v?.selected ? v.selected(m.length) : u(l.multiSelect.selected, { count: String(m.length) }), k = v?.search ?? u(l.multiSelect.search), A = v?.noResults ?? u(l.multiSelect.noResults);
 	return /* @__PURE__ */ f("div", {
-		className: n(t.wrapper, y),
+		className: r(t.wrapper, y),
 		...b,
 		children: [/* @__PURE__ */ f("button", {
 			ref: x.triggerRef,

package/dist/node/multi-select/multi-select.module.js

@@ -1,17 +1,15 @@
-"use client";
-
 var e = {
-	wrapper: "_wrapper_1fi6e_2",
-	trigger: "_trigger_1fi6e_12",
-	"trigger-label": "_trigger-label_1fi6e_51",
-	chevron: "_chevron_1fi6e_63",
-	panel: "_panel_1fi6e_83",
-	"search-row": "_search-row_1fi6e_128",
-	search: "_search_1fi6e_128",
-	options: "_options_1fi6e_149",
-	option: "_option_1fi6e_149",
-	checkbox: "_checkbox_1fi6e_177",
-	"no-results": "_no-results_1fi6e_192"
+	wrapper: "_wrapper_o9vhb_2",
+	trigger: "_trigger_o9vhb_12",
+	"trigger-label": "_trigger-label_o9vhb_51",
+	chevron: "_chevron_o9vhb_63",
+	panel: "_panel_o9vhb_83",
+	"search-row": "_search-row_o9vhb_128",
+	search: "_search_o9vhb_128",
+	options: "_options_o9vhb_149",
+	option: "_option_o9vhb_149",
+	checkbox: "_checkbox_o9vhb_177",
+	"no-results": "_no-results_o9vhb_192"
 };
 //#endregion
 export { e as default };

package/dist/node/native-select/native-select.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./native-select.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/native-select/native-select.tsx

package/dist/node/native-select/native-select.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_1s4kv_2",
 	select: "_select_1s4kv_24",

package/dist/node/navigation-menu/navigation-menu.js

@@ -1,42 +1,42 @@
 "use client";
 
 import e from "./navigation-menu.module.js";
-import { DismissableLayer as t, Presence as n, cn as r, focusElement as i, getLinkComponent as a, useAnchorPosition as o, useRovingFocus as s, useSignal as c, useSignals as l } from "@cascivo/core";
-import { useId as u, useRef as d } from "react";
+import { useId as t, useRef as n } from "react";
+import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, getLinkComponent as s, useAnchorPosition as c, useRovingFocus as l, useSignal as u, useSignals as d } from "@cascivo/core";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../components/src/navigation-menu/navigation-menu.tsx
-function m({ items: t, "aria-label": n, orientation: i = "horizontal", className: a }) {
-	l();
-	let o = u(), d = c(null), p = s({
-		orientation: i,
+function m({ items: n, "aria-label": r, ariaLabel: i, orientation: o = "horizontal", className: s }) {
+	d();
+	let c = t(), p = u(null), m = l({
+		orientation: o,
 		loop: !0
 	});
 	return /* @__PURE__ */ f("nav", {
-		"aria-label": n,
-		className: r(e.nav, a),
-		"data-orientation": i,
+		"aria-label": i ?? r,
+		className: a(e.nav, s),
+		"data-orientation": o,
 		children: /* @__PURE__ */ f("ul", {
 			role: "list",
 			className: e.list,
-			children: t.map((e, t) => /* @__PURE__ */ f(h, {
+			children: n.map((e, t) => /* @__PURE__ */ f(h, {
 				item: e,
-				baseId: o,
-				openId: d,
-				itemProps: p.getItemProps(t)
+				baseId: c,
+				openId: p,
+				itemProps: m.getItemProps(t)
 			}, e.id))
 		})
 	});
 }
-function h({ item: t, baseId: r, openId: s, itemProps: c }) {
-	l();
-	let u = d(null), m = d(null), h = t.content != null, _ = s.value === t.id, v = `${r}-panel-${t.id}`, { anchorStyle: y, floatingStyle: b } = o({
+function h({ item: t, baseId: r, openId: a, itemProps: l }) {
+	d();
+	let u = n(null), m = n(null), h = t.content != null, _ = a.value === t.id, v = `${r}-panel-${t.id}`, { anchorStyle: y, floatingStyle: b } = c({
 		anchorRef: u,
 		floatingRef: m,
 		placement: "bottom-start",
 		enabled: _
-	}), { ref: x, onKeyDown: S, ...C } = c;
+	}), { ref: x, onKeyDown: S, ...C } = l;
 	if (!h) {
-		let n = a();
+		let n = s();
 		return /* @__PURE__ */ f("li", {
 			className: e.item,
 			children: /* @__PURE__ */ f(n, {
@@ -62,33 +62,33 @@ function h({ item: t, baseId: r, openId: s, itemProps: c }) {
 			className: e.trigger,
 			style: y,
 			onClick: () => {
-				s.value = _ ? null : t.id;
+				a.value = _ ? null : t.id;
 			},
 			onKeyDown: (e) => {
-				S(e), !e.defaultPrevented && e.key === "Escape" && (s.value = null);
+				S(e), !e.defaultPrevented && e.key === "Escape" && (a.value = null);
 			},
 			...C,
 			children: t.label
-		}), /* @__PURE__ */ f(n, {
+		}), /* @__PURE__ */ f(i, {
 			present: _,
 			children: /* @__PURE__ */ f(g, {
 				panelId: v,
 				floatingRef: m,
 				floatingStyle: b,
 				onClose: () => {
-					s.value = null, i(u.current);
+					a.value = null, o(u.current);
 				},
 				children: t.content
 			})
 		})]
 	});
 }
-function g({ panelId: n, floatingRef: r, floatingStyle: i, onClose: a, children: o }) {
-	return /* @__PURE__ */ f(t, {
+function g({ panelId: t, floatingRef: n, floatingStyle: i, onClose: a, children: o }) {
+	return /* @__PURE__ */ f(r, {
 		onDismiss: a,
 		children: /* @__PURE__ */ f("div", {
-			ref: r,
-			id: n,
+			ref: n,
+			id: t,
 			className: e.panel,
 			style: i,
 			children: o

package/dist/node/navigation-menu/navigation-menu.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	nav: "_nav_1k4lc_2",
 	list: "_list_1k4lc_6",

package/dist/node/notification/notification.js

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./notification.module.js";
-import { Presence as t, cn as n, normalizeTone as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { useRef as o } from "react";
+import { useRef as t } from "react";
+import { Presence as n, cn as r, normalizeTone as i, useSignal as a, useSignals as o } from "@cascivo/core";
 import { builtin as s, t as c } from "@cascivo/i18n";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/notification/notification.tsx
@@ -89,18 +89,18 @@ function m({ variant: e }) {
 	});
 }
 function h({ title: h, description: g, variant: _ = "info", dismissible: v = !1, onDismiss: y, actions: b, icon: x, labels: S, className: C, ...w }) {
-	a();
-	let T = d[r(_)] ?? _, E = i(!0), D = o(y);
+	o();
+	let T = d[i(_)] ?? _, E = a(!0), D = t(y);
 	D.current = y;
 	let O = v || y !== void 0, k = () => {
 		E.value = !1, setTimeout(() => D.current?.(), p);
 	};
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ l(n, {
 		present: E,
 		children: /* @__PURE__ */ u("div", {
 			role: f.has(T) ? "alert" : "status",
 			"data-variant": T,
-			className: n(e.notification, C),
+			className: r(e.notification, C),
 			...w,
 			children: [
 				/* @__PURE__ */ l("span", {

package/dist/node/notification/notification.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	notification: "_notification_imxvx_2",
 	icon: "_icon_imxvx_65",