@cascivo/react 0.16.0 → 0.17.0

package/dist/large-title-header/large-title-header.module.js

@@ -0,0 +1,13 @@
+import './large-title-header.css';
+var e = {
+	root: "_root_1fozn_6",
+	bar: "_bar_1fozn_12",
+	slot: "_slot_1fozn_29",
+	slotEnd: "_slotEnd_1fozn_37",
+	compactTitle: "_compactTitle_1fozn_41",
+	largeTitle: "_largeTitle_1fozn_56",
+	"cascivo-large-title-reveal": "_cascivo-large-title-reveal_1fozn_1",
+	"cascivo-large-title-hairline": "_cascivo-large-title-hairline_1fozn_1"
+};
+//#endregion
+export { e as default };

package/dist/layouts/src/grid/grid.css

@@ -1 +1 @@
-@layer cascivo.component{._grid-container_qly9o_5{display:grid;container-type:inline-size}._grid_qly9o_2{grid-template-columns:repeat(var(--_grid-cols,12), minmax(0, 1fr));gap:var(--_grid-gap,var(--cascivo-space-4));align-items:var(--_grid-align,stretch);justify-items:var(--_grid-justify,stretch);min-inline-size:0;display:grid;container-type:inline-size}@container (width<=40rem){._grid_qly9o_2:not([data-responsive]){grid-template-columns:1fr}}@container (width>=30rem){._grid_qly9o_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-sm,var(--_grid-cols,12)), minmax(0, 1fr))}}@container (width>=40rem){._grid_qly9o_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))), minmax(0, 1fr))}}@container (width>=64rem){._grid_qly9o_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12)))), minmax(0, 1fr))}}@container (width>=80rem){._grid_qly9o_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-xl,var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))))), minmax(0, 1fr))}}._grid-item_qly9o_55{grid-column:span var(--_span,1)}@container (width>=30rem){._grid-item_qly9o_55[data-responsive]{grid-column:span var(--_span-sm,var(--_span,1))}}@container (width>=40rem){._grid-item_qly9o_55[data-responsive]{grid-column:span var(--_span-md,var(--_span-sm,var(--_span,1)))}}@container (width>=64rem){._grid-item_qly9o_55[data-responsive]{grid-column:span var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1))))}}@container (width>=80rem){._grid-item_qly9o_55[data-responsive]{grid-column:span var(--_span-xl,var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1)))))}}}
+@layer cascivo.component{._grid-container_1tchk_5{display:grid;container-type:inline-size}._grid_1tchk_2{grid-template-columns:repeat(var(--_grid-cols,12), minmax(0, 1fr));gap:var(--_grid-gap,var(--cascivo-space-4));align-items:var(--_grid-align,stretch);justify-items:var(--_grid-justify,stretch);min-inline-size:0;display:grid;container-type:inline-size}@container (width<=40rem){._grid_1tchk_2:not([data-responsive]){grid-template-columns:1fr}}@container (width>=30rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-sm,var(--_grid-cols,12)), minmax(0, 1fr))}}@container (width>=40rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))), minmax(0, 1fr))}}@container (width>=64rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12)))), minmax(0, 1fr))}}@container (width>=80rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-xl,var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))))), minmax(0, 1fr))}}._grid-item_1tchk_55{grid-column:span var(--_span,1);align-content:stretch;display:grid}@container (width>=30rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-sm,var(--_span,1))}}@container (width>=40rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-md,var(--_span-sm,var(--_span,1)))}}@container (width>=64rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1))))}}@container (width>=80rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-xl,var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1)))))}}}

package/dist/layouts/src/grid/grid.module.js

@@ -1,8 +1,8 @@
 import './grid.css';
 var e = {
-	"grid-container": "_grid-container_qly9o_5",
-	grid: "_grid_qly9o_2",
-	"grid-item": "_grid-item_qly9o_55"
+	"grid-container": "_grid-container_1tchk_5",
+	grid: "_grid_1tchk_2",
+	"grid-item": "_grid-item_1tchk_55"
 };
 //#endregion
 export { e as default };

package/dist/link/link.css

@@ -1 +1 @@
-@layer cascivo.component{._link_6dwxn_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_6dwxn_2:hover{color:var(--cascivo-color-accent-hover)}._link_6dwxn_2:active{color:var(--cascivo-color-accent-active)}._link_6dwxn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_6dwxn_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_6dwxn_2[data-variant=standalone]:hover{text-decoration:underline}._link_6dwxn_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_6dwxn_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_6dwxn_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_6dwxn_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_6dwxn_2[data-external]:after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}
+@layer cascivo.component{._link_14poz_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_14poz_2:hover{color:var(--cascivo-color-accent-hover)}._link_14poz_2:active{color:var(--cascivo-color-accent-active)}._link_14poz_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_14poz_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_14poz_2[data-variant=standalone]:hover{text-decoration:underline}._link_14poz_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_14poz_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_14poz_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_14poz_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_14poz_2[data-external]:not(:has(>svg:last-child)):after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}

package/dist/link/link.module.js

@@ -1,4 +1,4 @@
 import './link.css';
-var e = { link: "_link_6dwxn_2" };
+var e = { link: "_link_14poz_2" };
 //#endregion
 export { e as default };

package/dist/menu/menu.js

@@ -2,32 +2,32 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./menu.module.js";
-import { createContext as n } from "react";
-import { useSignalEffect as r, useSignals as i, useTypeahead as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Children as n, createContext as r, isValidElement as i } from "react";
+import { useSignalEffect as a, useSignals as o, useTypeahead as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/menu/menu.tsx
-var c = n(null);
-function l({ ctx: e, children: n }) {
-	i();
-	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
-		let e = s.current;
+var u = r(null);
+function d({ ctx: e, children: n }) {
+	o();
+	let { popoverRef: r, anchorName: i, isOpen: l } = e, u = () => {
+		let e = r.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, d = (e) => {
 		let t = u();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, f = a({ onMatch: (e) => {
+	}, f = s({ onMatch: (e) => {
 		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
 	} });
-	return r(() => {
+	return a(() => {
 		if (!l.value) return;
-		let e = s.current;
+		let e = r.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ o("div", {
-		ref: s,
+	}), /* @__PURE__ */ c("div", {
+		ref: r,
 		popover: "auto",
 		role: "menu",
 		"data-state": l.value ? "open" : "closed",
-		style: { positionAnchor: c },
+		style: { positionAnchor: i },
 		className: t.panel,
 		onKeyDown: (e) => {
 			switch (e.key) {
@@ -49,74 +49,78 @@ function l({ ctx: e, children: n }) {
 		children: n
 	});
 }
-function u({ children: e }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+function f({ children: e }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ o(l, {
+		return /* @__PURE__ */ c(d, {
 			ctx: t,
 			children: e
 		});
 	} });
 }
-function d({ children: t }) {
-	let n = e(), [r, ...i] = Array.isArray(t) ? t : [t];
-	return /* @__PURE__ */ s(c.Provider, {
-		value: n,
-		children: [r, /* @__PURE__ */ o(u, { children: i })]
+function p() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function m({ children: t }) {
+	let r = e(), a = n.toArray(t), o = a.find((e) => i(e) && e.type === g), s = a.filter((e) => e !== o);
+	if (o === void 0 && p()) throw Error("<Menu> requires a <MenuTrigger> child. It is matched by component identity, so it may appear in any order — but it must be a direct child, not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ l(u.Provider, {
+		value: r,
+		children: [o, /* @__PURE__ */ c(f, { children: s })]
 	});
 }
-function f({ ctx: e, children: n, ariaLabel: r, "aria-label": a }) {
-	i();
-	let { triggerRef: s, toggle: c, anchorName: l, isOpen: u } = e;
-	return /* @__PURE__ */ o("button", {
-		ref: s,
+function h({ ctx: e, children: n, ariaLabel: r, "aria-label": i }) {
+	o();
+	let { triggerRef: a, toggle: s, anchorName: l, isOpen: u } = e;
+	return /* @__PURE__ */ c("button", {
+		ref: a,
 		type: "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": u.value,
-		"aria-label": r ?? a,
+		"aria-label": r ?? i,
 		style: { anchorName: l },
-		onClick: c,
+		onClick: s,
 		className: t.trigger,
 		children: n
 	});
 }
-function p({ children: e, ariaLabel: t, "aria-label": n }) {
+function g({ children: e, ariaLabel: t, "aria-label": n }) {
 	let r = t ?? n;
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ o(f, {
+		return /* @__PURE__ */ c(h, {
 			ctx: t,
 			...r !== void 0 && { ariaLabel: r },
 			children: e
 		});
 	} });
 }
-function m({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (i) => {
+function _({ children: e, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (i) => {
 		if (!i) throw Error("MenuItem must be inside <Menu>");
 		let { close: a } = i;
-		function s() {
+		function o() {
 			r || (n(), a());
 		}
-		function c(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s());
+		function s(e) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
 		}
-		return /* @__PURE__ */ o("div", {
+		return /* @__PURE__ */ c("div", {
 			role: "menuitem",
 			tabIndex: r ? -1 : 0,
 			"aria-disabled": r,
-			onClick: s,
-			onKeyDown: c,
+			onClick: o,
+			onKeyDown: s,
 			className: t.item,
 			children: e
 		});
 	} });
 }
-function h() {
-	return /* @__PURE__ */ o("div", {
+function v() {
+	return /* @__PURE__ */ c("div", {
 		role: "separator",
 		className: t.separator
 	});
 }
 //#endregion
-export { d as Menu, m as MenuItem, h as MenuSeparator, p as MenuTrigger };
+export { m as Menu, _ as MenuItem, v as MenuSeparator, g as MenuTrigger };

package/dist/node/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/node/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/node/app-shell/app-shell.module.js

@@ -1,12 +1,12 @@
 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/node/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/node/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/node/button/button.module.js

@@ -1,3 +1,6 @@
-var e = { button: "_button_131qn_2" };
+var e = {
+	label: "_label_yace7_10",
+	button: "_button_yace7_8"
+};
 //#endregion
 export { e as default };

package/dist/node/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 };