@cascivo/react 0.16.0 → 0.17.0

package/README.md

@@ -249,7 +249,7 @@ routing break after adding one of these, check that the import resolves to
 
 ## Component index
 
-192 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
+197 components, exported from `@cascivo/react`. Full props, examples, and live demos at [cascivo.com/docs](https://cascivo.com/docs).
 
 ### Inputs
 
@@ -282,6 +282,7 @@ routing break after adding one of these, check that the import resolves to
 - **Radio** — Single choice from a set, grouped with RadioGroup
 - **RadioCard** — Selectable card backed by a native radio input. Use RadioCardGroup for single-select groups.
 - **RatingGroup** — Star rating input with accessible radio group pattern
+- **ReorderList** — List whose rows can be reordered by pointer drag or entirely by keyboard
 - **Search** — Search input with debounced search callback and clear button
 - **SegmentedControl** — Mutually exclusive toggle group
 - **Select** — Native select menu styled to match the design system
@@ -293,6 +294,7 @@ routing break after adding one of these, check that the import resolves to
 - **TimePicker** — Native time input wrapper with label, hint, error, and size variants
 - **Toggle** — On/off switch built as an accessible button
 - **ToggleGroup** — A set of toggle buttons for single or multiple selection
+- **WheelPicker** — iOS-style drum picker — a column of options that scrolls and snaps to a selection
 
 ### Display
 
@@ -353,6 +355,7 @@ routing break after adding one of these, check that the import resolves to
 - **TreeView** — Hierarchical, expandable tree of nodes with keyboard navigation and selection
 - **User** — Identity composite: an avatar with a name, description, and optional action slot
 - **UsersTablePage** — Full users management page with table, search, and invite action.
+- **VirtualList** — Renders only the rows inside the viewport, so list length costs no extra DOM
 - **VisuallyHidden** — Hides content visually while keeping it available to screen readers
 
 ### Overlay
@@ -381,6 +384,7 @@ routing break after adding one of these, check that the import resolves to
 - **Dock** — Fixed bottom navigation bar for mobile app shells with up to 5 items
 - **Header** — App top bar with brand, primary navigation links, and an actions slot
 - **HeaderPanel** — Non-modal panel anchored below the shell header at the inline-end edge — hosts notifications, app switcher, user settings
+- **LargeTitleHeader** — Scrolling region whose large title collapses into a compact sticky bar as it scrolls
 - **Link** — Styled anchor for navigation, standalone or inline within prose
 - **Menubar** — Horizontal application menu bar with keyboard-navigable dropdown menus
 - **MenuButton** — A button that opens an anchored action menu of one-shot commands
@@ -427,6 +431,7 @@ routing break after adding one of these, check that the import resolves to
 
 ### Feedback
 
+- **InfiniteScroll** — Loads the next page when the end of a list scrolls into view
 - **InlineLoading** — Compact inline status indicator that pairs a label with a loading, success, or error state
 - **Notification** — Inline, actionable notification banner that surfaces a titled message with an optional recovery action
 - **Progress** — Horizontal bar showing the completion progress of a tracked operation

package/dist/accordion/accordion.js

@@ -2,7 +2,7 @@
 
 import e from "./accordion.module.js";
 import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
-import { cn as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
+import { cn as a, useControllableSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/accordion/accordion.tsx
 var d = t(null), f = t(null);
@@ -10,9 +10,10 @@ function p(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
 }
 function m({ type: t = "single", defaultValue: n, value: i, onValueChange: s, className: c, children: u }) {
-	let f = r(), m = o(p(i ?? n));
-	i !== void 0 && (m.value = p(i));
-	let h = {
+	let f = r(), [m] = o({
+		value: i === void 0 ? void 0 : p(i),
+		defaultValue: p(n)
+	}), h = {
 		open: m,
 		baseId: f,
 		type: t,

package/dist/app-shell/app-shell.css

@@ -1 +1 @@
-@layer cascivo.component{._shell_1y4cv_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_1y4cv_16{z-index:var(--cascivo-z-raised);flex:none}._body_1y4cv_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_1y4cv_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}._navInner_1y4cv_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_1y4cv_58>*{flex:auto;min-block-size:0}._scrim_1y4cv_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_1y4cv_70[data-open=true]{opacity:1;visibility:visible}._main_1y4cv_87{flex:auto;min-inline-size:0;overflow-y:auto}._footer_1y4cv_93{flex:none}@media (width>=64rem){._navWrapper_1y4cv_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_1y4cv_32[data-open=false]{inline-size:0}._navInner_1y4cv_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:none}._scrim_1y4cv_70{display:none}}}
+@layer cascivo.component{._shell_pf33o_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_pf33o_16{z-index:var(--cascivo-z-raised);flex:none}._body_pf33o_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_pf33o_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_pf33o_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32[data-open=true]{transform:translate(0)}._navInner_pf33o_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_pf33o_58>*{flex:auto;min-block-size:0}._scrim_pf33o_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_pf33o_70[data-open=true]{opacity:1;visibility:visible}._main_pf33o_87{min-inline-size:0;padding:var(--cascivo-space-6);flex:auto;overflow-y:auto}._main_pf33o_87[data-padding=none]{padding:0}._main_pf33o_87[data-padding="1"]{padding:var(--cascivo-space-1)}._main_pf33o_87[data-padding="2"]{padding:var(--cascivo-space-2)}._main_pf33o_87[data-padding="3"]{padding:var(--cascivo-space-3)}._main_pf33o_87[data-padding="4"]{padding:var(--cascivo-space-4)}._main_pf33o_87[data-padding="5"]{padding:var(--cascivo-space-5)}._main_pf33o_87[data-padding="6"]{padding:var(--cascivo-space-6)}._main_pf33o_87[data-padding="8"]{padding:var(--cascivo-space-8)}._main_pf33o_87[data-padding="10"]{padding:var(--cascivo-space-10)}._main_pf33o_87[data-padding="12"]{padding:var(--cascivo-space-12)}._footer_pf33o_128{flex:none}@media (width>=64rem){._navWrapper_pf33o_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_pf33o_32[data-open=false]{inline-size:0}._navInner_pf33o_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_pf33o_32[data-open=true]{transform:none}._scrim_pf33o_70{display:none}}}

package/dist/app-shell/app-shell.js

@@ -2,56 +2,57 @@
 
 import e from "./app-shell.module.js";
 import { cloneElement as t, isValidElement as n, useRef as r } from "react";
-import { cn as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { cn as i, useControllableSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/app-shell/app-shell.tsx
-function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, className: v, ...y }) {
+function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, padding: v = 6, className: y, ...b }) {
 	s();
-	let b = h !== void 0, x = a(h ?? g ?? !0);
-	b && (x.value = h);
-	let S = r(null), C = r(null);
-	function w(e) {
-		b || (x.value = e), _?.(e);
+	let x = h !== void 0, [S] = a({
+		value: h,
+		defaultValue: g ?? !0
+	}), C = r(null), w = r(null);
+	function T(e) {
+		x || (S.value = e), _?.(e);
 	}
-	function T() {
-		typeof document < "u" && (C.current = document.activeElement), w(!x.value);
+	function E() {
+		typeof document < "u" && (w.current = document.activeElement), T(!S.value);
 	}
 	o(() => {
-		b || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (x.value = !1);
+		x || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (S.value = !1);
 	}), o(() => {
-		if (!x.value || typeof document > "u") return;
+		if (!S.value || typeof document > "u") return;
 		let e = (e) => {
-			e.key === "Escape" && w(!1);
+			e.key === "Escape" && T(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}), o(() => {
-		let e = S.current;
-		if (e) if (x.value) e.removeAttribute("inert");
+		let e = C.current;
+		if (e) if (S.value) e.removeAttribute("inert");
 		else {
 			e.setAttribute("inert", "");
-			let t = C.current;
+			let t = w.current;
 			t && e.contains(document.activeElement) && t.focus();
 		}
 	});
-	let E = n(d) && f ? t(d, {
-		onMenuClick: T,
-		menuExpanded: x.value
+	let D = n(d) && f ? t(d, {
+		onMenuClick: E,
+		menuExpanded: S.value
 	}) : d;
 	return /* @__PURE__ */ u("div", {
-		className: i(e.shell, v),
-		"data-open": x.value,
-		...y,
+		className: i(e.shell, y),
+		"data-open": S.value,
+		...b,
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: e.header,
-				children: E
+				children: D
 			}),
 			/* @__PURE__ */ u("div", {
 				className: e.body,
 				children: [f && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-					ref: S,
+					ref: C,
 					className: e.navWrapper,
-					"data-open": x.value,
+					"data-open": S.value,
 					"data-testid": "app-shell-nav",
 					"data-cascivo-appshell-nav": "",
 					children: /* @__PURE__ */ l("div", {
@@ -60,15 +61,16 @@ function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g,
 					})
 				}), /* @__PURE__ */ l("div", {
 					className: e.scrim,
-					"data-open": x.value,
+					"data-open": S.value,
 					"data-testid": "app-shell-scrim",
 					"aria-hidden": "true",
-					onClick: () => w(!1)
+					onClick: () => T(!1)
 				})] }), /* @__PURE__ */ l("main", {
 					id: "cascade-main",
 					tabIndex: -1,
 					className: e.main,
 					"data-cascivo-appshell-main": "",
+					"data-padding": v === "none" ? "none" : String(v),
 					children: p
 				})]
 			}),

package/dist/app-shell/app-shell.module.js

@@ -1,13 +1,13 @@
 import './app-shell.css';
 var e = {
-	shell: "_shell_1y4cv_4",
-	header: "_header_1y4cv_16",
-	body: "_body_1y4cv_21",
-	navWrapper: "_navWrapper_1y4cv_32",
-	navInner: "_navInner_1y4cv_58",
-	scrim: "_scrim_1y4cv_70",
-	main: "_main_1y4cv_87",
-	footer: "_footer_1y4cv_93"
+	shell: "_shell_pf33o_4",
+	header: "_header_pf33o_16",
+	body: "_body_pf33o_21",
+	navWrapper: "_navWrapper_pf33o_32",
+	navInner: "_navInner_pf33o_58",
+	scrim: "_scrim_pf33o_70",
+	main: "_main_pf33o_87",
+	footer: "_footer_pf33o_128"
 };
 //#endregion
 export { e as default };

package/dist/badge/badge.js

@@ -3,7 +3,7 @@ import { cn as t, normalizeTone as n } from "@cascivo/core/pure";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/badge/badge.tsx
 var i = {
-	neutral: "default",
+	neutral: "secondary",
 	info: "info",
 	success: "success",
 	warning: "warning",

package/dist/button/button.css

@@ -1 +1 @@
-@layer cascivo.component{._button_131qn_2{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;text-decoration:none;display:inline-flex}._button_131qn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_131qn_2:disabled,._button_131qn_2[aria-disabled=true]{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_131qn_2[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_131qn_2[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_131qn_2[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_131qn_2[data-size=sm],._button_131qn_2[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_131qn_2[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_131qn_2[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_131qn_2[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_131qn_2[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_131qn_2[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_131qn_2[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_131qn_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_131qn_2[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_131qn_2[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_131qn_2{border:1px solid buttontext}._button_131qn_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_131qn_2:disabled{color:graytext;border-color:graytext}}
+@layer cascivo.component{._label_yace7_10{align-items:center;gap:inherit;display:inline-flex}._button_yace7_8{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;text-decoration:none;display:inline-flex}._button_yace7_8:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_yace7_8:disabled,._button_yace7_8[aria-disabled=true]{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_yace7_8[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_yace7_8[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_yace7_8[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_yace7_8[data-size=sm],._button_yace7_8[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_yace7_8[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_yace7_8[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_yace7_8[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_yace7_8[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_yace7_8[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_yace7_8[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_yace7_8[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_yace7_8[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_yace7_8[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_yace7_8{border:1px solid buttontext}._button_yace7_8:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_yace7_8:disabled{color:graytext;border-color:graytext}}

package/dist/button/button.js

@@ -25,7 +25,10 @@ var s = i(function({ variant: i = "primary", size: s = "md", loading: c = !1, as
 		children: [c && /* @__PURE__ */ a(e, {
 			size: "sm",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ a("span", { children: f })]
+		}), /* @__PURE__ */ a("span", {
+			className: t.label,
+			children: f
+		})]
 	});
 });
 //#endregion

package/dist/button/button.module.js

@@ -1,4 +1,7 @@
 import './button.css';
-var e = { button: "_button_131qn_2" };
+var e = {
+	label: "_label_yace7_10",
+	button: "_button_yace7_8"
+};
 //#endregion
 export { e as default };

package/dist/calendar/calendar.js

@@ -1,18 +1,18 @@
 "use client";
 
 import e from "./calendar.module.js";
-import { batch as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, currentLocale as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { batch as t, cn as n, useControllableSignal as r, useSignal as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, currentLocale as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/calendar/calendar.tsx
-function u(e) {
+function d(e) {
 	try {
 		let t = new Intl.Locale(e).weekInfo;
 		if (t) return t.firstDay % 7;
 	} catch {}
 	return 1;
 }
-function d(e, t, n) {
+function f(e, t, n) {
 	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
 	for (let e = 0; e < a; e++) o.push(null);
 	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
@@ -21,22 +21,22 @@ function d(e, t, n) {
 	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
 	return s;
 }
-function f(e) {
+function p(e) {
 	return `${e.getUTCFullYear()}-${e.getUTCMonth()}-${e.getUTCDate()}`;
 }
-function p(e, t) {
-	return !e || !t ? !1 : f(e) === f(t);
-}
 function m(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
+	return !e || !t ? !1 : p(e) === p(t);
 }
 function h(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
 }
 function g(e, t) {
-	return m(e, -((e.getUTCDay() - t + 7) % 7));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+}
+function _(e, t) {
+	return h(e, -((e.getUTCDay() - t + 7) % 7));
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	if (t) {
 		let n = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
 		if (e.getTime() < n.getTime()) return !0;
@@ -47,96 +47,100 @@ function _(e, t, n) {
 	}
 	return !1;
 }
-function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabled: S, locale: C, size: w = "md", labels: T, className: E, isInRange: D, isRangeStart: O, isRangeEnd: k, onDayHover: A, month: j, year: M, onViewChange: N, hideNav: P = !1 }) {
-	i();
-	let F = C ?? o(), I = T?.previousMonth ?? s(a.calendar.previousMonth), L = T?.nextMonth ?? s(a.calendar.nextMonth), R = f === void 0 ? v ?? null : f, z = /* @__PURE__ */ new Date(), B = R ?? v ?? z, V = r(B.getUTCFullYear()), H = r(B.getUTCMonth()), U = r(B);
-	j !== void 0 && (H.value = j), M !== void 0 && (V.value = M);
-	let W = u(F), G = d(V.value, H.value, W), K = new Intl.DateTimeFormat(F, { weekday: "short" }), q = Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(Date.UTC(2024, 0, 7 + W + t));
-		return K.format(n);
-	}), J = new Intl.DateTimeFormat(F, {
+function y({ value: p, defaultValue: y, onValueChange: b, min: x, max: S, disabled: C, locale: w, size: T = "md", labels: E, className: D, isInRange: O, isRangeStart: k, isRangeEnd: A, onDayHover: j, month: M, year: N, onViewChange: P, hideNav: F = !1 }) {
+	a();
+	let I = w ?? s(), L = E?.previousMonth ?? c(o.calendar.previousMonth), R = E?.nextMonth ?? c(o.calendar.nextMonth), z = p === void 0 ? y ?? null : p, B = /* @__PURE__ */ new Date(), V = z ?? y ?? B, [H] = r({
+		value: N,
+		defaultValue: V.getUTCFullYear()
+	}), [U] = r({
+		value: M,
+		defaultValue: V.getUTCMonth()
+	}), W = i(V), G = d(I), K = f(H.value, U.value, G), q = new Intl.DateTimeFormat(I, { weekday: "short" }), J = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + G + t));
+		return q.format(n);
+	}), ee = new Intl.DateTimeFormat(I, {
 		weekday: "long",
 		year: "numeric",
 		month: "long",
 		day: "numeric"
-	}), Y = new Intl.DateTimeFormat(F, {
+	}), Y = new Intl.DateTimeFormat(I, {
 		month: "long",
 		year: "numeric"
-	}).format(new Date(Date.UTC(V.value, H.value, 1))), X = (e) => _(e, b, x) || (S ? S(e) : !1), Z = j !== void 0 || M !== void 0, ee = (e) => {
-		Z ? U.value = e : t(() => {
-			V.value = e.getUTCFullYear(), H.value = e.getUTCMonth(), U.value = e;
-		}), N?.({
+	}).format(new Date(Date.UTC(H.value, U.value, 1))), X = (e) => v(e, x, S) || (C ? C(e) : !1), Z = M !== void 0 || N !== void 0, te = (e) => {
+		Z ? W.value = e : t(() => {
+			H.value = e.getUTCFullYear(), U.value = e.getUTCMonth(), W.value = e;
+		}), P?.({
 			month: e.getUTCMonth(),
 			year: e.getUTCFullYear()
 		});
 	}, Q = (e) => {
-		X(e) || y?.(e);
+		X(e) || b?.(e);
 	}, $ = (e) => {
-		let n = h(new Date(Date.UTC(V.value, H.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
+		let n = g(new Date(Date.UTC(H.value, U.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
 		Z || t(() => {
-			H.value = r, V.value = i;
-		}), N?.({
+			U.value = r, H.value = i;
+		}), P?.({
 			month: r,
 			year: i
 		});
 	};
-	return /* @__PURE__ */ l("div", {
-		className: n(e.calendar, E),
-		"data-size": w,
-		onMouseLeave: () => A?.(null),
-		children: [/* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
+		className: n(e.calendar, D),
+		"data-size": T,
+		onMouseLeave: () => j?.(null),
+		children: [/* @__PURE__ */ u("div", {
 			className: e.header,
 			children: [
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": I,
+					"aria-label": L,
 					onClick: () => $(-1),
 					children: "‹"
 				}),
-				/* @__PURE__ */ c("span", {
+				/* @__PURE__ */ l("span", {
 					className: e.monthLabel,
 					"aria-live": "polite",
 					children: Y
 				}),
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": L,
+					"aria-label": R,
 					onClick: () => $(1),
 					children: "›"
 				})
 			]
-		}), /* @__PURE__ */ l("table", {
+		}), /* @__PURE__ */ u("table", {
 			role: "grid",
 			"aria-label": Y,
 			className: e.grid,
 			onKeyDown: (e) => {
-				let t = U.value, n;
+				let t = W.value, n;
 				switch (e.key) {
 					case "ArrowRight":
-						n = m(t, 1);
+						n = h(t, 1);
 						break;
 					case "ArrowLeft":
-						n = m(t, -1);
+						n = h(t, -1);
 						break;
 					case "ArrowDown":
-						n = m(t, 7);
+						n = h(t, 7);
 						break;
 					case "ArrowUp":
-						n = m(t, -7);
+						n = h(t, -7);
 						break;
 					case "Home":
-						n = g(t, W);
+						n = _(t, G);
 						break;
 					case "End":
-						n = m(g(t, W), 6);
+						n = h(_(t, G), 6);
 						break;
 					case "PageUp":
-						n = h(t, e.shiftKey ? -12 : -1);
+						n = g(t, e.shiftKey ? -12 : -1);
 						break;
 					case "PageDown":
-						n = h(t, e.shiftKey ? 12 : 1);
+						n = g(t, e.shiftKey ? 12 : 1);
 						break;
 					case "Enter":
 					case " ":
@@ -144,45 +148,45 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 						return;
 					default: return;
 				}
-				e.preventDefault(), ee(n), A?.(n);
+				e.preventDefault(), te(n), j?.(n);
 			},
-			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", {
+			children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", {
 				role: "row",
-				children: q.map((t) => /* @__PURE__ */ c("th", {
+				children: J.map((t) => /* @__PURE__ */ l("th", {
 					className: e.weekday,
 					abbr: t,
 					scope: "col",
 					children: t
 				}, t))
-			}) }), /* @__PURE__ */ c("tbody", { children: G.map((t, n) => /* @__PURE__ */ c("tr", {
+			}) }), /* @__PURE__ */ l("tbody", { children: K.map((t, n) => /* @__PURE__ */ l("tr", {
 				role: "row",
 				children: t.map((t, n) => {
-					if (!t) return /* @__PURE__ */ c("td", {
+					if (!t) return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.empty
 					}, n);
-					let r = p(t, R), i = p(t, z), a = p(t, U.value), o = X(t), s = D ? D(t) : !1, l = O ? O(t) : !1, u = k ? k(t) : !1;
-					return /* @__PURE__ */ c("td", {
+					let r = m(t, z), i = m(t, B), a = m(t, W.value), o = X(t), s = O ? O(t) : !1, c = k ? k(t) : !1, u = A ? A(t) : !1;
+					return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.cell,
 						"aria-selected": r,
-						children: /* @__PURE__ */ c("button", {
+						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							className: e.day,
 							tabIndex: a ? 0 : -1,
-							"aria-label": J.format(t),
+							"aria-label": ee.format(t),
 							"aria-current": i ? "date" : void 0,
 							"aria-disabled": o || void 0,
 							"data-selected": r || void 0,
 							"data-today": i || void 0,
 							"data-in-range": s || void 0,
-							"data-range-start": l || void 0,
+							"data-range-start": c || void 0,
 							"data-range-end": u || void 0,
 							onClick: () => Q(t),
 							onFocus: () => {
-								U.value = t;
+								W.value = t;
 							},
-							onMouseEnter: () => A?.(t),
+							onMouseEnter: () => j?.(t),
 							children: t.getUTCDate()
 						})
 					}, n);
@@ -192,4 +196,4 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 	});
 }
 //#endregion
-export { v as Calendar };
+export { y as Calendar };

package/dist/card/card.css

@@ -1 +1 @@
-@layer cascivo.component{._card_ssezx_2{background-color:var(--cascivo-color-surface);border-radius:var(--cascivo-radius-surface);padding:var(--_card-p,0);overflow:hidden}._card_ssezx_2:has(>._header_ssezx_12,>._content_ssezx_12,>._footer_ssezx_12){padding:0}._card_ssezx_2[data-padding=none]{--_card-p:0}._card_ssezx_2[data-padding=sm]{--_card-p:var(--cascivo-space-4);--_card-inner-p:var(--cascivo-space-4)}._card_ssezx_2[data-padding=md]{--_card-p:var(--cascivo-space-6);--_card-inner-p:var(--cascivo-space-6)}._card_ssezx_2[data-padding=lg]{--_card-p:var(--cascivo-space-8);--_card-inner-p:var(--cascivo-space-8)}._card_ssezx_2[data-variant=default]{border:1px solid var(--cascivo-color-border)}._card_ssezx_2[data-variant=outlined]{border:1.5px solid var(--cascivo-color-border-strong)}._card_ssezx_2[data-variant=elevated]{box-shadow:var(--cascivo-shadow-md);border:none}._header_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;padding-block-end:0;display:flex}._headerRow_ssezx_67{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-3);flex-direction:row}._headerRow_ssezx_67 ._headerMain_ssezx_75{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._headerRow_ssezx_67 ._headerActions_ssezx_82{align-items:center;gap:var(--cascivo-space-1);flex-shrink:0;display:flex}._title_ssezx_90{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._content_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));color:var(--cascivo-color-text-subtle);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-relaxed)}._footer_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));align-items:center;gap:var(--cascivo-space-2);min-inline-size:0;padding-block-start:0;display:flex}._footer_ssezx_12>*{min-inline-size:0}}
+@layer cascivo.component{._card_ipz9f_2{background-color:var(--cascivo-color-surface);border-radius:var(--cascivo-radius-surface);padding:var(--_card-p,0);position:relative;overflow:hidden}._card_ipz9f_2:has(>._header_ipz9f_19,>._content_ipz9f_19,>._footer_ipz9f_19){padding:0}._card_ipz9f_2[data-padding=none]{--_card-p:0}._card_ipz9f_2[data-padding=sm]{--_card-p:var(--cascivo-space-4);--_card-inner-p:var(--cascivo-space-4)}._card_ipz9f_2[data-padding=md]{--_card-p:var(--cascivo-space-6);--_card-inner-p:var(--cascivo-space-6)}._card_ipz9f_2[data-padding=lg]{--_card-p:var(--cascivo-space-8);--_card-inner-p:var(--cascivo-space-8)}._card_ipz9f_2[data-variant=default]{border:1px solid var(--cascivo-color-border)}._card_ipz9f_2[data-variant=outlined]{border:1.5px solid var(--cascivo-color-border-strong)}._card_ipz9f_2[data-variant=elevated]{box-shadow:var(--cascivo-shadow-md);border:none}._header_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;padding-block-end:0;display:flex}._headerRow_ipz9f_74{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-3);flex-direction:row}._headerRow_ipz9f_74 ._headerMain_ipz9f_82{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._headerRow_ipz9f_74 ._headerActions_ipz9f_89{align-items:center;gap:var(--cascivo-space-1);flex-shrink:0;display:flex}._title_ipz9f_97{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._content_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));color:var(--cascivo-color-text-subtle);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-relaxed)}._footer_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));align-items:center;gap:var(--cascivo-space-2);min-inline-size:0;padding-block-start:0;display:flex}._footer_ipz9f_19>*{min-inline-size:0}}

package/dist/card/card.module.js

@@ -1,13 +1,13 @@
 import './card.css';
 var e = {
-	card: "_card_ssezx_2",
-	header: "_header_ssezx_12",
-	content: "_content_ssezx_12",
-	footer: "_footer_ssezx_12",
-	headerRow: "_headerRow_ssezx_67",
-	headerMain: "_headerMain_ssezx_75",
-	headerActions: "_headerActions_ssezx_82",
-	title: "_title_ssezx_90"
+	card: "_card_ipz9f_2",
+	header: "_header_ipz9f_19",
+	content: "_content_ipz9f_19",
+	footer: "_footer_ipz9f_19",
+	headerRow: "_headerRow_ipz9f_74",
+	headerMain: "_headerMain_ipz9f_82",
+	headerActions: "_headerActions_ipz9f_89",
+	title: "_title_ipz9f_97"
 };
 //#endregion
 export { e as default };

package/dist/checkbox/checkbox.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_tw120_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;display:inline-flex}._wrapper_tw120_2[data-disabled]{opacity:.5;cursor:not-allowed}._input_tw120_15{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_tw120_28{--_check-color:transparent;background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-indicator);block-size:1.125rem;inline-size:1.125rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;display:inline-flex}._control_tw120_28:after{content:"";background-color:var(--_check-color);block-size:100%;inline-size:100%;-webkit-mask:var(--_check-icon,none) no-repeat center / .75rem;mask:var(--_check-icon,none) no-repeat center / .75rem}._input_tw120_15:checked+._control_tw120_28,._input_tw120_15:indeterminate+._control_tw120_28{--_check-color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._input_tw120_15:checked+._control_tw120_28{--_check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E")}._input_tw120_15:indeterminate+._control_tw120_28{--_check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M4 8h8'/%3E%3C/svg%3E")}._input_tw120_15:focus-visible+._control_tw120_28{box-shadow:var(--cascivo-focus-ring);outline:none}._label_tw120_72{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}}@media (forced-colors:active){._control_tw120_28{background-color:field;border:1px solid buttontext}._input_tw120_15:checked+._control_tw120_28,._input_tw120_15:indeterminate+._control_tw120_28{background-color:highlight;border-color:highlight}._input_tw120_15:focus-visible+._control_tw120_28{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._wrapper_4zlmw_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;display:inline-flex}._wrapper_4zlmw_2[data-disabled]{opacity:.5;cursor:not-allowed}._input_4zlmw_15{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_4zlmw_28{--_check-color:transparent;pointer-events:none;background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-indicator);block-size:1.125rem;inline-size:1.125rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;display:inline-flex}._control_4zlmw_28:after{content:"";background-color:var(--_check-color);block-size:100%;inline-size:100%;-webkit-mask:var(--_check-icon,none) no-repeat center / .75rem;mask:var(--_check-icon,none) no-repeat center / .75rem}._input_4zlmw_15:checked+._control_4zlmw_28,._input_4zlmw_15:indeterminate+._control_4zlmw_28{--_check-color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._input_4zlmw_15:checked+._control_4zlmw_28{--_check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E")}._input_4zlmw_15:indeterminate+._control_4zlmw_28{--_check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M4 8h8'/%3E%3C/svg%3E")}._input_4zlmw_15:focus-visible+._control_4zlmw_28{box-shadow:var(--cascivo-focus-ring);outline:none}._label_4zlmw_78{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}}@media (forced-colors:active){._control_4zlmw_28{background-color:field;border:1px solid buttontext}._input_4zlmw_15:checked+._control_4zlmw_28,._input_4zlmw_15:indeterminate+._control_4zlmw_28{background-color:highlight;border-color:highlight}._input_4zlmw_15:focus-visible+._control_4zlmw_28{outline-offset:2px;outline:2px solid highlight}}

package/dist/checkbox/checkbox.module.js

@@ -1,9 +1,9 @@
 import './checkbox.css';
 var e = {
-	wrapper: "_wrapper_tw120_2",
-	input: "_input_tw120_15",
-	control: "_control_tw120_28",
-	label: "_label_tw120_72"
+	wrapper: "_wrapper_4zlmw_2",
+	input: "_input_4zlmw_15",
+	control: "_control_4zlmw_28",
+	label: "_label_4zlmw_78"
 };
 //#endregion
 export { e as default };