@cascivo/react 0.3.4 → 0.3.7

package/dist/radial-progress/radial-progress.css

@@ -0,0 +1 @@
+@layer cascivo.component{._radialProgress_1z011_2{--cascivo-radial-size:5rem;--cascivo-radial-thickness:.375rem;--cascivo-radial-color:var(--cascivo-color-accent);inline-size:var(--cascivo-radial-size);block-size:var(--cascivo-radial-size);border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface-2);background-image:conic-gradient(var(--cascivo-radial-color) calc(var(--cascivo-radial-progress,0) * 1%), transparent 0);box-shadow:inset 0 0 0 calc(var(--cascivo-radial-size) / 2 - var(--cascivo-radial-thickness)) var(--cascivo-color-surface);justify-content:center;align-items:center;display:inline-flex}._radialProgress_1z011_2[data-size=sm]{--cascivo-radial-size:3.5rem;--cascivo-radial-thickness:.25rem}._radialProgress_1z011_2[data-size=md]{--cascivo-radial-size:5rem;--cascivo-radial-thickness:.375rem}._radialProgress_1z011_2[data-size=lg]{--cascivo-radial-size:7rem;--cascivo-radial-thickness:.5rem}._radialProgress_1z011_2[data-variant=primary]{--cascivo-radial-color:var(--cascivo-color-primary)}._radialProgress_1z011_2[data-variant=info]{--cascivo-radial-color:var(--cascivo-color-info)}._radialProgress_1z011_2[data-variant=success]{--cascivo-radial-color:var(--cascivo-color-success)}._radialProgress_1z011_2[data-variant=warning]{--cascivo-radial-color:var(--cascivo-color-warning)}._radialProgress_1z011_2[data-variant=error]{--cascivo-radial-color:var(--cascivo-color-error)}._label_1z011_51{color:var(--cascivo-color-text);font-size:.875em;font-weight:600;line-height:1}}

package/dist/radial-progress/radial-progress.js

@@ -0,0 +1,25 @@
+"use client";
+
+import e from "./radial-progress.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/radial-progress/radial-progress.tsx
+function n({ value: n, size: r = "md", variant: i = "primary", children: a, className: o, ...s }) {
+	let c = Math.min(100, Math.max(0, n));
+	return /* @__PURE__ */ t("div", {
+		role: "progressbar",
+		"aria-valuenow": c,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		className: [e.radialProgress, o].filter(Boolean).join(" "),
+		"data-size": r,
+		"data-variant": i,
+		style: { "--cascivo-radial-progress": c },
+		...s,
+		children: /* @__PURE__ */ t("span", {
+			className: e.label,
+			children: a ?? `${c}%`
+		})
+	});
+}
+//#endregion
+export { n as RadialProgress };

package/dist/radial-progress/radial-progress.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './radial-progress.css';
+var e = {
+	radialProgress: "_radialProgress_1z011_2",
+	label: "_label_1z011_51"
+};
+//#endregion
+export { e as default };

package/dist/radio/radio.css

@@ -0,0 +1 @@
+@layer cascivo.component{._group_1jh68_2{gap:var(--cascivo-space-3);display:flex}._group_1jh68_2[data-orientation=vertical]{flex-direction:column}._group_1jh68_2[data-orientation=horizontal]{flex-flow:wrap}._wrapper_1jh68_15{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;display:inline-flex}._wrapper_1jh68_15[data-disabled]{opacity:.5;cursor:not-allowed}._input_1jh68_28{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._control_1jh68_41{background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-full);block-size:1.125rem;inline-size:1.125rem;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._control_1jh68_41:after{content:"";border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-text-on-accent);block-size:.5rem;inline-size:.5rem;transition:scale var(--cascivo-duration-150) var(--cascivo-ease-out);scale:0}._input_1jh68_28:checked+._control_1jh68_41{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._input_1jh68_28:checked+._control_1jh68_41:after{scale:1}._input_1jh68_28:focus-visible+._control_1jh68_41{box-shadow:var(--cascivo-focus-ring);outline:none}._label_1jh68_80{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}}@media (forced-colors:active){._control_1jh68_41{background-color:field;border:1px solid buttontext}._input_1jh68_28:checked+._control_1jh68_41{background-color:highlight;border-color:highlight}._input_1jh68_28:focus-visible+._control_1jh68_41{outline-offset:2px;outline:2px solid highlight}}

package/dist/radio/radio.js

@@ -0,0 +1,49 @@
+"use client";
+
+import e from "./radio.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Children as i, cloneElement as a, isValidElement as o } from "react";
+//#region ../components/src/radio/radio.tsx
+function s({ label: i, className: a, id: o, disabled: s, value: c, ...l }) {
+	let u = o ?? (i ? `cascade-radio-${c}` : void 0);
+	return /* @__PURE__ */ r("label", {
+		className: t(e.wrapper, a),
+		"data-disabled": s || void 0,
+		children: [
+			/* @__PURE__ */ n("input", {
+				id: u,
+				type: "radio",
+				value: c,
+				className: e.input,
+				disabled: s,
+				...l
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e.control,
+				"aria-hidden": "true"
+			}),
+			i && /* @__PURE__ */ n("span", {
+				className: e.label,
+				children: i
+			})
+		]
+	});
+}
+function c({ name: r, value: s, defaultValue: c, onChange: l, orientation: u = "vertical", className: d, children: f }) {
+	let p = s !== void 0;
+	return /* @__PURE__ */ n("div", {
+		role: "radiogroup",
+		"data-orientation": u,
+		className: t(e.group, d),
+		children: i.map(f, (e) => {
+			if (!o(e)) return e;
+			let t = e, n = t.props.value, i = { name: r };
+			return p ? i.checked = n === s : c !== void 0 && (i.defaultChecked = n === c), l && (i.onChange = (e) => {
+				e.target.checked && l(n);
+			}), a(t, i);
+		})
+	});
+}
+//#endregion
+export { s as Radio, c as RadioGroup };

package/dist/radio/radio.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './radio.css';
+var e = {
+	group: "_group_1jh68_2",
+	wrapper: "_wrapper_1jh68_15",
+	input: "_input_1jh68_28",
+	control: "_control_1jh68_41",
+	label: "_label_1jh68_80"
+};
+//#endregion
+export { e as default };

package/dist/radio-card/radio-card.css

@@ -0,0 +1 @@
+@layer cascivo.component{._group_1290l_2{gap:var(--cascivo-space-3);display:grid}._card_1290l_7{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-bg);cursor:pointer;align-items:flex-start;transition:border-color .12s,background-color .12s;display:flex}._card_1290l_7:hover:not([data-disabled]){border-color:var(--cascivo-color-border-strong)}._card_1290l_7:has(input:checked){border-color:var(--cascivo-color-accent);background:color-mix(in oklch, var(--cascivo-color-accent) 4%, var(--cascivo-color-bg))}._card_1290l_7:has(input:focus-visible){box-shadow:var(--cascivo-focus-ring)}._card_1290l_7[data-disabled]{opacity:.5;cursor:not-allowed}._input_1290l_39{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._glyph_1290l_48{border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-full);flex:none;block-size:1rem;inline-size:1rem;margin-block-start:2px;transition:border-color .12s,background-color .12s}._card_1290l_7:has(input:checked) ._glyph_1290l_48{border-color:var(--cascivo-color-accent);background:radial-gradient(circle, var(--cascivo-color-accent) 0 35%, transparent 40%)}._body_1290l_65{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1290l_71{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._description_1290l_77{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}}

package/dist/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/radio-card/radio-card.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './radio-card.css';
+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/rating-group/rating-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_b346p_2{gap:var(--cascivo-space-1);align-items:center;display:inline-flex}._wrapper_b346p_2[data-size=sm]{--_star-size:1.25rem}._wrapper_b346p_2[data-size=md]{--_star-size:1.5rem}._wrapper_b346p_2[data-size=lg]{--_star-size:2rem}._star_b346p_20{width:var(--_star-size,1.5rem);height:var(--_star-size,1.5rem);cursor:pointer;color:var(--cascivo-color-border-strong);transition:color var(--cascivo-duration-100) var(--cascivo-ease-out), transform var(--cascivo-duration-100) var(--cascivo-ease-out);background:0 0;background-color:var(--cascivo-color-border-strong);border:none;padding:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._wrapper_b346p_2:not(:has(:disabled)):not(:has([tabindex="-1"])):hover ._star_b346p_20[data-filled]{background-color:var(--cascivo-color-warning)}._star_b346p_20[data-filled]{background-color:var(--cascivo-color-warning)}._wrapper_b346p_2:not(:has(:disabled)):hover ._star_b346p_20:hover~._star_b346p_20{background-color:var(--cascivo-color-border-strong)}._star_b346p_20:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:2px;border-radius:var(--cascivo-radius-control)}._star_b346p_20:disabled{cursor:not-allowed;opacity:.5}._star_b346p_20:not(:disabled):not([tabindex="-1"]):hover{transform:scale(1.1)}}

package/dist/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/rating-group/rating-group.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './rating-group.css';
+var e = {
+	wrapper: "_wrapper_b346p_2",
+	star: "_star_b346p_20"
+};
+//#endregion
+export { e as default };

package/dist/react/src/index.js

@@ -0,0 +1,130 @@
+"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, fuzzyScore as re } from "../../command-menu/command-menu.js";
+import { Form as ie, createForm as ae, useForm as oe } from "../../form/form.js";
+import { Combobox as se } from "../../combobox/combobox.js";
+import { DatePicker as ce } from "../../date-picker/date-picker.js";
+import { FileUploader as le } from "../../file-uploader/file-uploader.js";
+import { TimePicker as ue } from "../../time-picker/time-picker.js";
+import { Popover as de, PopoverContent as fe, PopoverTrigger as pe } from "../../popover/popover.js";
+import { Menu as me, MenuItem as he, MenuSeparator as ge, MenuTrigger as _e } from "../../menu/menu.js";
+import { AlertDialog as ve } from "../../alert-dialog/alert-dialog.js";
+import { Sheet as ye } from "../../sheet/sheet.js";
+import { BottomSheet as be } from "../../bottom-sheet/bottom-sheet.js";
+import { ContextMenu as xe, ContextMenuItem as Se } from "../../context-menu/context-menu.js";
+import { Comparison as Ce } from "../../comparison/comparison.js";
+import { HoverCard as we, HoverCardContent as Te, HoverCardTrigger as Ee } from "../../hover-card/hover-card.js";
+import { PasswordInput as De } from "../../password-input/password-input.js";
+import { MultiSelect as Oe } from "../../multi-select/multi-select.js";
+import { TagsInput as ke } from "../../tags-input/tags-input.js";
+import { OtpInput as Ae } from "../../otp-input/otp-input.js";
+import { SegmentedControl as je } from "../../segmented-control/segmented-control.js";
+import { InputGroup as Me, InputGroupAddon as Ne } from "../../input-group/input-group.js";
+import { RatingGroup as Pe } from "../../rating-group/rating-group.js";
+import { Editable as Fe } from "../../editable/editable.js";
+import { RadioCard as Ie, RadioCardGroup as Le } from "../../radio-card/radio-card.js";
+import { ShellHeader as Re } from "../../shell-header/shell-header.js";
+import { HeaderPanel as ze } from "../../header-panel/header-panel.js";
+import { Switcher as Be } from "../../switcher/switcher.js";
+import { CheckboxCard as Ve } from "../../checkbox-card/checkbox-card.js";
+import { CopyButton as He } from "../../copy-button/copy-button.js";
+import { Stat as Ue } from "../../stat/stat.js";
+import { Status as We } from "../../status/status.js";
+import { VisuallyHidden as Ge } from "../../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 { Prose as nt } from "../../prose/prose.js";
+import { PullToRefresh as rt } from "../../pull-to-refresh/pull-to-refresh.js";
+import { QrCode as it } from "../../qr-code/qr-code.js";
+import { RelativeTime as at } from "../../relative-time/relative-time.js";
+import { Label as ot } from "../../label/label.js";
+import { Field as st } from "../../field/field.js";
+import { Filter as ct } from "../../filter/filter.js";
+import { IconButton as lt } from "../../icon-button/icon-button.js";
+import { ButtonGroup as ut } from "../../button-group/button-group.js";
+import { ToggleGroup as dt } from "../../toggle-group/toggle-group.js";
+import { InlineLoading as ft } from "../../inline-loading/inline-loading.js";
+import { Notification as pt } from "../../notification/notification.js";
+import { ScrollArea as mt } from "../../scroll-area/scroll-area.js";
+import { Collapsible as ht } from "../../collapsible/collapsible.js";
+import { AspectRatio as gt } from "../../aspect-ratio/aspect-ratio.js";
+import { MenuButton as _t } from "../../menu-button/menu-button.js";
+import { Toggletip as vt } from "../../toggletip/toggletip.js";
+import { Menubar as yt } from "../../menubar/menubar.js";
+import { NavigationMenu as bt } from "../../navigation-menu/navigation-menu.js";
+import { TreeView as xt, treeViewMessages as St } from "../../tree-view/tree-view.js";
+import { StructuredList as Ct } from "../../structured-list/structured-list.js";
+import { ContainedList as wt, ContainedListItem as Tt } from "../../contained-list/contained-list.js";
+import { DataList as Et } from "../../data-list/data-list.js";
+import { Timeline as Dt } from "../../timeline/timeline.js";
+import { Item as Ot, ItemActions as kt, ItemContent as At, ItemDescription as jt, ItemMedia as Mt, ItemTitle as Nt } from "../../item/item.js";
+import { Calendar as Pt } from "../../calendar/calendar.js";
+import { DateRangePicker as Ft } from "../../date-range-picker/date-range-picker.js";
+import { ColorPicker as It } from "../../color-picker/color-picker.js";
+import { Carousel as Lt } from "../../carousel/carousel.js";
+import { Resizable as Rt } from "../../resizable/resizable.js";
+import { Dock as zt } from "../../dock/dock.js";
+import { Drawer as Bt } from "../../drawer/drawer.js";
+import { NativeSelect as Vt } from "../../native-select/native-select.js";
+import { CodeSnippet as Ht } from "../../code-snippet/code-snippet.js";
+import { Steps as Ut } from "../../steps/steps.js";
+import { Tile as Wt } from "../../tile/tile.js";
+import { Indicator as Gt } from "../../indicator/indicator.js";
+import { Join as Kt } from "../../join/join.js";
+import { Stack as qt } from "../../stack/stack.js";
+import { AppShell as Jt } from "../../app-shell/app-shell.js";
+import { ChatBubble as Yt } from "../../chat-bubble/chat-bubble.js";
+import { RadialProgress as Xt } from "../../radial-progress/radial-progress.js";
+import { Swap as Zt } from "../../swap/swap.js";
+import { SwipeItem as Qt } from "../../swipe-item/swipe-item.js";
+import { ErrorBoundary as $t, FocusScope as en, Portal as tn, SuspenseBoundary as nn } from "@cascivo/core";
+export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ve as AlertDialog, Jt as AppShell, gt as AspectRatio, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, be as BottomSheet, z as Breadcrumb, t as Button, ut as ButtonGroup, Pt as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Lt as Carousel, Yt as ChatBubble, v as Checkbox, Ve as CheckboxCard, Qe as Code, Ht as CodeSnippet, ht as Collapsible, It as ColorPicker, se as Combobox, ne as CommandMenu, Ce as Comparison, wt as ContainedList, Tt as ContainedListItem, xe as ContextMenu, Se as ContextMenuItem, He as CopyButton, Et as DataList, te as DataTable, ce as DatePicker, Ft as DateRangePicker, zt as Dock, Bt as Drawer, w as Dropdown, Fe as Editable, X as EmptyState, $t as ErrorBoundary, Z as Fab, st as Field, le as FileUploader, ct as Filter, en as FocusScope, ie as Form, H as Header, ze as HeaderPanel, Xe as Heading, we as HoverCard, Te as HoverCardContent, Ee as HoverCardTrigger, lt as IconButton, h as Image, Gt as Indicator, ft as InlineLoading, n as Input, Me as InputGroup, Ne as InputGroupAddon, Ot as Item, kt as ItemActions, At as ItemContent, jt as ItemDescription, Mt as ItemMedia, Nt as ItemTitle, Kt as Join, L as Kbd, ot as Label, R as Link, et as List, tt as ListItem, me as Menu, _t as MenuButton, he as MenuItem, ge as MenuSeparator, _e as MenuTrigger, yt as Menubar, l as Modal, Oe as MultiSelect, Vt as NativeSelect, bt as NavigationMenu, pt as Notification, ee as NumberInput, Ae as OtpInput, Q as OverflowMenu, G as Pagination, De as PasswordInput, de as Popover, fe as PopoverContent, pe as PopoverTrigger, tn as Portal, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, nt as Prose, rt as PullToRefresh, it as QrCode, Xt as RadialProgress, y as Radio, Ie as RadioCard, Le as RadioCardGroup, b as RadioGroup, Pe as RatingGroup, at as RelativeTime, Rt as Resizable, mt as ScrollArea, $ as Search, je as SegmentedControl, _ as Select, u as Separator, ye as Sheet, Re as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, e as Spinner, qt as Stack, Ue as Stat, We as Status, Ut as Steps, Ct as StructuredList, nn as SuspenseBoundary, Zt as Swap, Qt as SwipeItem, Be as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, ke as TagsInput, Ze as Text, g as Textarea, Wt as Tile, ue as TimePicker, Dt as Timeline, T as ToastProvider, B as Toc, x as Toggle, dt as ToggleGroup, vt as Toggletip, C as Tooltip, xt as TreeView, m as User, Ge as VisuallyHidden, ae as createForm, E as dismissAllToasts, re as fuzzyScore, St as treeViewMessages, oe as useForm, U as usePopover, D as useToast, V as useTocFromRegion };

package/dist/relative-time/relative-time.css

@@ -0,0 +1 @@
+@layer cascivo.component{._relativeTime_ohxan_2{color:inherit;font:inherit;display:inline}}

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

@@ -0,0 +1,65 @@
+"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 (!l || _ || typeof window > "u") 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),
+		...p,
+		children: x
+	});
+}
+//#endregion
+export { _ as RelativeTime };

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

@@ -0,0 +1,6 @@
+"use client";
+
+import './relative-time.css';
+var e = { relativeTime: "_relativeTime_ohxan_2" };
+//#endregion
+export { e as default };

package/dist/resizable/resizable.css

@@ -0,0 +1 @@
+@layer cascivo.component{._resizable_1agxs_2{block-size:100%;inline-size:100%;display:flex;overflow:hidden}._resizable_1agxs_2[data-orientation=horizontal]{flex-direction:row}._resizable_1agxs_2[data-orientation=vertical]{flex-direction:column}._pane_1agxs_17{min-block-size:0;min-inline-size:0;overflow:auto}._pane_1agxs_17:first-child{flex:var(--cascivo-resizable-ratio,.5)}._pane_1agxs_17:last-child{flex:calc(1 - var(--cascivo-resizable-ratio,.5))}._handle_1agxs_31{background-color:var(--cascivo-color-border);touch-action:none;flex:none;justify-content:center;align-items:center;display:flex;position:relative}._handle_1agxs_31:hover{background-color:var(--cascivo-color-border-strong)}._handle_1agxs_31:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._grip_1agxs_50{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border-strong)}._resizable_1agxs_2[data-orientation=horizontal] ._handle_1agxs_31{cursor:col-resize;inline-size:.5rem}._resizable_1agxs_2[data-orientation=horizontal] ._grip_1agxs_50{block-size:2rem;inline-size:.125rem}._resizable_1agxs_2[data-orientation=vertical] ._handle_1agxs_31{cursor:row-resize;block-size:.5rem}._resizable_1agxs_2[data-orientation=vertical] ._grip_1agxs_50{block-size:.125rem;inline-size:2rem}}@media (forced-colors:active){._handle_1agxs_31{border:1px solid buttontext}._handle_1agxs_31:focus-visible{outline-offset:2px;outline:2px solid highlight}}

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

@@ -0,0 +1,11 @@
+"use client";
+
+import './resizable.css';
+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/scroll-area/scroll-area.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_v07bg_2{max-block-size:var(--cascivo-scroll-area-height,none);max-inline-size:var(--cascivo-scroll-area-width,none);scrollbar-width:thin;scrollbar-color:var(--cascivo-color-border) transparent}._root_v07bg_2[data-orientation=vertical]{overflow:hidden auto}._root_v07bg_2[data-orientation=horizontal]{overflow:auto hidden}._root_v07bg_2[data-orientation=both]{overflow:auto}._root_v07bg_2::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}._root_v07bg_2::-webkit-scrollbar-track{background:0 0}._root_v07bg_2::-webkit-scrollbar-thumb{background-color:var(--cascivo-color-border);border-radius:var(--cascivo-radius-control)}._root_v07bg_2::-webkit-scrollbar-thumb:hover{background-color:var(--cascivo-color-text-subtle)}._root_v07bg_2{background:linear-gradient(var(--cascivo-color-surface) 30%, transparent) center top / 100% 1.5rem no-repeat, linear-gradient(transparent, var(--cascivo-color-surface) 70%) center bottom / 100% 1.5rem no-repeat;background-attachment:local,local}._root_v07bg_2[data-scroll-top]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-scroll-top][data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent), inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-edges=mask][data-scroll-top]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem);mask-image:linear-gradient(#0000,#000 1.5rem)}._root_v07bg_2[data-edges=mask][data-scroll-bottom]{-webkit-mask-image:linear-gradient(0deg,#0000,#000 1.5rem);mask-image:linear-gradient(0deg,#0000,#000 1.5rem)}._root_v07bg_2[data-edges=mask][data-scroll-top][data-scroll-bottom]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}}

package/dist/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/scroll-area/scroll-area.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './scroll-area.css';
+var e = { root: "_root_v07bg_2" };
+//#endregion
+export { e as default };

package/dist/search/search.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_22xq7_2{align-items:center;inline-size:100%;display:inline-flex;position:relative}._root_22xq7_2[data-size=sm]{--_search-height:2rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-3)}._root_22xq7_2[data-size=md]{--_search-height:2.5rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-4)}._root_22xq7_2[data-size=lg]{--_search-height:3rem;--_search-font:var(--cascivo-text-base);--_search-px:var(--cascivo-space-4)}._label_22xq7_28{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._icon_22xq7_41{color:var(--cascivo-color-text-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset-inline-start:var(--_search-px,var(--cascivo-space-4))}._input_22xq7_50{inline-size:100%;block-size:var(--_search-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_search-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:calc(var(--_search-px,var(--cascivo-space-4)) + 1rem + var(--cascivo-space-2));padding-inline-end:calc(var(--_search-px,var(--cascivo-space-4)) + 1.5rem)}._input_22xq7_50::-webkit-search-cancel-button{appearance:none;display:none}._input_22xq7_50::-webkit-search-decoration{appearance:none;display:none}._input_22xq7_50::placeholder{color:var(--cascivo-color-text-muted)}._input_22xq7_50:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_22xq7_50:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_22xq7_50:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._clear_22xq7_96{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._clear_22xq7_96:hover:not(:disabled){color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._clear_22xq7_96:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._clear_22xq7_96:disabled{cursor:not-allowed}}