@optiaxiom/react 3.0.6 → 3.1.0

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CP126MWR.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DDlxkGFX.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1yyukff"],
+	}, "_1x3hx71"],
 	variants: {
 		appearance: {
-			"default": "_15gvcx7",
-			holiday: [{ color: "fg.error" }, "i0ub9z"],
-			range_middle: "_18fkj6x",
-			selected: ["_1wihiuj"],
-			weekend: [{ color: "fg.tertiary" }, "_1htd9d0"]
+			"default": "_1q74fht",
+			holiday: [{ color: "fg.error" }, "_1975nl8"],
+			range_middle: "apwoc7",
+			selected: ["_1nggbxd"],
+			weekend: [{ color: "fg.tertiary" }, "_17d1hup"]
 		},
 		range: {
-			end: ["_1pmj9vt"],
-			middle: ["_1kamptj"],
-			start: ["_1ibs342"]
+			end: ["eaeloi"],
+			middle: ["_5abqbd"],
+			start: ["_1j2kujv"]
 		}
 	}
 });
 var today = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_4tq3i8"] });
+}, "zdjcaq"] });
 //#endregion
 export { button, today };

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

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-BdrktX2I.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-D-_P-_Zz.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_39u1gq"] });
+}, "f19y86"] });
 //#endregion
 export { grid };

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-BJnC5dJ_.css";
-import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BkWMcdSp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BH-CIm1b.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "tj9ed3"] });
+}, "_1sx88py"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CyZSvyns.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DIHfikq-.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "_1doyrw2" });
+var button = recipeRuntime({ base: "_1hglhfn" });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CMK8qIP6.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DCkH01LM.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "_1h18bg3" });
+var button = recipeRuntime({ base: "_12g9j7v" });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-ziasQOrG.css";
-import "./../../../../assets/src/card/Card.css.ts.vanilla-B5anGXHN.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-BfNBx7Wg.css";
+import "./../../../../assets/src/card/Card.css.ts.vanilla-BTBDlfHH.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"kbd8ga",
+	"c4rqry",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"h31bcn"
+	"_1yyyfbq"
 ] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-DbspXDEz.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-Chb3fjOG.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["_1ea2dnq"] });
+var checkbox = recipeRuntime({ base: ["_25hp1x"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-CqORc4MH.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-f7uhD9le.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "djpxsd",
-		before: "_1y040ed"
+		after: "_1ldksch",
+		before: "h8hh89"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_1gi6lus"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "_1sl72dr"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_1b2xdea"] });
+}, "_1yg5cos"] });
 //#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-BJnC5dJ_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.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-BJnC5dJ_.css";
-import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-DzE01Gdy.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-ZfXHrbnS.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "_1oxv062"] });
+}, "_10opyse"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_41u4px"] });
+}, "erq3tx"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BXZhX-fP.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DK2M4Rtg.css";
-import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-C8FGKV_x.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-lXntTAoS.css";
+import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-CmpB-gbO.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_132vu63"],
+	}, "_14znb9s"],
 	variants: { shift: {
 		false: {},
-		true: "_10x3ati"
+		true: "z1k6k"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "_19917rt"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "s9djnk"] });
 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-BJnC5dJ_.css";
-import "./../../../../assets/src/code/Code.css.ts.vanilla-CzohfO1p.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/code/Code.css.ts.vanilla-B2pXRyQ-.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1lx09y7"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "s9c50f"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-cZhkz-wR.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-bDBZd9uB.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_3njx55"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "iv8086"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-ziasQOrG.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-BfNBx7Wg.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1ymm6jp", "_18fa5bz"],
+		false: ["_1bk3v78", "ytuilt"],
 		true: {}
 	},
 	inset: {
-		false: "_1kdqmav",
-		true: "tcpshu"
+		false: "_1qe2sh7",
+		true: "u8otem"
 	}
 } });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/table/TableRow.css.ts.vanilla-29OQ3jCp.css";
-import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-suxE486X.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/table/TableRow.css.ts.vanilla-BfijQLNf.css";
+import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-CAu_0wTH.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_3ci7zd"],
+	}, "_1cfwgwb"],
 	variants: {
 		pinned: {
-			left: "v09kvk",
-			right: "_1nsozsh"
+			left: "_9d3y0d",
+			right: "poeepq"
 		},
 		pinnedType: {
-			body: "mpmtew",
+			body: "w5zeci",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "ncvvp1"
+			true: "_18ky3vj"
 		}
 	}
 });
-var cellOffsetVar = "var(--_3em36u)";
-var cellSizeVar = "var(--q1o0z8)";
-var leftTotalSizeVar = "var(--kc2p7l)";
-var rightTotalSizeVar = "var(--_1ybwabc)";
+var cellOffsetVar = "var(--_1w67ptq)";
+var cellSizeVar = "var(--jd2yxb)";
+var leftTotalSizeVar = "var(--_1xqh099)";
+var rightTotalSizeVar = "var(--_1ynalvq)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1hl4m9b"] });
-var totalSizeVar = "var(--hfa4hw)";
+}, "f6kdjl"] });
+var totalSizeVar = "var(--a3tgfn)";
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-D2v_TAuA.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-EbAFfSRd.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_1x08zli",
+	base: "h1bjcm",
 	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-BJnC5dJ_.css";
-import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-ntEjWj2e.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-ClkEQ1SF.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"
-}, "rhuqz7"] });
+}, "_1o2lbqo"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "hj3kp4"],
+	}, "_1ut5xrn"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1ev9psy"],
+	}, "_324g3m"],
 	variants: { active: {
-		false: "_8xx6lw",
-		true: "_14h3u4f"
+		false: "_1rj7nbd",
+		true: "_1jiyhhd"
 	} }
 });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-4aHHY5jx.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-BzZg45s9.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "ue968t"] });
-var date = recipeRuntime({ base: "nmxob5" });
-var input = recipeRuntime({ base: "_1m74v97" });
-var picker = recipeRuntime({ base: "ltqtvc" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_1l6g3ko"] });
+var date = recipeRuntime({ base: "_1fa3rr3" });
+var input = recipeRuntime({ base: "_1fot00p" });
+var picker = recipeRuntime({ base: "_1narfjg" });
 //#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-BJnC5dJ_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.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-BJnC5dJ_.css";
-import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-CCJwE8Ui.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-D_iKdezx.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"
-}, "_19oxsjm"] });
+}, "_1sh75i4"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BhkcjJVm.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-yZTRj21x.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "hp3"] });
+}, "_2c13am"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-D6w_p5yQ.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BFucxAm8.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"
-}, "_13zasxa"] });
+}, "_11bke44"] });
 //#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-BJnC5dJ_.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BXZhX-fP.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.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"
-}, "tp96zo"] });
+}, "_1m88ki2"] });
 //#endregion
 export { body };