@cascivo/react 0.16.0 → 0.17.0

package/dist/node/swap/swap.js

@@ -1,11 +1,10 @@
 import e from "./swap.module.js";
-import { useSignal as t, useSignals as n } from "@cascivo/core";
+import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/swap/swap.tsx
 function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ariaLabel: f, ...p }) {
 	n();
-	let m = t(s);
-	m.value = s;
+	let [m] = t({ value: s });
 	function h() {
 		let e = !m.value;
 		(c ?? l)?.(e);

package/dist/node/switcher/switcher.js

@@ -25,7 +25,7 @@ function c({ items: c, label: l, className: u }) {
 				"aria-hidden": "true",
 				children: t.icon
 			}), t.label]
-		}) }, t.href))
+		}) }, t.id ?? t.href))
 	});
 }
 //#endregion

package/dist/node/tabs/tabs.js

@@ -2,34 +2,35 @@
 
 import e from "./tabs.module.js";
 import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
-import { cn as a, useSignal as o, useSignals as s } from "@cascivo/core";
-import { jsx as c } from "react/jsx-runtime";
+import { Slot as a, cn as o, useControllableSignal as s, useSignals as c } from "@cascivo/core";
+import { jsx as l } from "react/jsx-runtime";
 //#region ../components/src/tabs/tabs.tsx
-var l = t(null);
-function u({ defaultValue: t, value: n, onValueChange: i, className: s, children: u }) {
-	let d = r(), f = o(n ?? t ?? "");
-	n !== void 0 && (f.value = n);
-	let p = {
+var u = t(null);
+function d({ defaultValue: t, value: n, onValueChange: i, className: a, children: c }) {
+	let d = r(), [f] = s({
+		value: n,
+		defaultValue: t ?? ""
+	}), p = {
 		active: f,
 		baseId: d,
 		setValue: (e) => {
 			n === void 0 && (f.value = e), i?.(e);
 		}
 	};
-	return /* @__PURE__ */ c(l.Provider, {
+	return /* @__PURE__ */ l(u.Provider, {
 		value: p,
-		children: /* @__PURE__ */ c("div", {
-			className: a(e.tabs, s),
-			children: u
+		children: /* @__PURE__ */ l("div", {
+			className: o(e.tabs, a),
+			children: c
 		})
 	});
 }
-function d({ className: t, children: n, ...r }) {
-	let o = i(null);
-	return /* @__PURE__ */ c(l.Consumer, { children: (i) => /* @__PURE__ */ c("div", {
-		ref: o,
+function f({ className: t, children: n, ...r }) {
+	let a = i(null);
+	return /* @__PURE__ */ l(u.Consumer, { children: (i) => /* @__PURE__ */ l("div", {
+		ref: a,
 		role: "tablist",
-		className: a(e.list, t),
+		className: o(e.list, t),
 		onKeyDown: (e) => {
 			if (!i || ![
 				"ArrowRight",
@@ -37,61 +38,61 @@ function d({ className: t, children: n, ...r }) {
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let t = Array.from(o.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
+			let t = Array.from(a.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
 			if (t.length === 0) return;
 			e.preventDefault();
 			let n = t.findIndex((e) => e.dataset.value === i.active.value), r = n;
 			e.key === "ArrowRight" ? r = (n + 1) % t.length : e.key === "ArrowLeft" ? r = (n - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1);
-			let a = t[r];
-			a?.focus(), a?.dataset.value && i.setValue(a.dataset.value);
+			let o = t[r];
+			o?.focus(), o?.dataset.value && i.setValue(o.dataset.value);
 		},
 		...r,
 		children: n
 	}) });
 }
-var f = n(function(e, t) {
-	return /* @__PURE__ */ c(l.Consumer, { children: (n) => n ? /* @__PURE__ */ c(p, {
+var p = n(function(e, t) {
+	return /* @__PURE__ */ l(u.Consumer, { children: (n) => n ? /* @__PURE__ */ l(m, {
 		store: n,
 		buttonRef: t,
 		...e
 	}) : null });
 });
-function p({ store: t, value: n, className: r, children: i, disabled: o, buttonRef: l, ...u }) {
-	s();
-	let d = t.active.value === n;
-	return /* @__PURE__ */ c("button", {
-		type: "button",
+function m({ store: t, value: n, className: r, children: i, disabled: s, buttonRef: u, asChild: d = !1, ...f }) {
+	c();
+	let p = t.active.value === n;
+	return /* @__PURE__ */ l(d ? a : "button", {
+		type: d ? void 0 : "button",
 		role: "tab",
 		id: `${t.baseId}-trigger-${n}`,
-		"aria-selected": d,
+		"aria-selected": p,
 		"aria-controls": `${t.baseId}-content-${n}`,
-		tabIndex: d ? 0 : -1,
-		"data-state": d ? "active" : "inactive",
+		tabIndex: p ? 0 : -1,
+		"data-state": p ? "active" : "inactive",
 		"data-value": n,
-		disabled: o,
-		className: a(e.trigger, r),
+		...d ? { "aria-disabled": s || void 0 } : { disabled: s },
+		className: o(e.trigger, r),
 		onClick: () => t.setValue(n),
-		ref: l,
-		...u,
+		ref: u,
+		...f,
 		children: i
 	});
 }
-function m(e) {
-	return /* @__PURE__ */ c(l.Consumer, { children: (t) => t ? /* @__PURE__ */ c(h, {
+function h(e) {
+	return /* @__PURE__ */ l(u.Consumer, { children: (t) => t ? /* @__PURE__ */ l(g, {
 		store: t,
 		...e
 	}) : null });
 }
-function h({ store: t, value: n, className: r, children: i, ...o }) {
-	return s(), t.active.value === n ? /* @__PURE__ */ c("div", {
+function g({ store: t, value: n, className: r, children: i, ...a }) {
+	return c(), t.active.value === n ? /* @__PURE__ */ l("div", {
 		role: "tabpanel",
 		id: `${t.baseId}-content-${n}`,
 		"aria-labelledby": `${t.baseId}-trigger-${n}`,
 		tabIndex: 0,
-		className: a(e.content, r),
-		...o,
+		className: o(e.content, r),
+		...a,
 		children: i
 	}) : null;
 }
 //#endregion
-export { u as Tabs, m as TabsContent, d as TabsList, f as TabsTrigger };
+export { d as Tabs, h as TabsContent, f as TabsList, p as TabsTrigger };

package/dist/node/tag/tag.module.js

@@ -1,6 +1,6 @@
 var e = {
-	tag: "_tag_onneh_2",
-	dismiss: "_dismiss_onneh_51"
+	tag: "_tag_1idve_2",
+	dismiss: "_dismiss_1idve_57"
 };
 //#endregion
 export { e as default };

package/dist/node/toc/toc.js

@@ -2,15 +2,16 @@
 
 import e from "./toc.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 { cn as n, useControllableSignal 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 } from "react/jsx-runtime";
 //#region ../components/src/toc/toc.tsx
 function l({ items: l, activeId: u, onActiveChange: d, labels: f, className: p }) {
 	a();
-	let m = u !== void 0, h = r(u ?? l[0]?.id ?? "");
-	m && (h.value = u);
-	let g = t(d);
+	let m = u !== void 0, [h] = r({
+		value: u,
+		defaultValue: l[0]?.id ?? ""
+	}), g = t(d);
 	return g.current = d, i(() => {
 		if (m || typeof document > "u" || typeof IntersectionObserver > "u") return;
 		let e = l.map((e) => document.getElementById(e.id)).filter((e) => e !== null);

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

@@ -0,0 +1,40 @@
+"use client";
+
+import e from "./virtual-list.module.js";
+import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../components/src/virtual-list/virtual-list.tsx
+function a({ items: a, itemHeight: o, height: s, renderItem: c, overscan: l = 3, ariaLabel: u, className: d }) {
+	r();
+	let f = n(0), p = Math.ceil(s / o), m = Math.floor(f.value / o), h = Math.max(0, m - l), g = Math.min(a.length, m + p + l), _ = a.slice(h, g), v = (e) => {
+		f.value = e.currentTarget.scrollTop;
+	}, y = { blockSize: `${s}px` };
+	return /* @__PURE__ */ i("div", {
+		className: t(e.viewport, d),
+		style: y,
+		onScroll: v,
+		role: "list",
+		"aria-label": u,
+		tabIndex: 0,
+		children: /* @__PURE__ */ i("div", {
+			className: e.canvas,
+			style: { blockSize: `${a.length * o}px` },
+			children: _.map((t, n) => {
+				let r = h + n;
+				return /* @__PURE__ */ i("div", {
+					role: "listitem",
+					"aria-setsize": a.length,
+					"aria-posinset": r + 1,
+					className: e.row,
+					style: {
+						blockSize: `${o}px`,
+						transform: `translateY(${r * o}px)`
+					},
+					children: c(t, r)
+				}, r);
+			})
+		})
+	});
+}
+//#endregion
+export { a as VirtualList };

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

@@ -0,0 +1,7 @@
+var e = {
+	viewport: "_viewport_1wmsq_2",
+	canvas: "_canvas_1wmsq_14",
+	row: "_row_1wmsq_19"
+};
+//#endregion
+export { e as default };

package/dist/node/wheel-picker/wheel-picker.js

@@ -0,0 +1,84 @@
+"use client";
+
+import e from "./wheel-picker.module.js";
+import { useRef as t } from "react";
+import { cn as n, useEffectPropSignal as r, useId as i, useSignalEffect as a } from "@cascivo/core";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../components/src/wheel-picker/wheel-picker.tsx
+var c = 120;
+function l({ options: l, value: u, onValueChange: d, visibleCount: f = 5, itemHeight: p = 36, ariaLabel: m, className: h }) {
+	let g = t(null), _ = i(), v = Math.max(0, l.findIndex((e) => e.value === u)), y = t(l);
+	y.current = l;
+	let b = t(d);
+	b.current = d;
+	let x = t(p);
+	x.current = p;
+	let S = t(u);
+	S.current = u;
+	let C = (e, t) => {
+		let n = g.current;
+		n && n.scrollTo({
+			top: e * x.current,
+			behavior: t ? "smooth" : "instant"
+		});
+	}, w = r(u);
+	a(() => {
+		let e = w.value, t = y.current.findIndex((t) => t.value === e);
+		t >= 0 && C(t, !1);
+	}), a(() => {
+		let e = g.current;
+		if (!e) return;
+		let t, n = () => {
+			clearTimeout(t), t = setTimeout(() => {
+				let t = Math.round(e.scrollTop / x.current), n = y.current[t];
+				n && n.value !== S.current && b.current(n.value);
+			}, c);
+		};
+		return e.addEventListener("scroll", n, { passive: !0 }), () => {
+			clearTimeout(t), e.removeEventListener("scroll", n);
+		};
+	});
+	let T = (e) => {
+		let t = Math.max(0, Math.min(l.length - 1, e)), n = l[t];
+		!n || n.value === u || (d(n.value), C(t, !0));
+	}, E = (e) => {
+		let t = {
+			ArrowDown: v + 1,
+			ArrowUp: v - 1,
+			Home: 0,
+			End: l.length - 1,
+			PageDown: v + f,
+			PageUp: v - f
+		}[e.key];
+		t !== void 0 && (e.preventDefault(), T(t));
+	}, D = (f - 1) / 2 * p, O = {
+		"--_item-height": `${p}px`,
+		"--_pad": `${D}px`,
+		"--_column-height": `${f * p}px`
+	};
+	return /* @__PURE__ */ s("div", {
+		className: n(e.root, h),
+		style: O,
+		children: [/* @__PURE__ */ o("div", {
+			ref: g,
+			role: "listbox",
+			tabIndex: 0,
+			"aria-label": m,
+			"aria-activedescendant": `${_}-${v}`,
+			className: e.column,
+			onKeyDown: E,
+			children: l.map((t, n) => /* @__PURE__ */ o("div", {
+				id: `${_}-${n}`,
+				role: "option",
+				"aria-selected": n === v,
+				className: e.option,
+				children: t.label
+			}, t.value))
+		}), /* @__PURE__ */ o("div", {
+			"aria-hidden": "true",
+			className: e.band
+		})]
+	});
+}
+//#endregion
+export { l as WheelPicker };

package/dist/node/wheel-picker/wheel-picker.module.js

@@ -0,0 +1,8 @@
+var e = {
+	root: "_root_11q00_2",
+	column: "_column_11q00_7",
+	option: "_option_11q00_29",
+	band: "_band_11q00_48"
+};
+//#endregion
+export { e as default };

package/dist/react/src/index.js

@@ -112,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/reorder-list/reorder-list.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1tie9_4{position:relative}._list_1tie9_8{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._row_1tie9_16{align-items:center;gap:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);border-block-end:1px solid var(--cascivo-border-subtle);background:var(--cascivo-color-surface);display:flex}._row_1tie9_16:last-child{border-block-end:none}._row_1tie9_16[data-active]{background:var(--cascivo-color-surface-2)}._handle_1tie9_34{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-sm);color:var(--cascivo-color-text-muted);touch-action:none;cursor:grab;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}._handle_1tie9_34:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:2px}._handle_1tie9_34[aria-pressed=true]{color:var(--cascivo-color-accent);cursor:grabbing}._handle_1tie9_34:disabled{opacity:var(--cascivo-disabled-opacity);cursor:not-allowed}@media (pointer:coarse){._handle_1tie9_34{min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._grip_1tie9_69{block-size:1rem;inline-size:1rem}._label_1tie9_74{min-inline-size:0;color:var(--cascivo-color-foreground)}._srOnly_1tie9_79{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}

package/dist/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/reorder-list/reorder-list.module.js

@@ -0,0 +1,12 @@
+import './reorder-list.css';
+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/search/search.js

@@ -2,7 +2,7 @@
 
 import e from "./search.module.js";
 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 { cn as n, focusElement as r, useControllableSignal 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/search/search.tsx
@@ -30,9 +30,10 @@ 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 }) {
 	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 = t(_);
+	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = t(null), A = a("cascade-search"), j = w ?? A, M = p !== void 0, [N] = i({
+		value: p,
+		defaultValue: m
+	}), P = t(_);
 	P.current = _;
 	let F = t(null), I = () => {
 		F.current !== null && (clearTimeout(F.current), F.current = null);