@optiaxiom/react 3.0.7 → 3.1.1

package/dist/esm/packages/react/src/calendar/CalendarMonthGrid.js

@@ -1,26 +1,17 @@
 "use client";
 import { Box } from "../box/Box.js";
+import { formatDate } from "../utils/formatDate.js";
 import { useCalendarContext } from "./CalendarContext.js";
-import { CalendarGrid } from "./CalendarGrid.js";
 import { withMonth, withYear } from "./utils.js";
+import { CalendarGrid } from "./CalendarGrid.js";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MonthGrid } from "react-day-picker";
 //#region src/calendar/CalendarMonthGrid.tsx
-const months = [
-	["Jan", "January"],
-	["Feb", "February"],
-	["Mar", "March"],
-	["Apr", "April"],
-	["May", "May"],
-	["Jun", "June"],
-	["Jul", "July"],
-	["Aug", "August"],
-	["Sep", "September"],
-	["Oct", "October"],
-	["Nov", "November"],
-	["Dec", "December"]
-];
+const months = Array.from({ length: 12 }, (_, month) => {
+	const date = new Date(2e3, month, 1);
+	return [formatDate(date, "LLL"), formatDate(date, "LLLL")];
+});
 function CalendarMonthGrid({ children, ...props }) {
 	const { month, setMonth, setView, view } = useCalendarContext("@optiaxiom/react/CalendarMonthGrid");
 	const ref = useRef(null);
@@ -48,7 +39,7 @@ function CalendarMonthGrid({ children, ...props }) {
 				scale: 1
 			}], { duration: 150 });
 			const days = Array.from(ref.current?.querySelectorAll("tbody button:not([disabled])") ?? []);
-			(days.find((day) => day.textContent === `${month.getDate()}`) ?? days[0])?.focus();
+			(days.find((day) => day.textContent === formatDate(month, "d")) ?? days[0])?.focus();
 		}
 		lastMonthRef.current = month;
 		lastViewRef.current = view;
@@ -61,7 +52,10 @@ function CalendarMonthGrid({ children, ...props }) {
 			setMonth(withYear(month, month.getFullYear() + value));
 			setView("month");
 		},
-		options: Array.from({ length: 12 }).map((_, index) => month.getFullYear() + index),
+		options: Array.from({ length: 12 }).map((_, index) => {
+			const year = formatDate(withYear(month, month.getFullYear() + index), "yyyy");
+			return [year, year];
+		}),
 		value: 0
 	});
 	else if (view === "month") return /* @__PURE__ */ jsx(CalendarGrid, {

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DfCtX911.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CidL8xkI.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "u69gj7"] });
+}, "wp8aca"] });
 //#endregion
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BMp6ABZq.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BdxB6tog.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "f7jfay" });
+var button = recipeRuntime({ base: "_1b7j98e" });
 //#endregion
 export { button };

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BQcA5mzW.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-zLqDRG_c.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "_6hel4a" });
+var button = recipeRuntime({ base: "sufly1" });
 //#endregion
 export { button };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-CiKUVaCq.css";
-import "./../../../../assets/src/card/Card.css.ts.vanilla-Cp-S_ECF.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-DTkW5cH8.css";
+import "./../../../../assets/src/card/Card.css.ts.vanilla-49h0vl9G.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_8uj5sr",
+	"_7q0o04",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_1w406yt"
+	"_1u10pqj"
 ] });
 //#endregion
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BJlDGuB-.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-TzqzSHrL.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["qa09uz"] });
+var checkbox = recipeRuntime({ base: ["_1pib0ew"] });
 //#endregion
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-DNftXtUU.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-72-4Dzo-.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_18o96",
-		before: "_12u4pbp"
+		after: "_1tlbo5a",
+		before: "_1wq3oiw"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "jb3ybn"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "fp22x4"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "jfbxwe"] });
+}, "_1ph0i9g"] });
 //#endregion
 export { addon, content, header };

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
 //#region src/card/CardImage.css.ts
 var image = recipeRuntime({ base: {
 	objectFit: "cover",

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-D5AS4GDR.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-DttQz5Ra.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "_1k5fx70"] });
+}, "pewxc7"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_16qghj2"] });
+}, "_1u7fsb3"] });
 //#endregion
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,21 +1,21 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-EQ2n22.css";
-import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-VwUXBLWP.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BvhzuMj7.css";
+import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-BEXmlS1b.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1xfnna1"],
+	}, "h9omuq"],
 	variants: { shift: {
 		false: {},
-		true: "_1twk4wi"
+		true: "fcw3hp"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "hrpv9z"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "_1gd1zl2"] });
 var indicator = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",

package/dist/esm/packages/react/src/clock/Clock.js

@@ -3,7 +3,7 @@ import { Group } from "../group/Group.js";
 import { Select } from "../select/Select.js";
 import { SelectContent } from "../select/SelectContent.js";
 import { SelectTrigger } from "../select/SelectTrigger.js";
-import { format, is24Hour, parse, range } from "./utils.js";
+import { format, is24Hour, parse, range, toLabel, toMeridiemLabel } from "./utils.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
@@ -31,7 +31,7 @@ const Clock = forwardRef(({ defaultValue = "", onValueChange, step = "60", value
 					hour
 				})),
 				options: hours.map((hour) => ({
-					label: hour,
+					label: toLabel(hour),
 					value: hour
 				})),
 				value: parsed.hour,
@@ -48,7 +48,7 @@ const Clock = forwardRef(({ defaultValue = "", onValueChange, step = "60", value
 				})),
 				options: minutes.map((minute) => ({
 					ariaLabel: `${parseInt(minute)}`,
-					label: minute,
+					label: toLabel(minute),
 					value: minute
 				})),
 				value: parsed.minute,
@@ -64,7 +64,7 @@ const Clock = forwardRef(({ defaultValue = "", onValueChange, step = "60", value
 					meridiem
 				})),
 				options: periods.map((period) => ({
-					label: period,
+					label: toMeridiemLabel(period),
 					value: period
 				})),
 				value: parsed.meridiem,

package/dist/esm/packages/react/src/clock/utils.js

@@ -1,6 +1,26 @@
 //#region src/clock/utils.ts
-const locale = new Intl.Locale(navigator.language ?? "en-US");
+const language = typeof navigator !== "undefined" ? navigator.language : "en-US";
+const locale = new Intl.Locale(language);
 const is24Hour = ("getHourCycles" in locale && typeof locale.getHourCycles === "function" ? locale.getHourCycles() : ["h12"])[0] === "h23";
+const numberFormatter = new Intl.NumberFormat(language, { useGrouping: false });
+/**
+* Transliterates the digits of an already-formatted numeric string (e.g.
+* `"05"`) into the browser locale's numbering system (e.g. `"०५"` for `mr-IN`),
+* preserving any existing padding. This is digit transliteration rather than a
+* date format because the clock's value is a `HH:mm` string, not a `Date` — the
+* underlying Latin value stays unchanged so the time contract is preserved.
+*/
+const toLabel = (value) => value.split("").map((digit) => numberFormatter.format(Number(digit))).join("");
+const dayPeriodFormatter = new Intl.DateTimeFormat(language, {
+	hour: "numeric",
+	hour12: true
+});
+/**
+* Returns the localized AM/PM label — date-fns's `aaa` token, via `Intl`. Yields
+* `"ص"`/`"م"` for `ar`, but still `"AM"`/`"PM"` for locales like `mr` that use
+* them by convention.
+*/
+const toMeridiemLabel = (meridiem) => dayPeriodFormatter.formatToParts(new Date(2025, 0, 1, meridiem === "AM" ? 9 : 21)).find((part) => part.type === "dayPeriod")?.value ?? meridiem;
 const format = ({ hour, meridiem, minute }) => {
 	return (is24Hour ? hour : ((parseInt(hour) === 12 ? 0 : parseInt(hour)) + (meridiem === "PM" ? 12 : 0)).toString().padStart(2, "0")) + ":" + minute;
 };
@@ -15,4 +35,4 @@ const parse = (value, step = 1) => {
 };
 const range = (min, max, step = 1) => Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, index) => (min + index * step).toString());
 //#endregion
-export { format, is24Hour, parse, range };
+export { format, is24Hour, parse, range, toLabel, toMeridiemLabel };

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/code/Code.css.ts.vanilla-CkdKhz-3.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/code/Code.css.ts.vanilla-CeDpLK8a.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_9p2isr"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "oh7exo"] });
 //#endregion
 export { code };

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-Sx7Bc3gg.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-CNh4a3rl.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1ja0ufs"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1v1w5rg"] });
 //#endregion
 export { detail };

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-CiKUVaCq.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-DTkW5cH8.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1cz8r2a", "td00z6"],
+		false: ["_13nf1gt", "dp9mp6"],
 		true: {}
 	},
 	inset: {
-		false: "pgortw",
-		true: "_1ev0f08"
+		false: "pmg3dy",
+		true: "udvxgh"
 	}
 } });
 //#endregion

package/dist/esm/packages/react/src/data-table/DataTableBody-css.js

@@ -1,39 +1,39 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/table/TableRow.css.ts.vanilla-WpuTRshD.css";
-import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BjNG8JhZ.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/table/TableRow.css.ts.vanilla-Bw8zZIWn.css";
+import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BRGCDqf7.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_1rrbr7w"],
+	}, "wwc4uo"],
 	variants: {
 		pinned: {
-			left: "eweonc",
-			right: "_1f5jl6t"
+			left: "nlaln8",
+			right: "_6egdh6"
 		},
 		pinnedType: {
-			body: "_2akeqw",
+			body: "_19lnjn5",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_174egbs"
+			true: "d9jdj8"
 		}
 	}
 });
-var cellOffsetVar = "var(--_10fbv0)";
-var cellSizeVar = "var(--_12expuk)";
-var leftTotalSizeVar = "var(--r35t8k)";
-var rightTotalSizeVar = "var(--_1q0xlbx)";
+var cellOffsetVar = "var(--a4382i)";
+var cellSizeVar = "var(--qek82y)";
+var leftTotalSizeVar = "var(--_22ig5a)";
+var rightTotalSizeVar = "var(--t2om6h)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_5umqiv"] });
-var totalSizeVar = "var(--_1ec2hdl)";
+}, "ov7jol"] });
+var totalSizeVar = "var(--_1dwdwe5)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-vI3iHS5o.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CqKMXS0g.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "nwt1vb",
+	base: "_7jotqr",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BVdW646P.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-gEEpswiR.css";
 //#region src/data-table/DataTableHeaderCell.css.ts
 var button = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -12,12 +12,12 @@ var button = recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "_1wrw8jg"] });
+}, "_54kdq2"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_2gc42t"],
+	}, "_12s0qt7"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "jk46qq"],
+	}, "_110nywa"],
 	variants: { active: {
-		false: "_11gknp6",
-		true: "_1xbrg9d"
+		false: "_1mbmv1g",
+		true: "zpe758"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-Coiy2bVi.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-DYp7fILN.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_13270kl"] });
-var date = recipeRuntime({ base: "mypnvh" });
-var input = recipeRuntime({ base: "c1s0mu" });
-var picker = recipeRuntime({ base: "_1n7rpeu" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "sixyn2"] });
+var date = recipeRuntime({ base: "_16g3xc2" });
+var input = recipeRuntime({ base: "bw6src" });
+var picker = recipeRuntime({ base: "_1687x90" });
 //#endregion
 export { clear, date, input, picker };

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
 //#region src/date-range-picker/DateRangePickerContent.css.ts
 var panels = recipeRuntime({ base: [{
 	alignItems: "stretch",

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-D7SRh-5X.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-atfUu_qI.css";
 //#region src/details-panel/DetailsPanel.css.ts
 var root = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -9,6 +9,6 @@ var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_15y9b34"] });
+}, "_5ohzvg"] });
 //#endregion
 export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-D5sgQisS.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BniltHwk.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "oualdp"] });
+}, "px0v4c"] });
 //#endregion
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DKprbkGl.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BrKARlT6.css";
 //#region src/details-panel/DetailsPanelHeader.css.ts
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var header = recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_17fj39v"] });
+}, "_1wp9ilk"] });
 //#endregion
 export { header };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
 //#region src/dialog/DialogBody.css.ts
 var body = recipeRuntime({ base: [{
 	flex: "1",
@@ -10,6 +10,6 @@ var body = recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "_100v7kd"] });
+}, "_1651v9r"] });
 //#endregion
 export { body };

package/dist/esm/packages/react/src/dialog/DialogContent-css.js

@@ -1,8 +1,8 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/dialog/DialogContent.css.ts.vanilla-9jSAJpUL.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/dialog/DialogContent.css.ts.vanilla-B-EzWgvF.css";
 //#region src/dialog/DialogContent.css.ts
 var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 	backdrop: () => backdrop,
@@ -13,7 +13,7 @@ var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 });
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "bxu2ov"
+	true: "_1ktesn5"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "rzmq1a"],
+	}, "_1g2r9k2"],
 	variants: { size: {
-		sm: "orydel",
-		md: "czcl6y",
-		lg: "_318f41",
-		fullscreen: "_16qk260"
+		sm: "_15kxqrx",
+		md: "k8yu4g",
+		lg: "_1w34vpj",
+		fullscreen: "_1lwsb9r"
 	} }
 });
-var nestedDialogCountVar = "var(--r9gwem)";
-var scrollPaddingBottomVar = "var(--_1rynuer)";
-var scrollPaddingTopVar = "var(--tjnqfe)";
+var nestedDialogCountVar = "var(--_1lantcc)";
+var scrollPaddingBottomVar = "var(--w3sxat)";
+var scrollPaddingTopVar = "var(--kjhm30)";
 //#endregion
 export { DialogContent_css_exports, backdrop, content, nestedDialogCountVar };

package/dist/esm/packages/react/src/dialog/DialogFooter-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-BLFpgrr_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-BfmzFVIV.css";
 //#region src/dialog/DialogFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -10,6 +10,6 @@ var footer = recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_7hx1qh"] });
+}, "_17h2xt4"] });
 //#endregion
 export { footer };