@cascivo/react 0.14.0 → 0.16.1

package/dist/node/radio-card/radio-card.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	group: "_group_1290l_2",
 	card: "_card_1290l_7",

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_b346p_2",
 	star: "_star_b346p_20"

package/dist/node/react/src/index.js

@@ -1,5 +1,3 @@
-"use client";
-
 import { Spinner as e } from "../../spinner/spinner.js";
 import { Button as t } from "../../button/button.js";
 import { Input as n } from "../../input/input.js";
@@ -114,26 +112,30 @@ import { ColorPicker as Lt } from "../../color-picker/color-picker.js";
 import { Carousel as Rt } from "../../carousel/carousel.js";
 import { Resizable as zt } from "../../resizable/resizable.js";
 import { Dock as Bt } from "../../dock/dock.js";
-import { Drawer as Vt } from "../../drawer/drawer.js";
-import { NativeSelect as Ht } from "../../native-select/native-select.js";
-import { CodeSnippet as Ut } from "../../code-snippet/code-snippet.js";
-import { Steps as Wt } from "../../steps/steps.js";
-import { Tile as Gt } from "../../tile/tile.js";
-import { Indicator as Kt } from "../../indicator/indicator.js";
-import { Join as qt } from "../../join/join.js";
-import { Stack as Jt } from "../../stack/stack.js";
-import { AppShell as Yt } from "../../app-shell/app-shell.js";
-import { ChatBubble as Xt } from "../../chat-bubble/chat-bubble.js";
-import { RadialProgress as Zt } from "../../radial-progress/radial-progress.js";
-import { Swap as Qt } from "../../swap/swap.js";
-import { SwipeItem as $t } from "../../swipe-item/swipe-item.js";
-import { Grid as en, GridItem as tn } from "../../layouts/src/grid/grid.js";
-import { Flex as nn } from "../../layouts/src/flex/flex.js";
-import { Columns as rn } from "../../layouts/src/columns/columns.js";
-import { Center as an } from "../../layouts/src/center/center.js";
-import { Spacer as on } from "../../layouts/src/spacer/spacer.js";
-import { AutoGrid as sn } from "../../layouts/src/auto-grid/auto-grid.js";
-import { PageHeader as cn } from "../../layouts/src/page-header/page-header.js";
-import { ThemeProvider as ln, applyTheme as un, setTheme as dn, themePreloadScript as fn, themeSignal as pn, useTheme as mn } from "./theme.js";
-import { DismissableLayer as hn, ErrorBoundary as gn, FocusScope as _n, Portal as vn, Presence as yn, Slot as bn, SuspenseBoundary as xn, VisuallyHidden as Sn, batch as Cn, cn as wn, composeRefs as Tn, computePosition as En, computed as Dn, createMachine as On, createScope as kn, createStreamBuffer as An, effect as jn, getLinkComponent as Mn, mergeProps as Nn, setLinkComponent as Pn, signal as Fn, useAnchorPosition as In, useClipboard as Ln, useComputed as Rn, useControllableSignal as zn, useDisclosure as Bn, useEffectPropSignal as Vn, useId as Hn, useMachine as Un, useMediaQuery as Wn, useRovingFocus as Gn, useScope as Kn, useScrollLock as qn, useSignal as Jn, useSignalEffect as Yn, useSignals as Xn, useStreamBuffer as Zn, useTypeahead as Qn } from "@cascivo/core";
-export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, hn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, gn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, _n as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, cn as PageHeader, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, vn as Portal, yn as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, bn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, xn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, ln as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, Sn as VisuallyHidden, un as applyTheme, Cn as batch, wn as cn, Tn as composeRefs, En as computePosition, Dn as computed, oe as createForm, On as createMachine, kn as createScope, An as createStreamBuffer, E as dismissAllToasts, jn as effect, re as fuzzyMatch, ie as fuzzyScore, Mn as getLinkComponent, Nn as mergeProps, Pn as setLinkComponent, dn as setTheme, Fn as signal, fn as themePreloadScript, pn as themeSignal, Ct as treeViewMessages, In as useAnchorPosition, Ln as useClipboard, Rn as useComputed, zn as useControllableSignal, Bn as useDisclosure, Vn as useEffectPropSignal, se as useForm, Hn as useId, Un as useMachine, Wn as useMediaQuery, U as usePopover, Gn as useRovingFocus, Kn as useScope, qn as useScrollLock, Jn as useSignal, Yn as useSignalEffect, Xn as useSignals, Zn as useStreamBuffer, mn as useTheme, D as useToast, V as useTocFromRegion, Qn as useTypeahead };
+import { LargeTitleHeader as Vt } from "../../large-title-header/large-title-header.js";
+import { InfiniteScroll as Ht } from "../../infinite-scroll/infinite-scroll.js";
+import { ReorderList as Ut } from "../../reorder-list/reorder-list.js";
+import { VirtualList as Wt } from "../../virtual-list/virtual-list.js";
+import { WheelPicker as Gt } from "../../wheel-picker/wheel-picker.js";
+import { Drawer as Kt } from "../../drawer/drawer.js";
+import { NativeSelect as qt } from "../../native-select/native-select.js";
+import { CodeSnippet as Jt } from "../../code-snippet/code-snippet.js";
+import { Steps as Yt } from "../../steps/steps.js";
+import { Tile as Xt } from "../../tile/tile.js";
+import { Indicator as Zt } from "../../indicator/indicator.js";
+import { Join as Qt } from "../../join/join.js";
+import { Stack as $t } from "../../stack/stack.js";
+import { AppShell as en } from "../../app-shell/app-shell.js";
+import { ChatBubble as tn } from "../../chat-bubble/chat-bubble.js";
+import { RadialProgress as nn } from "../../radial-progress/radial-progress.js";
+import { Swap as rn } from "../../swap/swap.js";
+import { SwipeItem as an } from "../../swipe-item/swipe-item.js";
+import { Grid as on, GridItem as sn } from "../../layouts/src/grid/grid.js";
+import { Flex as cn } from "../../layouts/src/flex/flex.js";
+import { Columns as ln } from "../../layouts/src/columns/columns.js";
+import { Center as un } from "../../layouts/src/center/center.js";
+import { Spacer as dn } from "../../layouts/src/spacer/spacer.js";
+import { AutoGrid as fn } from "../../layouts/src/auto-grid/auto-grid.js";
+import { PageHeader as pn } from "../../layouts/src/page-header/page-header.js";
+import { DismissableLayer as mn, ErrorBoundary as hn, FocusScope as gn, Portal as _n, Presence as vn, Slot as yn, SuspenseBoundary as bn, ThemeProvider as xn, VisuallyHidden as Sn, applyTheme as Cn, batch as wn, cn as Tn, composeRefs as En, computePosition as Dn, computed as On, createMachine as kn, createScope as An, createStreamBuffer as jn, effect as Mn, getLinkComponent as Nn, mergeProps as Pn, setLinkComponent as Fn, setTheme as In, signal as Ln, themePreloadScript as Rn, themeSignal as zn, useAnchorPosition as Bn, useClipboard as Vn, useComputed as Hn, useControllableSignal as Un, useDisclosure as Wn, useEffectPropSignal as Gn, useId as Kn, useMachine as qn, useMediaQuery as Jn, useRovingFocus as Yn, useScope as Xn, useScrollLock as Zn, useSignal as Qn, useSignalEffect as $n, useSignals as er, useStreamBuffer as tr, useTheme as nr, useTypeahead as rr } from "@cascivo/core";
+export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, en as AppShell, _t as AspectRatio, fn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, un as Center, tn as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Jt as CodeSnippet, gt as Collapsible, Lt as ColorPicker, ln as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, mn as DismissableLayer, Bt as Dock, Kt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, hn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, cn as Flex, gn as FocusScope, ae as Form, on as Grid, sn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Zt as Indicator, Ht as InfiniteScroll, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, Qt as Join, L as Kbd, st as Label, Vt as LargeTitleHeader, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, qt as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, pn as PageHeader, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, _n as Portal, vn as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, nn as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, Ut as ReorderList, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, yn as Slot, dn as Spacer, e as Spinner, $t as Stack, We as Stat, Ge as Status, Yt as Steps, wt as StructuredList, bn as SuspenseBoundary, rn as Swap, an as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, xn as ThemeProvider, Xt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, Wt as VirtualList, Sn as VisuallyHidden, Gt as WheelPicker, Cn as applyTheme, wn as batch, Tn as cn, En as composeRefs, Dn as computePosition, On as computed, oe as createForm, kn as createMachine, An as createScope, jn as createStreamBuffer, E as dismissAllToasts, Mn as effect, re as fuzzyMatch, ie as fuzzyScore, Nn as getLinkComponent, Pn as mergeProps, Fn as setLinkComponent, In as setTheme, Ln as signal, Rn as themePreloadScript, zn as themeSignal, Ct as treeViewMessages, Bn as useAnchorPosition, Vn as useClipboard, Hn as useComputed, Un as useControllableSignal, Wn as useDisclosure, Gn as useEffectPropSignal, se as useForm, Kn as useId, qn as useMachine, Jn as useMediaQuery, U as usePopover, Yn as useRovingFocus, Xn as useScope, Zn as useScrollLock, Qn as useSignal, $n as useSignalEffect, er as useSignals, tr as useStreamBuffer, nr as useTheme, D as useToast, V as useTocFromRegion, rr as useTypeahead };

package/dist/node/relative-time/relative-time.module.js

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

package/dist/node/reorder-list/reorder-list.js

@@ -0,0 +1,143 @@
+"use client";
+
+import e from "./reorder-list.module.js";
+import { useRef as t } from "react";
+import { cn as n, useSignal as r, useSignalEffect as i, useSignals 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/reorder-list/reorder-list.tsx
+function u(e) {
+	return e.name ?? (typeof e.label == "string" ? e.label : e.id);
+}
+function d(e, t, n) {
+	let r = e.slice(), [i] = r.splice(t, 1);
+	return i && r.splice(n, 0, i), r;
+}
+function f({ value: f, onValueChange: p, disabled: m = !1, labels: h, className: g }) {
+	a();
+	let _ = t(null), v = r(null), y = r(""), b = t(f);
+	b.current = f;
+	let x = t(p);
+	x.current = p;
+	let S = t(m);
+	S.current = m;
+	let C = t(null), w = (e, t, n) => {
+		y.value = e ? e.replace("{name}", n.name).replace("{position}", String(n.position)).replace("{total}", String(n.total)) : t;
+	}, T = (e, t) => {
+		let n = b.current, r = Math.max(0, Math.min(n.length - 1, t));
+		if (r === e) return;
+		let i = n[e];
+		if (!i) return;
+		x.current(d(n, e, r)), v.value = r;
+		let a = {
+			name: u(i),
+			position: r + 1,
+			total: n.length
+		};
+		w(h?.moved, s(o.reorderList.moved, a), a);
+	}, E = (e) => {
+		let t = b.current, n = t[e];
+		if (!n) return;
+		C.current = t, v.value = e;
+		let r = {
+			name: u(n),
+			position: e + 1,
+			total: t.length
+		};
+		w(h?.grabbed, s(o.reorderList.grabbed, r), r);
+	}, D = () => {
+		let e = v.value;
+		if (e === null) return;
+		let t = b.current, n = t[e];
+		if (C.current = null, v.value = null, !n) return;
+		let r = {
+			name: u(n),
+			position: e + 1,
+			total: t.length
+		};
+		w(h?.dropped, s(o.reorderList.dropped, r), r);
+	}, O = () => {
+		let e = C.current, t = v.value;
+		if (C.current = null, v.value = null, !e) return;
+		x.current(e);
+		let n = t === null ? void 0 : e[t], r = {
+			name: n ? u(n) : "",
+			position: (t ?? 0) + 1,
+			total: e.length
+		};
+		w(h?.cancelled, s(o.reorderList.cancelled, r), r);
+	}, k = (e, t) => {
+		if (m) return;
+		let n = v.value;
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault(), n === t ? D() : E(t);
+			return;
+		}
+		if (e.key === "Escape" && n !== null) {
+			e.preventDefault(), O();
+			return;
+		}
+		n === t && (e.key === "ArrowUp" ? (e.preventDefault(), T(t, t - 1)) : e.key === "ArrowDown" && (e.preventDefault(), T(t, t + 1)));
+	};
+	return i(() => {
+		let e = _.current;
+		if (!e || typeof window > "u") return;
+		let t = (t) => {
+			let n = v.value;
+			if (n === null || S.current) return;
+			let r = [...e.querySelectorAll("[data-reorder-row]")].findIndex((e) => {
+				let n = e.getBoundingClientRect();
+				return t.clientY >= n.top && t.clientY <= n.bottom;
+			});
+			r !== -1 && r !== n && T(n, r);
+		}, n = () => {
+			v.value !== null && C.current && D();
+		};
+		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
+			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+		};
+	}), /* @__PURE__ */ l("div", {
+		className: n(e.root, g),
+		children: [/* @__PURE__ */ c("ul", {
+			ref: _,
+			className: e.list,
+			children: f.map((t, n) => /* @__PURE__ */ l("li", {
+				"data-reorder-row": "",
+				"data-active": v.value === n ? "" : void 0,
+				className: e.row,
+				children: [/* @__PURE__ */ c("button", {
+					type: "button",
+					disabled: m,
+					"aria-label": h?.handle ? h.handle.replace("{name}", u(t)) : s(o.reorderList.handle, { name: u(t) }),
+					"aria-pressed": v.value === n,
+					className: e.handle,
+					onKeyDown: (e) => k(e, n),
+					onPointerDown: () => {
+						m || E(n);
+					},
+					children: /* @__PURE__ */ c("svg", {
+						"aria-hidden": "true",
+						viewBox: "0 0 16 16",
+						className: e.grip,
+						children: /* @__PURE__ */ c("path", {
+							d: "M6 4h.01M10 4h.01M6 8h.01M10 8h.01M6 12h.01M10 12h.01",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round"
+						})
+					})
+				}), /* @__PURE__ */ c("span", {
+					className: e.label,
+					children: t.label
+				})]
+			}, t.id))
+		}), /* @__PURE__ */ c("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: e.srOnly,
+			children: y.value
+		})]
+	});
+}
+//#endregion
+export { f as ReorderList };

package/dist/node/reorder-list/reorder-list.module.js

@@ -0,0 +1,11 @@
+var e = {
+	root: "_root_1tie9_4",
+	list: "_list_1tie9_8",
+	row: "_row_1tie9_16",
+	handle: "_handle_1tie9_34",
+	grip: "_grip_1tie9_69",
+	label: "_label_1tie9_74",
+	srOnly: "_srOnly_1tie9_79"
+};
+//#endregion
+export { e as default };

package/dist/node/resizable/resizable.js

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./resizable.module.js";
-import { cn as t, useControllableSignal as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { Children as o, useRef as s } from "react";
+import { Children as t, useRef as n } from "react";
+import { cn as r, useControllableSignal as i, useSignal 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/resizable/resizable.tsx
@@ -10,12 +10,12 @@ function f(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
 function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, ratio: g, minRatio: _ = .1, maxRatio: v = .9, onRatioChange: y, className: b, label: x }) {
-	a();
-	let [S, C] = o.toArray(p), [w, T] = n({
+	s();
+	let [S, C] = t.toArray(p), [w, T] = i({
 		value: g,
 		defaultValue: h,
 		onChange: y
-	}), E = s(null), D = r(!1), O = (e) => {
+	}), E = n(null), D = a(!1), O = (e) => {
 		T(f(e, _, v));
 	}, k = (e, t) => {
 		let n = E.current;
@@ -23,7 +23,7 @@ function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, r
 		let r = n.getBoundingClientRect();
 		return m === "horizontal" ? (e - r.left) / r.width : (t - r.top) / r.height;
 	};
-	i(() => {
+	o(() => {
 		if (!D.value) return;
 		let e = (e) => O(k(e.clientX, e.clientY)), t = () => {
 			D.value = !1;
@@ -43,7 +43,7 @@ function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, r
 	}, j = x ?? l(c.resizable.handle), M = Math.round(w.value * 100);
 	return /* @__PURE__ */ d("div", {
 		ref: E,
-		className: t(e.resizable, b),
+		className: r(e.resizable, b),
 		"data-orientation": m,
 		style: { "--cascivo-resizable-ratio": w.value },
 		children: [

package/dist/node/resizable/resizable.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	resizable: "_resizable_1agxs_2",
 	pane: "_pane_1agxs_17",

package/dist/node/scroll-area/scroll-area.js

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./scroll-area.module.js";
-import { cn as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { useRef as i } from "react";
+import { useRef as t } from "react";
+import { cn as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../components/src/scroll-area/scroll-area.tsx
 function o({ height: o, width: s, orientation: c = "vertical", edges: l = "shadow", className: u, style: d, children: f, ...p }) {
-	r();
-	let m = i(null);
-	n(() => {
+	i();
+	let m = t(null);
+	r(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = () => {
@@ -28,7 +28,7 @@ function o({ height: o, width: s, orientation: c = "vertical", edges: l = "shado
 		ref: m,
 		"data-orientation": c,
 		"data-edges": l,
-		className: t(e.root, u),
+		className: n(e.root, u),
 		style: h,
 		...p,
 		children: f

package/dist/node/scroll-area/scroll-area.module.js

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

package/dist/node/search/search.js

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./search.module.js";
-import { cn as t, focusElement as n, useId as r, useSignal 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, focusElement as r, useId as i, useSignal 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/search/search.tsx
@@ -29,15 +29,15 @@ function f() {
 	});
 }
 function p({ value: p, defaultValue: m = "", onValueChange: h, onChange: g, onSearch: _, debounceMs: v = 300, placeholder: y, size: b = "md", label: x, disabled: S = !1, clearLabel: C, id: w, className: T }) {
-	o();
-	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = s(null), A = r("cascade-search"), j = w ?? A, M = p !== void 0, N = i(M ? p : m);
+	s();
+	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = t(null), A = i("cascade-search"), j = w ?? A, M = p !== void 0, N = a(M ? p : m);
 	M && (N.value = p);
-	let P = s(_);
+	let P = t(_);
 	P.current = _;
-	let F = s(null), I = () => {
+	let F = t(null), I = () => {
 		F.current !== null && (clearTimeout(F.current), F.current = null);
 	};
-	a(() => I);
+	o(() => I);
 	let L = (e) => {
 		let t = e.target.value;
 		M || (N.value = t), (h ?? g)?.(t), I(), F.current = setTimeout(() => {
@@ -46,10 +46,10 @@ function p({ value: p, defaultValue: m = "", onValueChange: h, onChange: g, onSe
 	}, R = (e) => {
 		e.key === "Enter" && (I(), _?.(N.value));
 	}, z = () => {
-		I(), M || (N.value = ""), (h ?? g)?.(""), _?.(""), n(k.current);
+		I(), M || (N.value = ""), (h ?? g)?.(""), _?.(""), r(k.current);
 	}, B = N.value !== "";
 	return /* @__PURE__ */ d("div", {
-		className: t(e.root, T),
+		className: n(e.root, T),
 		"data-size": b,
 		"data-state": B ? "filled" : "empty",
 		children: [

package/dist/node/search/search.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_1ppci_2",
 	label: "_label_1ppci_35",

package/dist/node/segmented-control/segmented-control.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_196gt_2",
 	segment: "_segment_196gt_33"

package/dist/node/select/select.js

@@ -1,27 +1,27 @@
 "use client";
 
 import e from "./select.module.js";
-import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
-import { forwardRef as i } from "react";
+import { forwardRef as t } from "react";
+import { cn as n, createMachine as r, useMachine as i } from "@cascivo/core";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/select/select.tsx
-var s = n({
+var s = r({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-}), c = i(function({ label: n, hint: i, error: c, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _, ...v }, y) {
-	let [b, x] = r(s), S = p ?? (n ? `cascade-select-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0), C = h !== void 0, w = l !== void 0;
+}), c = t(function({ label: t, hint: r, error: c, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _, ...v }, y) {
+	let [b, x] = i(s), S = p ?? (t ? `cascade-select-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), C = h !== void 0, w = l !== void 0;
 	return /* @__PURE__ */ o("div", {
-		className: t(e.wrapper, f),
+		className: n(e.wrapper, f),
 		"data-state": c ? "error" : b.value,
 		"data-size": d,
 		children: [
-			n && /* @__PURE__ */ a("label", {
+			t && /* @__PURE__ */ a("label", {
 				className: e.label,
 				htmlFor: S,
-				children: n
+				children: t
 			}),
 			/* @__PURE__ */ o("div", {
 				className: e.field,
@@ -29,7 +29,7 @@ var s = n({
 					id: S,
 					className: e.select,
 					"aria-invalid": c ? !0 : void 0,
-					"aria-describedby": c ? `${S}-error` : i ? `${S}-hint` : void 0,
+					"aria-describedby": c ? `${S}-error` : r ? `${S}-hint` : void 0,
 					value: h,
 					defaultValue: !C && w ? m ?? "" : m,
 					onFocus: (e) => {
@@ -60,10 +60,10 @@ var s = n({
 				role: "alert",
 				children: c
 			}),
-			!c && i && /* @__PURE__ */ a("span", {
+			!c && r && /* @__PURE__ */ a("span", {
 				id: `${S}-hint`,
 				className: e.hint,
-				children: i
+				children: r
 			})
 		]
 	});

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_1b5d9_2",
 	label: "_label_1b5d9_24",

package/dist/node/separator/separator.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./separator.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/separator/separator.tsx
 function r({ orientation: r = "horizontal", decorative: i = !1, className: a, ...o }) {

package/dist/node/separator/separator.module.js

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

package/dist/node/sheet/sheet.js

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./sheet.module.js";
-import { useEffectPropSignal as t, useSignalEffect as n } from "@cascivo/core";
-import { useId as r, useRef as i } from "react";
+import { useId as t, useRef as n } from "react";
+import { useEffectPropSignal as r, useSignalEffect 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";
 //#region ../components/src/sheet/sheet.tsx
 function l({ open: l, onClose: u, title: d, children: f, side: p = "end" }) {
-	let m = i(null), h = r(), g = t(l), _ = i(u);
-	return _.current = u, n(() => {
+	let m = n(null), h = t(), g = r(l), _ = n(u);
+	return _.current = u, i(() => {
 		let e = m.current;
 		if (e) if (g.value) try {
 			e.showPopover();

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	sheet: "_sheet_gx7nz_2",
 	header: "_header_gx7nz_141",

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	header: "_header_6njjo_2",
 	skipLink: "_skipLink_6njjo_14",