@cascivo/react 0.11.0 → 0.12.0

package/dist/node/dropdown/dropdown.js

@@ -1,102 +1,100 @@
 "use client";
 
 import e from "./dropdown.module.js";
-import { composeRefs as t, createMachine as n, useMachine as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cloneElement as l, useRef as u } from "react";
+import { composeRefs as t, createMachine as n, useEffectPropSignal as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cloneElement as u, useRef as d } from "react";
 //#region ../components/src/dropdown/dropdown.tsx
-var d = n({
+var f = n({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
 		open: { on: { CLOSE: "closed" } }
 	}
 });
-function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", open: h, onOpenChange: g }) {
-	o();
-	let [_, v] = r(d), y = u(null), b = u(null), x = u(null), S = u([]), C = i(-1), w = h !== void 0, T = w ? h : _.value === "open", E = i(T);
-	E.value = T;
-	let D = f.map((e, t) => ({
+function p({ trigger: n, items: p, onSelect: m, placement: h = "bottom-start", open: g, onOpenChange: _ }) {
+	s();
+	let [v, y] = i(f), b = d(null), x = d(null), S = d(null), C = d([]), w = a(-1), T = g !== void 0, E = T ? g : v.value === "open", D = r(E), O = p.map((e, t) => ({
 		item: e,
 		index: t
-	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), O = (e) => {
-		w || v(e ? "OPEN" : "CLOSE"), g?.(e);
+	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), k = (e) => {
+		T || y(e ? "OPEN" : "CLOSE"), _?.(e);
 	};
-	a(() => {
-		let e = C.value;
-		E.value && e >= 0 && S.current[e]?.focus();
-	}), a(() => {
-		E.value ? C.value = D[0] ?? -1 : C.value = -1;
-	}), a(() => {
-		E.value ? x.current?.showPopover() : x.current?.hidePopover();
-	}), a(() => {
-		let e = x.current;
+	o(() => {
+		let e = w.value;
+		D.value && e >= 0 && C.current[e]?.focus();
+	}), o(() => {
+		D.value ? w.value = O[0] ?? -1 : w.value = -1;
+	}), o(() => {
+		D.value ? S.current?.showPopover() : S.current?.hidePopover();
+	}), o(() => {
+		let e = S.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && O(!1);
+			e.newState === "closed" && k(!1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	let k = (e) => {
-		let t = f[e];
-		!t || t.separator || t.disabled || (p?.(t.value), O(!1), b.current?.focus());
-	}, A = (e) => {
-		D.length !== 0 && (C.value = D[(D.indexOf(C.value) + e + D.length) % D.length] ?? -1);
+	let A = (e) => {
+		let t = p[e];
+		!t || t.separator || t.disabled || (m?.(t.value), k(!1), x.current?.focus());
 	}, j = (e) => {
+		O.length !== 0 && (w.value = O[(O.indexOf(w.value) + e + O.length) % O.length] ?? -1);
+	}, M = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), A(1);
+				e.preventDefault(), j(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), A(-1);
+				e.preventDefault(), j(-1);
 				break;
 			case "Home":
-				e.preventDefault(), C.value = D[0] ?? -1;
+				e.preventDefault(), w.value = O[0] ?? -1;
 				break;
 			case "End":
-				e.preventDefault(), C.value = D[D.length - 1] ?? -1;
+				e.preventDefault(), w.value = O[O.length - 1] ?? -1;
 				break;
 			case "Escape":
-				e.preventDefault(), O(!1), b.current?.focus();
+				e.preventDefault(), k(!1), x.current?.focus();
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), k(C.value);
+				e.preventDefault(), A(w.value);
 				break;
 		}
-	}, M = n, N = l(M, {
-		ref: t(b, M.props.ref),
+	}, N = n, P = u(N, {
+		ref: t(x, N.props.ref),
 		onClick: (e) => {
-			M.props.onClick?.(e), O(!T);
+			N.props.onClick?.(e), k(!E);
 		},
 		"aria-haspopup": "menu",
-		"aria-expanded": T
+		"aria-expanded": E
 	});
-	return /* @__PURE__ */ c("div", {
-		ref: y,
+	return /* @__PURE__ */ l("div", {
+		ref: b,
 		className: e.root,
-		children: [N, /* @__PURE__ */ s("div", {
-			ref: x,
+		children: [P, /* @__PURE__ */ c("div", {
+			ref: S,
 			popover: "auto",
 			role: "menu",
-			"data-placement": m,
-			"data-state": T ? "open" : "closed",
+			"data-placement": h,
+			"data-state": E ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: j,
-			children: f.map((t, n) => t.separator ? /* @__PURE__ */ s("div", {
+			onKeyDown: M,
+			children: p.map((t, n) => t.separator ? /* @__PURE__ */ c("div", {
 				role: "separator",
 				className: e.separator
-			}, `sep-${n}`) : /* @__PURE__ */ c("button", {
+			}, `sep-${n}`) : /* @__PURE__ */ l("button", {
 				type: "button",
 				role: "menuitem",
 				ref: (e) => {
-					S.current[n] = e;
+					C.current[n] = e;
 				},
-				tabIndex: C.value === n ? 0 : -1,
+				tabIndex: w.value === n ? 0 : -1,
 				disabled: t.disabled,
 				className: e.item,
-				onClick: () => k(n),
-				children: [t.icon && /* @__PURE__ */ s("span", {
+				onClick: () => A(n),
+				children: [t.icon && /* @__PURE__ */ c("span", {
 					className: e.icon,
 					"aria-hidden": "true",
 					children: t.icon
@@ -106,4 +104,4 @@ function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", o
 	});
 }
 //#endregion
-export { f as Dropdown };
+export { p as Dropdown };

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

@@ -1,16 +1,14 @@
 "use client";
 
 import e from "./header-panel.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
+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";
 //#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);
-	v.value = u;
-	let y = l(d);
+	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) {

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

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

package/dist/node/modal/modal.js

@@ -1,7 +1,7 @@
 "use client";
 
 import e from "./modal.module.js";
-import { cn as t, useDraggable as n, useId as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { cn as t, useDraggable as n, useEffectPropSignal as r, useId as i, useSignalEffect 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";
 import { useRef as d } from "react";
@@ -10,11 +10,11 @@ function f({ open: f = !1, onClose: p, title: m, description: h, children: g, cl
 	o();
 	let b = d(null), x = d(p);
 	x.current = p;
-	let S = r("cascivo-modal-title"), C = r("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
+	let S = i("cascivo-modal-title"), C = i("cascivo-modal-desc"), { handleRef: w, offset: T } = n({ isDisabled: !y }), E = y ? {
 		"--modal-x": `${T.value.x}px`,
 		"--modal-y": `${T.value.y}px`
-	} : void 0, D = i(f);
-	return D.value = f, a(() => {
+	} : void 0, D = r(f);
+	return a(() => {
 		let e = b.current;
 		e && (D.value ? e.open || e.showModal() : e.open && e.close());
 	}), a(() => {

package/dist/node/popover/use-popover.js

@@ -1,18 +1,18 @@
 "use client";
 
-import { useSignal as e, useSignalEffect as t } from "@cascivo/core";
-import { useRef as n } from "react";
+import { useId as e, useSignal as t, useSignalEffect as n } from "@cascivo/core";
+import { useRef as r } from "react";
 //#region ../components/src/popover/use-popover.ts
-var r = 0, i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
+var i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
 function a(a = {}) {
-	let o = n(`--cascivo-popover-${++r}`).current, s = n(null), c = n(null), l = e(a.open ?? !1);
+	let o = `--${e("cascivo-popover")}`, s = r(null), c = r(null), l = t(a.open ?? !1);
 	a.open !== void 0 && (l.value = a.open);
-	let u = n(a.onOpenChange);
+	let u = r(a.onOpenChange);
 	u.current = a.onOpenChange;
-	let d = n(a.placement);
+	let d = r(a.placement);
 	d.current = a.placement;
-	let f = n(a.offset);
-	return f.current = a.offset, t(() => {
+	let f = r(a.offset);
+	return f.current = a.offset, n(() => {
 		let e = l.value;
 		u.current?.(e);
 		let t = c.current;
@@ -30,7 +30,7 @@ function a(a = {}) {
 				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
 			}
 		}
-	}), t(() => {
+	}), n(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = (e) => {

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

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

package/dist/node/search/search.js

@@ -1,14 +1,13 @@
 "use client";
 
 import e from "./search.module.js";
-import { cn as t, useSignal 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, useId 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";
+import { useRef as u } from "react";
 //#region ../components/src/search/search.tsx
-var u = 0;
 function d() {
-	return /* @__PURE__ */ c("svg", {
+	return /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 16 16",
 		width: "16",
 		height: "16",
@@ -17,11 +16,11 @@ function d() {
 		strokeWidth: "1.5",
 		strokeLinecap: "round",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ c("circle", {
 			cx: "7",
 			cy: "7",
 			r: "4.5"
-		}), /* @__PURE__ */ s("line", {
+		}), /* @__PURE__ */ c("line", {
 			x1: "10.5",
 			y1: "10.5",
 			x2: "14",
@@ -30,17 +29,15 @@ function d() {
 	});
 }
 function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSearch: g, debounceMs: _ = 300, placeholder: v, size: y = "md", label: b, disabled: x = !1, clearLabel: S, id: C, className: w }) {
-	i();
-	let T = v ?? o(a.search.placeholder), E = b ?? o(a.search.label), D = S ?? o(a.search.clear), O = l(null), k = l("");
-	k.current === "" && (u += 1, k.current = `cascade-search-${u}`);
-	let A = C ?? k.current, j = f !== void 0, M = n(j ? f : p);
+	a();
+	let T = v ?? s(o.search.placeholder), E = b ?? s(o.search.label), D = S ?? s(o.search.clear), O = u(null), k = n("cascade-search"), A = C ?? k, j = f !== void 0, M = r(j ? f : p);
 	j && (M.value = f);
-	let N = l(g);
+	let N = u(g);
 	N.current = g;
-	let P = l(null), F = () => {
+	let P = u(null), F = () => {
 		P.current !== null && (clearTimeout(P.current), P.current = null);
 	};
-	r(() => F);
+	i(() => F);
 	let I = (e) => {
 		let t = e.target.value;
 		j || (M.value = t), (m ?? h)?.(t), F(), P.current = setTimeout(() => {
@@ -51,21 +48,21 @@ function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSe
 	}, R = () => {
 		F(), j || (M.value = ""), (m ?? h)?.(""), g?.(""), O.current?.focus();
 	}, z = M.value !== "";
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: t(e.root, w),
 		"data-size": y,
 		"data-state": z ? "filled" : "empty",
 		children: [
-			/* @__PURE__ */ s("label", {
+			/* @__PURE__ */ c("label", {
 				className: e.label,
 				htmlFor: A,
 				children: E
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: e.icon,
-				children: /* @__PURE__ */ s(d, {})
+				children: /* @__PURE__ */ c(d, {})
 			}),
-			/* @__PURE__ */ s("input", {
+			/* @__PURE__ */ c("input", {
 				ref: O,
 				id: A,
 				type: "search",
@@ -76,13 +73,13 @@ function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSe
 				onChange: I,
 				onKeyDown: L
 			}),
-			z && /* @__PURE__ */ s("button", {
+			z && /* @__PURE__ */ c("button", {
 				type: "button",
 				className: e.clear,
 				"aria-label": D,
 				disabled: x,
 				onClick: R,
-				children: /* @__PURE__ */ s("span", {
+				children: /* @__PURE__ */ c("span", {
 					"aria-hidden": "true",
 					children: "✕"
 				})

package/dist/node/sheet/sheet.js

@@ -1,15 +1,13 @@
 "use client";
 
 import e from "./sheet.module.js";
-import { useSignal as t, useSignalEffect as n } from "@cascivo/core";
+import { useEffectPropSignal as t, useSignalEffect as n } from "@cascivo/core";
 import { builtin as r, t as i } from "@cascivo/i18n";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useId as s, useRef as c } from "react";
 //#region ../components/src/sheet/sheet.tsx
 function l({ open: l, onClose: u, title: d, children: f, side: p = "end" }) {
-	let m = c(null), h = s(), g = t(l);
-	g.value = l;
-	let _ = c(u);
+	let m = c(null), h = s(), g = t(l), _ = c(u);
 	return _.current = u, n(() => {
 		let e = m.current;
 		if (e) if (g.value) try {

package/dist/node/visually-hidden/visually-hidden.js

@@ -1,15 +1,4 @@
 "use client";
 
-import e from "./visually-hidden.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/visually-hidden/visually-hidden.tsx
-function r({ children: r, className: i, ...a }) {
-	return /* @__PURE__ */ n("span", {
-		className: t(e.visuallyHidden, i),
-		...a,
-		children: r
-	});
-}
-//#endregion
-export { r as VisuallyHidden };
+import "@cascivo/core";
+import "react/jsx-runtime";

package/dist/popover/use-popover.js

@@ -1,18 +1,18 @@
 "use client";
 
-import { useSignal as e, useSignalEffect as t } from "@cascivo/core";
-import { useRef as n } from "react";
+import { useId as e, useSignal as t, useSignalEffect as n } from "@cascivo/core";
+import { useRef as r } from "react";
 //#region ../components/src/popover/use-popover.ts
-var r = 0, i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
+var i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
 function a(a = {}) {
-	let o = n(`--cascivo-popover-${++r}`).current, s = n(null), c = n(null), l = e(a.open ?? !1);
+	let o = `--${e("cascivo-popover")}`, s = r(null), c = r(null), l = t(a.open ?? !1);
 	a.open !== void 0 && (l.value = a.open);
-	let u = n(a.onOpenChange);
+	let u = r(a.onOpenChange);
 	u.current = a.onOpenChange;
-	let d = n(a.placement);
+	let d = r(a.placement);
 	d.current = a.placement;
-	let f = n(a.offset);
-	return f.current = a.offset, t(() => {
+	let f = r(a.offset);
+	return f.current = a.offset, n(() => {
 		let e = l.value;
 		u.current?.(e);
 		let t = c.current;
@@ -30,7 +30,7 @@ function a(a = {}) {
 				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
 			}
 		}
-	}), t(() => {
+	}), n(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = (e) => {