@cascivo/react 0.9.0 → 0.10.0

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

@@ -0,0 +1,63 @@
+"use client";
+
+import e from "./radio-card.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createContext as i } from "react";
+//#region ../components/src/radio-card/radio-card.tsx
+var a = i({ name: "" });
+function o({ name: r, label: i, value: o, defaultValue: s, onValueChange: c, children: l, className: u }) {
+	return /* @__PURE__ */ n(a.Provider, {
+		value: {
+			name: r,
+			value: o,
+			defaultValue: s,
+			onValueChange: c
+		},
+		children: /* @__PURE__ */ n("div", {
+			role: "radiogroup",
+			"aria-label": i,
+			className: t(e.group, u),
+			children: l
+		})
+	});
+}
+function s({ value: t, title: i, description: o, disabled: s, hideIndicator: c, ...l }) {
+	return /* @__PURE__ */ n(a.Consumer, { children: (a) => /* @__PURE__ */ r("label", {
+		className: e.card,
+		"data-disabled": s || void 0,
+		children: [
+			/* @__PURE__ */ n("input", {
+				type: "radio",
+				className: e.input,
+				name: a.name,
+				value: t,
+				disabled: s,
+				...a.value === void 0 ? {
+					defaultChecked: a.defaultValue === t,
+					onChange: () => a.onValueChange?.(t)
+				} : {
+					checked: a.value === t,
+					onChange: () => a.onValueChange?.(t)
+				},
+				...l
+			}),
+			!c && /* @__PURE__ */ n("span", {
+				className: e.glyph,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ r("span", {
+				className: e.body,
+				children: [/* @__PURE__ */ n("span", {
+					className: e.title,
+					children: i
+				}), o && /* @__PURE__ */ n("span", {
+					className: e.description,
+					children: o
+				})]
+			})
+		]
+	}) });
+}
+//#endregion
+export { s as RadioCard, o as RadioCardGroup };

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

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	group: "_group_1290l_2",
+	card: "_card_1290l_7",
+	input: "_input_1290l_39",
+	glyph: "_glyph_1290l_48",
+	body: "_body_1290l_65",
+	title: "_title_1290l_71",
+	description: "_description_1290l_77"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,37 @@
+"use client";
+
+import e from "./rating-group.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/rating-group/rating-group.tsx
+function r(e, t) {
+	return `${e} of ${t} stars`;
+}
+function i({ value: i, onValueChange: a, max: o = 5, size: s = "md", disabled: c = !1, readOnly: l = !1, labels: u, className: d, ...f }) {
+	let p = u?.rating ?? r, m = !c && !l && a !== void 0;
+	return /* @__PURE__ */ n("div", {
+		className: t(e.wrapper, d),
+		"data-size": s,
+		role: "radiogroup",
+		...f,
+		children: Array.from({ length: o }, (t, r) => {
+			let s = r + 1, l = s <= i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": s === i,
+				"aria-label": p(s, o),
+				className: e.star,
+				"data-filled": l ? "" : void 0,
+				"data-value": s,
+				disabled: c,
+				tabIndex: m ? 0 : -1,
+				onClick: () => {
+					m && a(s);
+				}
+			}, s);
+		})
+	});
+}
+//#endregion
+export { i as RatingGroup };

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

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	wrapper: "_wrapper_b346p_2",
+	star: "_star_b346p_20"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,138 @@
+"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";
+import { Card as r, CardContent as i, CardFooter as a, CardHeader as o, CardTitle as s } from "../../card/card.js";
+import { Badge as c } from "../../badge/badge.js";
+import { Modal as l } from "../../modal/modal.js";
+import { Separator as u } from "../../separator/separator.js";
+import { Alert as d } from "../../alert/alert.js";
+import { Avatar as f } from "../../avatar/avatar.js";
+import { AvatarGroup as p } from "../../avatar-group/avatar-group.js";
+import { User as m } from "../../user/user.js";
+import { Image as h } from "../../image/image.js";
+import { Textarea as g } from "../../textarea/textarea.js";
+import { Select as _ } from "../../select/select.js";
+import { Checkbox as v } from "../../checkbox/checkbox.js";
+import { Radio as y, RadioGroup as b } from "../../radio/radio.js";
+import { Toggle as x } from "../../toggle/toggle.js";
+import { Slider as S } from "../../slider/slider.js";
+import { Tooltip as C } from "../../tooltip/tooltip.js";
+import { Dropdown as w } from "../../dropdown/dropdown.js";
+import { ToastProvider as T, dismissAllToasts as E, useToast as D } from "../../toast/toast.js";
+import { Tabs as O, TabsContent as k, TabsList as A, TabsTrigger as j } from "../../tabs/tabs.js";
+import { Accordion as M, AccordionContent as N, AccordionItem as P, AccordionTrigger as F } from "../../accordion/accordion.js";
+import { ActionSheet as I } from "../../action-sheet/action-sheet.js";
+import { Kbd as L } from "../../kbd/kbd.js";
+import { Link as R } from "../../link/link.js";
+import { Breadcrumb as z } from "../../breadcrumb/breadcrumb.js";
+import { Toc as B } from "../../toc/toc.js";
+import { useTocFromRegion as V } from "../../toc/use-toc-from-region.js";
+import { Header as H } from "../../header/header.js";
+import { usePopover as U } from "../../popover/use-popover.js";
+import { SideNav as W } from "../../side-nav/side-nav.js";
+import { Pagination as G } from "../../pagination/pagination.js";
+import { ProgressIndicator as K } from "../../progress-indicator/progress-indicator.js";
+import { Tag as q } from "../../tag/tag.js";
+import { Skeleton as J } from "../../skeleton/skeleton.js";
+import { ProgressBar as Y } from "../../progress-bar/progress-bar.js";
+import { EmptyState as X } from "../../empty-state/empty-state.js";
+import { Fab as Z } from "../../fab/fab.js";
+import { OverflowMenu as Q } from "../../overflow-menu/overflow-menu.js";
+import { Search as $ } from "../../search/search.js";
+import { NumberInput as ee } from "../../number-input/number-input.js";
+import { DataTable as te } from "../../data-table/data-table.js";
+import { CommandMenu as ne, fuzzyMatch as re, fuzzyScore as ie } from "../../command-menu/command-menu.js";
+import { Form as ae, createForm as oe, useForm as se } from "../../form/form.js";
+import { Combobox as ce } from "../../combobox/combobox.js";
+import { DatePicker as le } from "../../date-picker/date-picker.js";
+import { FileUploader as ue } from "../../file-uploader/file-uploader.js";
+import { TimePicker as de } from "../../time-picker/time-picker.js";
+import { Popover as fe, PopoverContent as pe, PopoverTrigger as me } from "../../popover/popover.js";
+import { Menu as he, MenuItem as ge, MenuSeparator as _e, MenuTrigger as ve } from "../../menu/menu.js";
+import { AlertDialog as ye } from "../../alert-dialog/alert-dialog.js";
+import { Sheet as be } from "../../sheet/sheet.js";
+import { BottomSheet as xe } from "../../bottom-sheet/bottom-sheet.js";
+import { ContextMenu as Se, ContextMenuItem as Ce } from "../../context-menu/context-menu.js";
+import { Comparison as we } from "../../comparison/comparison.js";
+import { HoverCard as Te, HoverCardContent as Ee, HoverCardTrigger as De } from "../../hover-card/hover-card.js";
+import { PasswordInput as Oe } from "../../password-input/password-input.js";
+import { MultiSelect as ke } from "../../multi-select/multi-select.js";
+import { TagsInput as Ae } from "../../tags-input/tags-input.js";
+import { OtpInput as je } from "../../otp-input/otp-input.js";
+import { SegmentedControl as Me } from "../../segmented-control/segmented-control.js";
+import { InputGroup as Ne, InputGroupAddon as Pe } from "../../input-group/input-group.js";
+import { RatingGroup as Fe } from "../../rating-group/rating-group.js";
+import { Editable as Ie } from "../../editable/editable.js";
+import { RadioCard as Le, RadioCardGroup as Re } from "../../radio-card/radio-card.js";
+import { ShellHeader as ze } from "../../shell-header/shell-header.js";
+import { HeaderPanel as Be } from "../../header-panel/header-panel.js";
+import { Switcher as Ve } from "../../switcher/switcher.js";
+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, useTheme as fn } from "./theme.js";
+import { ErrorBoundary as pn, FocusScope as mn, Portal as hn, SuspenseBoundary as gn, getLinkComponent as _n, setLinkComponent as vn } 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, pn as ErrorBoundary, Z as Fab, lt as Field, ue as FileUploader, ut as Filter, rn as Flex, mn 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, hn 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, gn 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, _n as getLinkComponent, vn as setLinkComponent, un as setTheme, dn as themePreloadScript, wt as treeViewMessages, se as useForm, U as usePopover, fn as useTheme, D as useToast, V as useTocFromRegion };

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

@@ -0,0 +1,54 @@
+"use client";
+
+import { persistedSignal as e } from "../../storage/src/persisted-signal.js";
+import { useSignalEffect as t, useSignals as n } from "@cascivo/core";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRef as o } from "react";
+//#region src/theme.tsx
+var s = "cascivo-theme", c = "data-theme", l = null, u = {
+	storageKey: s,
+	defaultTheme: "light",
+	explicit: !1
+};
+function d(e) {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? e : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : e;
+}
+function f() {
+	return u.explicit ? u.defaultTheme : d(u.defaultTheme);
+}
+function p() {
+	return l ??= e(u.storageKey, f()), l;
+}
+function m(e) {
+	p().value = e;
+}
+function h() {
+	return n(), [p(), m];
+}
+function g(e) {
+	return JSON.stringify(e).replace(/</g, "\\u003c");
+}
+function _({ defaultTheme: e, value: n, storageKey: d = s, attribute: f = c, target: m, onChange: h, nonce: _, children: v }) {
+	let y = o(!1);
+	y.current || (y.current = !0, (l === null || u.storageKey !== d) && (u = {
+		storageKey: d,
+		defaultTheme: e ?? "light",
+		explicit: e !== void 0
+	}, l = null));
+	let b = p();
+	n !== void 0 && (b.value = n);
+	let x = o(h);
+	return x.current = h, t(() => {
+		let e = b.value;
+		(m ? m.current : typeof document < "u" ? document.documentElement : null)?.setAttribute(f, e), x.current?.(e);
+	}), n !== void 0 && !m ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("script", {
+		nonce: _,
+		dangerouslySetInnerHTML: { __html: `document.documentElement.setAttribute(${g(f)},${g(n)})` }
+	}), v] }) : /* @__PURE__ */ i(r, { children: v });
+}
+function v(e = {}) {
+	let t = JSON.stringify(e.storageKey ?? s), n = JSON.stringify(e.attribute ?? c), r = JSON.stringify(e.defaultTheme ?? "light"), i = e.defaultTheme === void 0 ? "if(typeof matchMedia==='function'){if(matchMedia('(prefers-color-scheme: dark)').matches)v='dark';else if(matchMedia('(prefers-color-scheme: light)').matches)v='light';}" : "";
+	return `(function(){try{var v=${r};` + i + `var raw=localStorage.getItem(${t});if(raw){v=raw;try{var e=JSON.parse(raw);if(e&&typeof e==='object'&&'value'in e)v=e.value;}catch(_){}}document.documentElement.setAttribute(${n},v);}catch(_){}})();`;
+}
+//#endregion
+export { _ as ThemeProvider, m as setTheme, v as themePreloadScript, h as useTheme };

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

@@ -0,0 +1,66 @@
+"use client";
+
+import e from "./relative-time.module.js";
+import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
+import { formatDate as a, formatRelativeTime as o } from "@cascivo/i18n";
+import { jsx as s } from "react/jsx-runtime";
+//#region ../components/src/relative-time/relative-time.tsx
+var c = 1e3, l = 60 * c, u = 60 * l, d = 24 * u, f = 7 * d, p = 30 * d, m = 365 * d;
+function h(e) {
+	let t = Math.abs(e);
+	return t < l ? {
+		value: Math.round(e / c),
+		unit: "second",
+		nextUpdateMs: c
+	} : t < u ? {
+		value: Math.round(e / l),
+		unit: "minute",
+		nextUpdateMs: l
+	} : t < d ? {
+		value: Math.round(e / u),
+		unit: "hour",
+		nextUpdateMs: u
+	} : t < f ? {
+		value: Math.round(e / d),
+		unit: "day",
+		nextUpdateMs: d
+	} : t < p ? {
+		value: Math.round(e / f),
+		unit: "week",
+		nextUpdateMs: d
+	} : t < m ? {
+		value: Math.round(e / p),
+		unit: "month",
+		nextUpdateMs: d
+	} : {
+		value: Math.round(e / m),
+		unit: "year",
+		nextUpdateMs: d
+	};
+}
+var g = (e) => e instanceof Date ? e.getTime() : typeof e == "number" ? e : Date.parse(e);
+function _({ date: c, sync: l = !0, now: u, format: d, className: f, ...p }) {
+	i();
+	let m = g(c), _ = u !== void 0, v = n(u ?? Date.now());
+	_ && (v.value = u), r(() => {
+		if (_ || typeof window > "u" || (v.value = Date.now(), !l)) return;
+		let { nextUpdateMs: e } = h(m - v.value), t = window.setInterval(() => {
+			v.value = Date.now();
+		}, e);
+		return () => window.clearInterval(t);
+	});
+	let { value: y, unit: b } = h(m - v.value), x = o(y, b, d);
+	return /* @__PURE__ */ s("time", {
+		dateTime: new Date(m).toISOString(),
+		title: a(m, {
+			dateStyle: "long",
+			timeStyle: "short"
+		}),
+		className: t(e.relativeTime, f),
+		suppressHydrationWarning: !0,
+		...p,
+		children: x
+	});
+}
+//#endregion
+export { _ as RelativeTime };

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

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

package/dist/node/resizable/resizable.js

@@ -0,0 +1,80 @@
+"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 { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Children as u, useRef as d } from "react";
+//#region ../components/src/resizable/resizable.tsx
+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] = u.toArray(p), [w, T] = n({
+		value: g,
+		defaultValue: h,
+		onChange: y
+	}), E = d(null), D = r(!1), O = (e) => {
+		T(f(e, _, v));
+	}, k = (e, t) => {
+		let n = E.current;
+		if (!n) return w.value;
+		let r = n.getBoundingClientRect();
+		return m === "horizontal" ? (e - r.left) / r.width : (t - r.top) / r.height;
+	};
+	i(() => {
+		if (!D.value) return;
+		let e = (e) => O(k(e.clientX, e.clientY)), t = () => {
+			D.value = !1;
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	});
+	let A = (e) => {
+		let t = e.shiftKey ? .1 : .02, n = m === "horizontal" ? "ArrowLeft" : "ArrowUp", r = m === "horizontal" ? "ArrowRight" : "ArrowDown";
+		if (e.key === n) O(w.value - t);
+		else if (e.key === r) O(w.value + t);
+		else if (e.key === "Home") O(_);
+		else if (e.key === "End") O(v);
+		else return;
+		e.preventDefault();
+	}, j = x ?? s(o.resizable.handle), M = Math.round(w.value * 100);
+	return /* @__PURE__ */ l("div", {
+		ref: E,
+		className: t(e.resizable, b),
+		"data-orientation": m,
+		style: { "--cascivo-resizable-ratio": w.value },
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: e.pane,
+				children: S
+			}),
+			/* @__PURE__ */ c("div", {
+				className: e.handle,
+				role: "separator",
+				"aria-orientation": m,
+				"aria-label": j,
+				"aria-valuenow": M,
+				"aria-valuemin": Math.round(_ * 100),
+				"aria-valuemax": Math.round(v * 100),
+				tabIndex: 0,
+				onKeyDown: A,
+				onPointerDown: (e) => {
+					e.preventDefault(), D.value = !0;
+				},
+				children: /* @__PURE__ */ c("span", {
+					className: e.grip,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: e.pane,
+				children: C
+			})
+		]
+	});
+}
+//#endregion
+export { p as Resizable };

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

@@ -0,0 +1,10 @@
+"use client";
+
+var e = {
+	resizable: "_resizable_1agxs_2",
+	pane: "_pane_1agxs_17",
+	handle: "_handle_1agxs_31",
+	grip: "_grip_1agxs_50"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,38 @@
+"use client";
+
+import e from "./scroll-area.module.js";
+import { cn as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as a } from "react";
+//#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 = a(null);
+	n(() => {
+		let e = m.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollTop <= 0, n = e.scrollTop + e.clientHeight >= e.scrollHeight - 1, r = e.scrollLeft <= 0, i = e.scrollLeft + e.clientWidth >= e.scrollWidth - 1;
+			e.toggleAttribute("data-scroll-top", !t), e.toggleAttribute("data-scroll-bottom", !n), e.toggleAttribute("data-scroll-start", !r), e.toggleAttribute("data-scroll-end", !i);
+		};
+		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => {
+			e.removeEventListener("scroll", t);
+		};
+	});
+	let h = {
+		...o === void 0 ? {} : { "--cascivo-scroll-area-height": o },
+		...s === void 0 ? {} : { "--cascivo-scroll-area-width": s },
+		...d
+	};
+	return /* @__PURE__ */ i("div", {
+		ref: m,
+		"data-orientation": c,
+		"data-edges": l,
+		className: t(e.root, u),
+		style: h,
+		...p,
+		children: f
+	});
+}
+//#endregion
+export { o as ScrollArea };

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

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

package/dist/node/search/search.js

@@ -0,0 +1,94 @@
+"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";
+//#region ../components/src/search/search.tsx
+var u = 0;
+function d() {
+	return /* @__PURE__ */ c("svg", {
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ s("circle", {
+			cx: "7",
+			cy: "7",
+			r: "4.5"
+		}), /* @__PURE__ */ s("line", {
+			x1: "10.5",
+			y1: "10.5",
+			x2: "14",
+			y2: "14"
+		})]
+	});
+}
+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);
+	j && (M.value = f);
+	let N = l(g);
+	N.current = g;
+	let P = l(null), F = () => {
+		P.current !== null && (clearTimeout(P.current), P.current = null);
+	};
+	r(() => F);
+	let I = (e) => {
+		let t = e.target.value;
+		j || (M.value = t), (m ?? h)?.(t), F(), P.current = setTimeout(() => {
+			P.current = null, N.current?.(t);
+		}, _);
+	}, L = (e) => {
+		e.key === "Enter" && (F(), g?.(M.value));
+	}, R = () => {
+		F(), j || (M.value = ""), (m ?? h)?.(""), g?.(""), O.current?.focus();
+	}, z = M.value !== "";
+	return /* @__PURE__ */ c("div", {
+		className: t(e.root, w),
+		"data-size": y,
+		"data-state": z ? "filled" : "empty",
+		children: [
+			/* @__PURE__ */ s("label", {
+				className: e.label,
+				htmlFor: A,
+				children: E
+			}),
+			/* @__PURE__ */ s("span", {
+				className: e.icon,
+				children: /* @__PURE__ */ s(d, {})
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: O,
+				id: A,
+				type: "search",
+				className: e.input,
+				value: M.value,
+				placeholder: T,
+				disabled: x,
+				onChange: I,
+				onKeyDown: L
+			}),
+			z && /* @__PURE__ */ s("button", {
+				type: "button",
+				className: e.clear,
+				"aria-label": D,
+				disabled: x,
+				onClick: R,
+				children: /* @__PURE__ */ s("span", {
+					"aria-hidden": "true",
+					children: "✕"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { f as Search };

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

@@ -0,0 +1,11 @@
+"use client";
+
+var e = {
+	root: "_root_1m8s8_2",
+	label: "_label_1m8s8_31",
+	icon: "_icon_1m8s8_44",
+	input: "_input_1m8s8_53",
+	clear: "_clear_1m8s8_99"
+};
+//#endregion
+export { e as default };