@cascivo/react 0.14.0 → 0.16.0

package/dist/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/navigation-menu/navigation-menu.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './navigation-menu.css';
 var e = {
 	nav: "_nav_1k4lc_2",

package/dist/node/accordion/accordion.js

@@ -1,97 +1,113 @@
 "use client";
 
 import e from "./accordion.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { createContext as i, forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
+import { cn as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/accordion/accordion.tsx
-var l = i(null), u = i(null);
-function d(e) {
+var d = t(null), f = t(null);
+function p(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
 }
-function f({ type: r = "single", defaultValue: i, value: a, onValueChange: c, className: u, children: f }) {
-	let p = o(), m = n(d(a ?? i));
-	a !== void 0 && (m.value = d(a));
+function m({ type: t = "single", defaultValue: n, value: i, onValueChange: s, className: c, children: u }) {
+	let f = r(), m = o(p(i ?? n));
+	i !== void 0 && (m.value = p(i));
 	let h = {
 		open: m,
-		baseId: p,
-		toggle: (e) => {
-			let t = m.value, n;
-			n = r === "multiple" ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], a === void 0 && (m.value = n), c?.(r === "multiple" ? n : n[0] ?? "");
+		baseId: f,
+		type: t,
+		toggle: (e, n) => {
+			let r = m.value, a;
+			a = t === "multiple" ? n ? [...new Set([...r, e])] : r.filter((t) => t !== e) : n ? [e] : [], i === void 0 && (m.value = a), s?.(t === "multiple" ? a : a[0] ?? "");
 		}
 	};
-	return /* @__PURE__ */ s(l.Provider, {
+	return /* @__PURE__ */ l(d.Provider, {
 		value: h,
-		children: /* @__PURE__ */ s("div", {
-			"data-type": r,
-			className: t(e.accordion, u),
-			children: f
+		children: /* @__PURE__ */ l("div", {
+			"data-type": t,
+			className: a(e.accordion, c),
+			children: u
 		})
 	});
 }
-function p({ value: n, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ s(u.Provider, {
-		value: { value: n },
-		children: /* @__PURE__ */ s("div", {
-			"data-value": n,
-			className: t(e.item, r),
-			...a,
-			children: i
-		})
+function h({ value: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ l(f.Provider, {
+		value: { value: e },
+		children: /* @__PURE__ */ l(d.Consumer, { children: (i) => i ? /* @__PURE__ */ l(g, {
+			store: i,
+			value: e,
+			className: t,
+			...r,
+			children: n
+		}) : null })
+	});
+}
+function g({ store: t, value: n, className: r, children: o, ...u }) {
+	c();
+	let d = i(null), f = t.open.value.includes(n);
+	return s(() => {
+		let e = d.current, r = t.open.value.includes(n);
+		e && e.open !== r && (e.open = r);
+	}), /* @__PURE__ */ l("details", {
+		ref: d,
+		open: f,
+		...t.type === "single" ? { name: t.baseId } : {},
+		"data-value": n,
+		"data-state": f ? "open" : "closed",
+		className: a(e.item, r),
+		onToggle: (e) => {
+			let r = e.currentTarget;
+			r.open !== t.open.value.includes(n) && t.toggle(n, r.open);
+			let i = t.open.value.includes(n);
+			r.open !== i && (r.open = i);
+		},
+		...u,
+		children: o
 	});
 }
-var m = a(function(e, t) {
-	return /* @__PURE__ */ s(l.Consumer, { children: (n) => /* @__PURE__ */ s(u.Consumer, { children: (r) => n && r ? /* @__PURE__ */ s(h, {
+var _ = n(function(e, t) {
+	return /* @__PURE__ */ l(d.Consumer, { children: (n) => /* @__PURE__ */ l(f.Consumer, { children: (r) => n && r ? /* @__PURE__ */ l(v, {
 		store: n,
 		item: r,
-		buttonRef: t,
+		summaryRef: t,
 		...e
 	}) : null }) });
 });
-function h({ store: n, item: i, className: a, children: o, buttonRef: l, ...u }) {
-	r();
-	let d = n.open.value.includes(i.value);
-	return /* @__PURE__ */ s("h3", {
-		className: e.heading,
-		children: /* @__PURE__ */ c("button", {
-			type: "button",
-			id: `${n.baseId}-trigger-${i.value}`,
-			"aria-expanded": d,
-			"aria-controls": `${n.baseId}-content-${i.value}`,
-			"data-state": d ? "open" : "closed",
-			className: t(e.trigger, a),
-			onClick: () => n.toggle(i.value),
-			ref: l,
-			...u,
-			children: [/* @__PURE__ */ s("span", { children: o }), /* @__PURE__ */ s("span", {
-				className: e.indicator,
-				"aria-hidden": "true"
-			})]
-		})
+function v({ store: t, item: n, className: r, children: i, summaryRef: o, ...s }) {
+	c();
+	let d = t.open.value.includes(n.value);
+	return /* @__PURE__ */ u("summary", {
+		id: `${t.baseId}-trigger-${n.value}`,
+		"aria-controls": `${t.baseId}-content-${n.value}`,
+		"data-state": d ? "open" : "closed",
+		className: a(e.trigger, r),
+		ref: o,
+		...s,
+		children: [/* @__PURE__ */ l("h3", {
+			className: e.heading,
+			children: i
+		}), /* @__PURE__ */ l("span", {
+			className: e.indicator,
+			"aria-hidden": "true"
+		})]
 	});
 }
-function g(e) {
-	return /* @__PURE__ */ s(l.Consumer, { children: (t) => /* @__PURE__ */ s(u.Consumer, { children: (n) => t && n ? /* @__PURE__ */ s(_, {
+function y(e) {
+	return /* @__PURE__ */ l(d.Consumer, { children: (t) => /* @__PURE__ */ l(f.Consumer, { children: (n) => t && n ? /* @__PURE__ */ l(b, {
 		store: t,
 		item: n,
 		...e
 	}) : null }) });
 }
-function _({ store: n, item: i, className: a, children: o, ...c }) {
-	r();
-	let l = n.open.value.includes(i.value);
-	return /* @__PURE__ */ s("div", {
+function b({ store: t, item: n, className: r, children: i, ...o }) {
+	return /* @__PURE__ */ l("div", {
 		role: "region",
-		id: `${n.baseId}-content-${i.value}`,
-		"aria-labelledby": `${n.baseId}-trigger-${i.value}`,
-		"data-state": l ? "open" : "closed",
-		className: t(e.content, a),
-		...c,
-		children: /* @__PURE__ */ s("div", {
-			className: e.contentInner,
-			children: o
-		})
+		id: `${t.baseId}-content-${n.value}`,
+		"aria-labelledby": `${t.baseId}-trigger-${n.value}`,
+		className: a(e.content, r),
+		...o,
+		children: i
 	});
 }
 //#endregion
-export { f as Accordion, g as AccordionContent, p as AccordionItem, m as AccordionTrigger };
+export { m as Accordion, y as AccordionContent, h as AccordionItem, _ as AccordionTrigger };

package/dist/node/accordion/accordion.module.js

@@ -1,13 +1,10 @@
-"use client";
-
 var e = {
-	accordion: "_accordion_9ch4s_2",
-	item: "_item_9ch4s_10",
-	heading: "_heading_9ch4s_16",
-	trigger: "_trigger_9ch4s_22",
-	indicator: "_indicator_9ch4s_48",
-	content: "_content_9ch4s_62",
-	contentInner: "_contentInner_9ch4s_77"
+	accordion: "_accordion_1t08g_2",
+	item: "_item_1t08g_10",
+	heading: "_heading_1t08g_16",
+	trigger: "_trigger_1t08g_22",
+	indicator: "_indicator_1t08g_54",
+	content: "_content_1t08g_92"
 };
 //#endregion
 export { e as default };

package/dist/node/action-sheet/action-sheet.js

@@ -1,30 +1,30 @@
 "use client";
 
 import e from "./action-sheet.module.js";
-import { DismissableLayer as t, FocusScope as n, Portal as r, Presence as i, cn as a, useControllableSignal as o, useRovingFocus as s, useSignals as c } from "@cascivo/core";
-import { useId as l } from "react";
+import { useId as t } from "react";
+import { DismissableLayer as n, FocusScope as r, Portal as i, Presence as a, cn as o, useControllableSignal as s, useRovingFocus 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";
 //#region ../components/src/action-sheet/action-sheet.tsx
 function m({ open: m, defaultOpen: h, onOpenChange: g, actions: _, title: v, description: y, showCancel: b = !0, labels: x, className: S }) {
-	c();
-	let [C, w] = o({
+	l();
+	let [C, w] = s({
 		value: m,
 		defaultValue: h ?? !1,
 		onChange: g
-	}), T = s({
+	}), T = c({
 		orientation: "vertical",
 		loop: !0
-	}), E = l(), D = l(), O = x?.cancel ?? d(u.actionSheet.cancel), k = x?.label ?? d(u.actionSheet.label), A = (e) => {
+	}), E = t(), D = t(), O = x?.cancel ?? d(u.actionSheet.cancel), k = x?.label ?? d(u.actionSheet.label), A = (e) => {
 		e.disabled || (e.onSelect(), w(!1));
 	}, j = _.length;
-	return /* @__PURE__ */ f(r, { children: /* @__PURE__ */ f(i, {
+	return /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(a, {
 		present: C,
 		children: /* @__PURE__ */ f("div", {
 			className: e.overlay,
-			children: /* @__PURE__ */ f(t, {
+			children: /* @__PURE__ */ f(n, {
 				onDismiss: () => w(!1),
-				children: /* @__PURE__ */ f(n, {
+				children: /* @__PURE__ */ f(r, {
 					trapped: !0,
 					restoreFocus: !0,
 					autoFocus: !0,
@@ -33,7 +33,7 @@ function m({ open: m, defaultOpen: h, onOpenChange: g, actions: _, title: v, des
 						"aria-label": v ? void 0 : k,
 						"aria-labelledby": v ? E : void 0,
 						"aria-describedby": y ? D : void 0,
-						className: a(e.sheet, S),
+						className: o(e.sheet, S),
 						children: [/* @__PURE__ */ p("div", {
 							className: e.group,
 							children: [(v || y) && /* @__PURE__ */ p("div", {
@@ -73,7 +73,7 @@ function m({ open: m, defaultOpen: h, onOpenChange: g, actions: _, title: v, des
 									type: "button",
 									role: "menuitem",
 									tabIndex: t.tabIndex,
-									className: a(e.item, e.cancel),
+									className: o(e.item, e.cancel),
 									onKeyDown: t.onKeyDown,
 									onFocus: t.onFocus,
 									onClick: () => w(!1),

package/dist/node/action-sheet/action-sheet.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	overlay: "_overlay_17irl_2",
 	sheet: "_sheet_17irl_28",

package/dist/node/alert/alert.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	alert: "_alert_a2dn2_2",
 	icon: "_icon_a2dn2_18",

package/dist/node/alert-dialog/alert-dialog.js

@@ -1,22 +1,22 @@
 "use client";
 
 import e from "./alert-dialog.module.js";
-import { focusElement as t, useEffectPropSignal as n, useId as r, useSignalEffect as i } from "@cascivo/core";
-import { useRef as a } from "react";
+import { useRef as t } from "react";
+import { focusElement as n, useEffectPropSignal as r, useId as i, useSignalEffect as a } from "@cascivo/core";
 import { builtin as o, t as s } from "@cascivo/i18n";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/alert-dialog/alert-dialog.tsx
 function u({ open: u, title: d, description: f, onConfirm: p, onCancel: m, labels: h, variant: g = "default" }) {
-	let _ = a(null), v = r("cascivo-alert-dialog-title"), y = r("cascivo-alert-dialog-desc"), b = n(u), x = a(null), S = a(m);
+	let _ = t(null), v = i("cascivo-alert-dialog-title"), y = i("cascivo-alert-dialog-desc"), b = r(u), x = t(null), S = t(m);
 	S.current = m;
-	let C = a(p);
-	return C.current = p, i(() => {
+	let C = t(p);
+	return C.current = p, a(() => {
 		let e = _.current;
 		if (e) if (b.value) {
 			try {
 				e.showPopover();
 			} catch {}
-			requestAnimationFrame(() => t(x.current));
+			requestAnimationFrame(() => n(x.current));
 		} else try {
 			e.hidePopover();
 		} catch {}

package/dist/node/alert-dialog/alert-dialog.module.js

@@ -1,13 +1,11 @@
-"use client";
-
 var e = {
-	dialog: "_dialog_1net6_2",
-	content: "_content_1net6_58",
-	title: "_title_1net6_71",
-	description: "_description_1net6_78",
-	actions: "_actions_1net6_84",
-	cancel: "_cancel_1net6_123",
-	confirm: "_confirm_1net6_124"
+	dialog: "_dialog_zou3k_2",
+	content: "_content_zou3k_58",
+	title: "_title_zou3k_71",
+	description: "_description_zou3k_78",
+	actions: "_actions_zou3k_84",
+	cancel: "_cancel_zou3k_123",
+	confirm: "_confirm_zou3k_124"
 };
 //#endregion
 export { e as default };

package/dist/node/app-shell/app-shell.js

@@ -1,30 +1,30 @@
 "use client";
 
 import e from "./app-shell.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { cloneElement as a, isValidElement as o, useRef as s } from "react";
+import { cloneElement as t, isValidElement as n, useRef as r } from "react";
+import { cn as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/app-shell/app-shell.tsx
 function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, className: v, ...y }) {
-	i();
-	let b = h !== void 0, x = n(h ?? g ?? !0);
+	s();
+	let b = h !== void 0, x = a(h ?? g ?? !0);
 	b && (x.value = h);
-	let S = s(null), C = s(null);
+	let S = r(null), C = r(null);
 	function w(e) {
 		b || (x.value = e), _?.(e);
 	}
 	function T() {
 		typeof document < "u" && (C.current = document.activeElement), w(!x.value);
 	}
-	r(() => {
+	o(() => {
 		b || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (x.value = !1);
-	}), r(() => {
+	}), o(() => {
 		if (!x.value || typeof document > "u") return;
 		let e = (e) => {
 			e.key === "Escape" && w(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}), r(() => {
+	}), o(() => {
 		let e = S.current;
 		if (e) if (x.value) e.removeAttribute("inert");
 		else {
@@ -33,12 +33,12 @@ function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g,
 			t && e.contains(document.activeElement) && t.focus();
 		}
 	});
-	let E = o(d) && f ? a(d, {
+	let E = n(d) && f ? t(d, {
 		onMenuClick: T,
 		menuExpanded: x.value
 	}) : d;
 	return /* @__PURE__ */ u("div", {
-		className: t(e.shell, v),
+		className: i(e.shell, v),
 		"data-open": x.value,
 		...y,
 		children: [

package/dist/node/app-shell/app-shell.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	shell: "_shell_1y4cv_4",
 	header: "_header_1y4cv_16",

package/dist/node/aspect-ratio/aspect-ratio.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./aspect-ratio.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../components/src/aspect-ratio/aspect-ratio.tsx
 function r({ ratio: r = 16 / 9, className: i, style: a, children: o, ...s }) {

package/dist/node/aspect-ratio/aspect-ratio.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_5ltw4_2",
 	inner: "_inner_5ltw4_8"

package/dist/node/avatar/avatar.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	avatar: "_avatar_18xp4_2",
 	image: "_image_18xp4_43",

package/dist/node/avatar-group/avatar-group.js

@@ -1,8 +1,6 @@
-"use client";
-
 import { Avatar as e } from "../avatar/avatar.js";
 import t from "./avatar-group.module.js";
-import { cn as n } from "@cascivo/core";
+import { cn as n } from "@cascivo/core/pure";
 import { Children as r } from "react";
 import { builtin as i, t as a } from "@cascivo/i18n";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/node/avatar-group/avatar-group.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	group: "_group_il139_2",
 	overflow: "_overflow_il139_34"

package/dist/node/badge/badge.js

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

package/dist/node/badge/badge.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = { badge: "_badge_beiqa_2" };
 //#endregion
 export { e as default };

package/dist/node/blockquote/blockquote.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./blockquote.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/blockquote/blockquote.tsx
 function i({ cite: i, className: a, children: o, ...s }) {

package/dist/node/blockquote/blockquote.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	blockquote: "_blockquote_ja266_2",
 	footer: "_footer_ja266_12"

package/dist/node/bottom-sheet/bottom-sheet.js

@@ -1,25 +1,25 @@
 "use client";
 
 import e from "./bottom-sheet.module.js";
-import { DismissableLayer as t, FocusScope as n, Portal as r, Presence as i, cn as a, useControllableSignal as o, useDraggable as s, useScrollLock as c, useSignals as l } from "@cascivo/core";
-import { useId as u } from "react";
+import { useId as t } from "react";
+import { DismissableLayer as n, FocusScope as r, Portal as i, Presence as a, cn as o, useControllableSignal as s, useDraggable as c, useScrollLock 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/bottom-sheet/bottom-sheet.tsx
 var h = 120, g = .6, _ = .1, v = [.5, .92];
 function y({ open: y, defaultOpen: b, onOpenChange: x, snapPoints: S = v, activeSnap: C, defaultSnap: w = 0, onSnapChange: T, title: E, description: D, children: O, labels: k, className: A }) {
-	l();
-	let [j, M] = o({
+	u();
+	let [j, M] = s({
 		value: y,
 		defaultValue: b ?? !1,
 		onChange: x
-	}), [N, P] = o({
+	}), [N, P] = s({
 		value: C,
 		defaultValue: w,
 		onChange: T
 	});
-	c(j);
-	let F = S, I = F[F.length - 1] ?? 1, L = F[0] ?? 0, R = F[Math.min(N.value, F.length - 1)] ?? I, { handleRef: z, offset: B, velocity: V, isDragging: H, reset: U } = s({
+	l(j);
+	let F = S, I = F[F.length - 1] ?? 1, L = F[0] ?? 0, R = F[Math.min(N.value, F.length - 1)] ?? I, { handleRef: z, offset: B, velocity: V, isDragging: H, reset: U } = c({
 		axis: "y",
 		onDragEnd: (e) => {
 			let t = typeof window > "u" ? 0 : window.innerHeight, n = V.value.y;
@@ -33,18 +33,18 @@ function y({ open: y, defaultOpen: b, onOpenChange: x, snapPoints: S = v, active
 			for (let e = 1; e < F.length; e++) Math.abs((F[e] ?? 0) - r) < Math.abs((F[i] ?? 0) - r) && (i = e);
 			P(i);
 		}
-	}), W = u(), G = u(), K = k?.close ?? f(d.bottomSheet.close), q = k?.handle ?? f(d.bottomSheet.handle), J = `${(1 - R / I) * 100}%`, Y = {
+	}), W = t(), G = t(), K = k?.close ?? f(d.bottomSheet.close), q = k?.handle ?? f(d.bottomSheet.handle), J = `${(1 - R / I) * 100}%`, Y = {
 		"--_sheet-height": `${I * 100}dvh`,
 		"--_sheet-y": J,
 		"--_sheet-drag": `${B.value.y}px`
 	};
-	return /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(i, {
+	return /* @__PURE__ */ p(i, { children: /* @__PURE__ */ p(a, {
 		present: j,
 		children: /* @__PURE__ */ p("div", {
 			className: e.overlay,
-			children: /* @__PURE__ */ p(t, {
+			children: /* @__PURE__ */ p(n, {
 				onDismiss: () => M(!1),
-				children: /* @__PURE__ */ p(n, {
+				children: /* @__PURE__ */ p(r, {
 					trapped: !0,
 					restoreFocus: !0,
 					autoFocus: !0,
@@ -54,7 +54,7 @@ function y({ open: y, defaultOpen: b, onOpenChange: x, snapPoints: S = v, active
 						"aria-labelledby": E ? W : void 0,
 						"aria-describedby": D ? G : void 0,
 						"data-dragging": H.value ? "" : void 0,
-						className: a(e.panel, A),
+						className: o(e.panel, A),
 						style: Y,
 						children: [/* @__PURE__ */ m("div", {
 							className: e.header,

package/dist/node/bottom-sheet/bottom-sheet.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	overlay: "_overlay_k9sg5_2",
 	panel: "_panel_k9sg5_25",