@optiaxiom/react 3.4.0 → 3.4.2

package/dist/cjs/{Flex-RKZIqnbp.js → Flex-DvvADLIS.js}

@@ -1,79 +1,79 @@
 "use client";
-const require_Tooltip = require("./Tooltip-DAnP4bRO.js");
+const require_Tooltip = require("./Tooltip-DO_H320t.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/layers.css.ts.vanilla-Bgf4mdaV.css");
+require("./assets/layers.css.ts.vanilla-BFWK0cT2.css");
 let clsx = require("clsx");
 clsx = require_Tooltip.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _optiaxiom_globals = require("@optiaxiom/globals");
-require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
+require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
 let _radix_ui_react_context = require("@radix-ui/react-context");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
 let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
 let _radix_ui_react_id = require("@radix-ui/react-id");
-require("./assets/Alert.css.ts.vanilla-BmRGDGQI.css");
+require("./assets/Alert.css.ts.vanilla-DXi3uTVm.css");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
 _radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog, 1);
-require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
+require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/Backdrop.css.ts.vanilla-BV6E4G2y.css");
-require("./assets/DialogContent.css.ts.vanilla-kxTJiehY.css");
-require("./assets/Heading.css.ts.vanilla-Cot2Fmr8.css");
+require("./assets/Backdrop.css.ts.vanilla-Q7gTDGxi.css");
+require("./assets/DialogContent.css.ts.vanilla-CvqFUSMl.css");
+require("./assets/Heading.css.ts.vanilla-Bz-YGr_Z.css");
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 _radix_ui_react_visually_hidden = require_Tooltip.__toESM(_radix_ui_react_visually_hidden, 1);
-require("./assets/DialogHeader.css.ts.vanilla-Cp8lADgp.css");
-require("./assets/AlertDialogContent.css.ts.vanilla-C3Q_eWoe.css");
-require("./assets/AlertDialogFooter.css.ts.vanilla-CJzM7oVP.css");
-require("./assets/AlertDialogHeader.css.ts.vanilla-B-N8Fo9T.css");
+require("./assets/DialogHeader.css.ts.vanilla-CiOqiyNO.css");
+require("./assets/AlertDialogContent.css.ts.vanilla-KhzNiY-9.css");
+require("./assets/AlertDialogFooter.css.ts.vanilla-8UHqLggZ.css");
+require("./assets/AlertDialogHeader.css.ts.vanilla-CDaHs2A5.css");
 let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
 _radix_ui_react_avatar = require_Tooltip.__toESM(_radix_ui_react_avatar, 1);
-require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
-require("./assets/Avatar.css.ts.vanilla-2MuG0bd2.css");
+require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
+require("./assets/Avatar.css.ts.vanilla-COVDViIT.css");
 let _radix_ui_react_separator = require("@radix-ui/react-separator");
 _radix_ui_react_separator = require_Tooltip.__toESM(_radix_ui_react_separator, 1);
-require("./assets/Separator.css.ts.vanilla-VVVonCVk.css");
-require("./assets/Cover.css.ts.vanilla-DqEtkjf7.css");
+require("./assets/Separator.css.ts.vanilla-bi_ezBVr.css");
+require("./assets/Cover.css.ts.vanilla-DJajfkND.css");
 let downshift = require("downshift");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
 _radix_ui_react_popover = require_Tooltip.__toESM(_radix_ui_react_popover, 1);
 let _radix_ui_react_popper = require("@radix-ui/react-popper");
 _radix_ui_react_popper = require_Tooltip.__toESM(_radix_ui_react_popper, 1);
-require("./assets/Listbox.css.ts.vanilla-CUpAHaYD.css");
-require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
-require("./assets/ToggleInput.css.ts.vanilla-Btri4xVz.css");
-require("./assets/ToggleInputControl.css.ts.vanilla-DL_tYiKd.css");
-require("./assets/CheckboxControl.css.ts.vanilla-y5pQ2TBA.css");
-require("./assets/ListboxCheckboxItem.css.ts.vanilla-CqJ9EMi-.css");
-require("./assets/ListboxItem.css.ts.vanilla-GQ2OoOcN.css");
-require("./assets/ListboxItemIndicator.css.ts.vanilla-CgEmFTfs.css");
-require("./assets/Skeleton.css.ts.vanilla-CT_cVkCq.css");
+require("./assets/Listbox.css.ts.vanilla-Tc0QfCgn.css");
+require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
+require("./assets/ToggleInput.css.ts.vanilla-CDDTBAAx.css");
+require("./assets/ToggleInputControl.css.ts.vanilla-Co03fpB5.css");
+require("./assets/CheckboxControl.css.ts.vanilla-B-qWUBiT.css");
+require("./assets/ListboxCheckboxItem.css.ts.vanilla-CJTHS8ws.css");
+require("./assets/ListboxItem.css.ts.vanilla-TUpkzGOA.css");
+require("./assets/ListboxItemIndicator.css.ts.vanilla-CujlbR6S.css");
+require("./assets/Skeleton.css.ts.vanilla-C7jH5xxr.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/Switch.css.ts.vanilla-BezFkGHK.css");
-require("./assets/ModalListbox.css.ts.vanilla-BVBSvOEF.css");
-require("./assets/Input.css.ts.vanilla-Daq0JfML.css");
-require("./assets/InputControl.css.ts.vanilla-CyiU-Z3F.css");
-require("./assets/InputRoot.css.ts.vanilla-B33lqsZM.css");
-require("./assets/CommandItem.css.ts.vanilla-C-0oIHpp.css");
-require("./assets/MenuDialogContent.css.ts.vanilla-BnrcIo3H.css");
-require("./assets/MenuInput.css.ts.vanilla-CXyZ30Uv.css");
+require("./assets/Switch.css.ts.vanilla-XTyAMoOR.css");
+require("./assets/ModalListbox.css.ts.vanilla-DjDipPx1.css");
+require("./assets/Input.css.ts.vanilla-DZZ3VKNE.css");
+require("./assets/InputControl.css.ts.vanilla-BCSTjllv.css");
+require("./assets/InputRoot.css.ts.vanilla-C9cr9RWF.css");
+require("./assets/CommandItem.css.ts.vanilla-hQ5kfjbE.css");
+require("./assets/MenuDialogContent.css.ts.vanilla-CXKTkTYL.css");
+require("./assets/MenuInput.css.ts.vanilla-5194zPrb.css");
 let react_remove_scroll = require("react-remove-scroll");
-require("./assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css");
-require("./assets/ActionsContent.css.ts.vanilla-vP7vU13T.css");
-require("./assets/TableHeaderCell.css.ts.vanilla-Bt4eVYTs.css");
+require("./assets/ButtonGroup.css.ts.vanilla-D-kshq_d.css");
+require("./assets/ActionsContent.css.ts.vanilla-DDubvBTT.css");
+require("./assets/TableHeaderCell.css.ts.vanilla-D1uFrOQu.css");
 require("@tanstack/react-table");
-require("./assets/DataTableHeaderCell.css.ts.vanilla-DptNjfgl.css");
+require("./assets/DataTableHeaderCell.css.ts.vanilla-C1sR0ylF.css");
 let _radix_ui_react_dismissable_layer = require("@radix-ui/react-dismissable-layer");
 let _radix_ui_react_focus_guards = require("@radix-ui/react-focus-guards");
 let _radix_ui_react_focus_scope = require("@radix-ui/react-focus-scope");
 let react_day_picker = require("react-day-picker");
-require("./assets/Calendar.css.ts.vanilla-CBwVMqm5.css");
-require("./assets/CalendarDayButton.css.ts.vanilla-DQ2Nf-iV.css");
-require("./assets/CalendarGrid.css.ts.vanilla-BbOYeDmd.css");
-require("./assets/CalendarMonths.css.ts.vanilla-CnxxqUQV.css");
-require("./assets/CalendarNextMonthButton.css.ts.vanilla-BlU_6EiA.css");
-require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-Do65BKLm.css");
+require("./assets/Calendar.css.ts.vanilla-CInq5Maw.css");
+require("./assets/CalendarDayButton.css.ts.vanilla-D2O1xbGS.css");
+require("./assets/CalendarGrid.css.ts.vanilla-B83nFpfw.css");
+require("./assets/CalendarMonths.css.ts.vanilla-CFlyJ1OQ.css");
+require("./assets/CalendarNextMonthButton.css.ts.vanilla-BkELBhJp.css");
+require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-DA4IS9gs.css");
 //#region src/utils/mapValues.ts
 const mapValues = (obj, valueFn, keyFn = (key) => key) => {
 	const result = {};
@@ -179,10 +179,12 @@ function isReactSelectInput(element) {
 * (e.g. `16px`) on the same `:root` or `:host` as the theme to decouple sizing
 * from the page's root font size. Media queries can't read custom properties,
 * so breakpoints must use plain `rem` instead.
+*
+* Falls back to `1rem` for hosts whose ThemeProvider predates the variable.
 */
 const rem = (value) => {
 	const units = value.endsWith("px") ? parseFloat(value) / 16 : value.endsWith("rem") ? parseFloat(value) : null;
-	return units === null ? value : `calc(${parseFloat(units.toFixed(4))} * var(--ax-styles-scale))`;
+	return units === null ? value : `calc(${parseFloat(units.toFixed(4))} * var(--ax-styles-scale, 1rem))`;
 };
 //#endregion
 //#region src/utils/toInstant.ts
@@ -258,7 +260,7 @@ var content$5 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "nkgehe"] });
+}, "_10s7zl6"] });
 var icon$3 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "2" }],
 	variants: { intent: {
@@ -561,7 +563,7 @@ DialogClose.displayName = "@optiaxiom/react/DialogClose";
 var backdrop$2 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "_5gjc7f"] });
+}, "r9ai10"] });
 //#endregion
 //#region src/backdrop/Backdrop.tsx
 const Backdrop = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
@@ -613,7 +615,7 @@ var DialogContent_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 });
 var backdrop$1 = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "qytdpn"
+	true: "_4f5hf"
 } } });
 var content$4 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -621,17 +623,17 @@ var content$4 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_16kzw8n"],
+	}, "_9kbelv"],
 	variants: { size: {
-		sm: "_9o1qsu",
-		md: "_1uaojja",
-		lg: "_1gijllm",
-		fullscreen: "_19a5s2k"
+		sm: "l7ii8b",
+		md: "_1tjrynn",
+		lg: "_85eh6f",
+		fullscreen: "_1yksszn"
 	} }
 });
-var nestedDialogCountVar$1 = "var(--_1s46noi)";
-var scrollPaddingBottomVar = "var(--_1iol2un)";
-var scrollPaddingTopVar = "var(--b76mdi)";
+var nestedDialogCountVar$1 = "var(--iunxkb)";
+var scrollPaddingBottomVar = "var(--a474yw)";
+var scrollPaddingTopVar = "var(--_1elgajb)";
 //#endregion
 //#region src/dialog/DialogContentImpl.tsx
 const DialogContentImpl = (0, react.forwardRef)(({ children, ...props }, outerRef) => {
@@ -740,15 +742,15 @@ var heading = require_Tooltip.recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: {
 		level: {
-			"1": "yp20hn",
-			"2": "_15sq2yu",
-			"3": "jtvs6j",
-			"4": "_6dgzi"
+			"1": "_1sljve3",
+			"2": "srt0uv",
+			"3": "jq41g",
+			"4": "_2hb4xm"
 		},
 		tracking: {
-			wide: "mqfcjk",
-			wider: "_1yf3ia7",
-			widest: "_1jccinj"
+			wide: "kua685",
+			wider: "_4uhbhy",
+			widest: "a4h2f4"
 		}
 	}
 });
@@ -832,14 +834,14 @@ const VisuallyHidden = (0, react.forwardRef)(({ asChild, children, disabled, sty
 VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
 //#endregion
 //#region src/dialog/DialogHeader.css.ts
-var actions = require_Tooltip.recipeRuntime({ base: [{ gap: "8" }, "_1o1brlh"] });
-var close = require_Tooltip.recipeRuntime({ base: ["_8cq4kf"] });
+var actions = require_Tooltip.recipeRuntime({ base: [{ gap: "8" }, "vw3l06"] });
+var close = require_Tooltip.recipeRuntime({ base: ["_1snm3ka"] });
 var description$1 = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "pn1373"] });
+}, "_18l09m9"] });
 var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -849,11 +851,11 @@ var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "xb3mxa"] });
+}, "_1ryo5t3"] });
 var title$1 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_1x7rguk"] });
+}, "_1yliktl"] });
 //#endregion
 //#region src/dialog/DialogHeader.tsx
 /**
@@ -993,7 +995,7 @@ AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "vyi5i2"
+	true: "_10h4fip"
 } } });
 var content$3 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -1001,20 +1003,20 @@ var content$3 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "bolkbj"],
+	}, "o1hrck"],
 	variants: { size: {
-		sm: "_1g2mh37",
-		md: "_1vpze75",
-		lg: "_16guw5w"
+		sm: "_1kpej70",
+		md: "_130pznx",
+		lg: "_98o4av"
 	} }
 });
-var nestedDialogCountVar = "var(--_2fczyw)";
+var nestedDialogCountVar = "var(--_9kurvn)";
 var root$4 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "s2oyne"] });
+}, "z2lqfn"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogContent.tsx
 /**
@@ -1111,7 +1113,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "ibwkg3"] });
+}, "_1jbzn89"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogFooter.tsx
 /**
@@ -1137,7 +1139,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "mzx5ag"] });
+}, "jgqhld"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogHeader.tsx
 /**
@@ -1393,7 +1395,7 @@ var avatar = require_Tooltip.recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_1ufj2ov"],
+	}, "_10fginn"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -1409,16 +1411,16 @@ var avatar = require_Tooltip.recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_1sxqgtm"],
+			}, "wwegwv"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1326zzg"],
-			sm: [{ size: "sm" }, "j9mjya"],
-			md: [{ size: "md" }, "_1ytdc61"],
-			lg: [{ size: "lg" }, "_1hjviqh"],
-			xl: [{ size: "xl" }, "_4tt6y"],
-			"3xl": [{ size: "3xl" }, "dzrvxz"]
+			}, "_12fkeis"],
+			sm: [{ size: "sm" }, "_16wvvzj"],
+			md: [{ size: "md" }, "_1jg8gyl"],
+			lg: [{ size: "lg" }, "_10o6a0i"],
+			xl: [{ size: "xl" }, "_17wi5ju"],
+			"3xl": [{ size: "3xl" }, "utwxf7"]
 		}
 	}
 });
@@ -1434,7 +1436,7 @@ var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "nnbkoi"],
+		xs: [{ h: "16" }, "go73bx"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },
@@ -1544,19 +1546,19 @@ var separator = require_Tooltip.createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "sw6eez",
-						md: "_1nbmsv7",
-						base: "_71zhzs"
+						sm: "_10gb51q",
+						md: "_181ytdz",
+						base: "_14yvgwa"
 					},
-					defaultClass: "_71zhzs"
+					defaultClass: "_14yvgwa"
 				},
 				vertical: {
 					conditions: {
-						sm: "zluk5",
-						md: "_70ptk1",
-						base: "_1ho6zed"
+						sm: "_1a4eb55",
+						md: "_1sahr0",
+						base: "yf8sz2"
 					},
-					defaultClass: "_1ho6zed"
+					defaultClass: "yf8sz2"
 				}
 			},
 			responsiveArray: void 0
@@ -1591,12 +1593,12 @@ Separator.displayName = "@optiaxiom/react/Separator";
 //#region src/cover/Cover.css.ts
 var cover = require_Tooltip.recipeRuntime({ variants: {
 	disabled: {
-		false: ["wo4ztv", "_13x9u2u"],
+		false: ["_1wefgvc", "bkggkd"],
 		true: {}
 	},
 	inset: {
-		false: "n7ob8c",
-		true: "lsvcwc"
+		false: "_19cmbqt",
+		true: "_50jki6"
 	}
 } });
 //#endregion
@@ -1996,7 +1998,7 @@ var listbox$1 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "2",
 	overflow: "auto"
-}, "jr2yul"] });
+}, "npsv4r"] });
 //#endregion
 //#region src/listbox/Listbox.tsx
 const Listbox = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -2011,13 +2013,13 @@ Listbox.displayName = "@optiaxiom/react/Listbox";
 //#endregion
 //#region src/toggle-input/ToggleInput.css.ts
 var toggleInput = require_Tooltip.recipeRuntime({ base: [
-	"_6492wf",
+	"_1iyrexh",
 	{
 		alignItems: "start",
 		display: "inline-flex",
 		gap: "8"
 	},
-	"_1vtkxbj"
+	"_1u9boyh"
 ] });
 //#endregion
 //#region src/toggle-input/ToggleInputContext.ts
@@ -2065,7 +2067,7 @@ const ToggleInputContent = (0, react.forwardRef)(({ children, ...props }, ref) =
 ToggleInputContent.displayName = "@optiaxiom/react/ToggleInputContent";
 //#endregion
 //#region src/toggle-input/ToggleInputControl.css.ts
-var control$3 = require_Tooltip.recipeRuntime({ base: ["oq41bf"] });
+var control$3 = require_Tooltip.recipeRuntime({ base: ["_2rdwyn"] });
 //#endregion
 //#region src/toggle-input/ToggleInputControl.tsx
 const ToggleInputControl = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -2094,7 +2096,7 @@ const ToggleInputDescription = (0, react.forwardRef)(({ children, ...props }, re
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.css.ts
-var className = "errmmk";
+var className = "_11n9asn";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.tsx
 const ToggleInputHiddenInput = (0, react.forwardRef)(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
@@ -2194,19 +2196,19 @@ const IconMinus = withIcon({
 //#endregion
 //#region src/checkbox/CheckboxControl.css.ts
 var control$2 = require_Tooltip.recipeRuntime({
-	base: [{ display: "grid" }, "_1a2of2y"],
+	base: [{ display: "grid" }, "llve6z"],
 	variants: {
 		shift: {
 			false: {},
-			true: "s50rg3"
+			true: "_1v1znlb"
 		},
 		size: {
-			sm: [{ rounded: "sm" }, "_1oiurs0"],
-			md: [{ rounded: "md" }, "_747gsv"]
+			sm: [{ rounded: "sm" }, "piakox"],
+			md: [{ rounded: "md" }, "_7u2woj"]
 		}
 	}
 });
-var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "kemjj7"] });
+var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "irqabp"] });
 var indicator$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",
@@ -2288,7 +2290,7 @@ const Checkbox = (0, react.forwardRef)(({ children, description, indeterminate,
 Checkbox.displayName = "@optiaxiom/react/Checkbox";
 //#endregion
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = require_Tooltip.recipeRuntime({ base: [{ display: "inline-flex" }, "evyojy"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: [{ display: "inline-flex" }, "_67vi9f"] });
 //#endregion
 //#region src/listbox/ListboxItem.css.ts
 var addon$1 = require_Tooltip.recipeRuntime({
@@ -2296,13 +2298,13 @@ var addon$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_1dldlry"],
+	}, "_1j8s4mx"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_1uoj17a"] });
+var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_10f1jt2"] });
 var item = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -2311,16 +2313,16 @@ var item = require_Tooltip.recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "njlgb0"],
+	}, "yu44v2"],
 	variants: { intent: {
-		danger: "dkfsup",
-		neutral: "s11dto"
+		danger: "_1ljfc0c",
+		neutral: "_1p1min1"
 	} }
 });
 var title = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "hke5ab"] });
+}, "_17qfz9o"] });
 //#endregion
 //#region src/listbox/ListboxItem.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/ListboxItem");
@@ -2434,10 +2436,10 @@ const [ListboxGroupProvider, useListboxGroupContext] = (0, _radix_ui_react_conte
 //#endregion
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = require_Tooltip.recipeRuntime({
-	base: ["_14anft1"],
+	base: ["c0552m"],
 	variants: { active: {
 		false: {},
-		true: "_5f63sg"
+		true: "_15209ms"
 	} }
 });
 //#endregion
@@ -2462,7 +2464,7 @@ var skeleton = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1t7lbew"] });
+}, "qx0h8x"] });
 //#endregion
 //#region src/skeleton/Skeleton.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Skeleton");
@@ -2655,19 +2657,19 @@ var control$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "full"
-	}, "_137x6fu"],
+	}, "trj8pm"],
 	variants: { size: {
-		md: [{ mt: "2" }, "_15kaca4"],
-		lg: ["_4zgj34"]
+		md: [{ mt: "2" }, "gkykrp"],
+		lg: ["_17ctakc"]
 	} }
 });
-var input$2 = require_Tooltip.recipeRuntime({ base: "_7p1stn" });
-var root$3 = require_Tooltip.recipeRuntime({ base: ["_7rmm82", "p4xuzb"] });
+var input$2 = require_Tooltip.recipeRuntime({ base: "_1qpebut" });
+var root$3 = require_Tooltip.recipeRuntime({ base: ["_1stgjz0", "h49t7o"] });
 var thumb = require_Tooltip.recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "_1i3n3u8"] });
+}, "eq8c6z"] });
 //#endregion
 //#region src/switch/Switch.tsx
 /**
@@ -2739,18 +2741,18 @@ var listbox = require_Tooltip.recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1q044wk"],
+	}, "hcuo6o"],
 	variants: {
 		maxH: {
-			xs: "cctur4",
-			sm: "wnxn0g",
-			md: "mrw0e9",
-			lg: "kbjc0h",
+			xs: "spskf7",
+			sm: "_1tlvriw",
+			md: "hfei6o",
+			lg: "zyrxxi",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_1bsl08e"
+			trigger: "_1ueas6q"
 		}
 	}
 });
@@ -2977,7 +2979,7 @@ const SuggestionPopover = (0, react.forwardRef)((props, ref) => {
 SuggestionPopover.displayName = "@optiaxiom/react/SuggestionPopover";
 //#endregion
 //#region src/input/Input.css.ts
-var addon = require_Tooltip.recipeRuntime({ base: [{ flex: "none" }, "_1twqudf"] });
+var addon = require_Tooltip.recipeRuntime({ base: [{ flex: "none" }, "_17d9k92"] });
 var input$1 = require_Tooltip.recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },
@@ -3033,19 +3035,19 @@ InputAddon.displayName = "@optiaxiom/react/InputAddon";
 //#region src/input/InputControl.css.ts
 var control = require_Tooltip.recipeRuntime({
 	base: [
-		"zayff5",
+		"_15o3kw4",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"_2ecy7l",
-		"_1swfrpt"
+		"j4dvcd",
+		"_14s4otn"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1fuobfb"]
+		xl: ["_189eavi"]
 	} }
 });
 //#endregion
@@ -3102,7 +3104,7 @@ const InputControl = (0, react.forwardRef)(({ asChild, children, className, erro
 InputControl.displayName = "@optiaxiom/react/InputControl";
 //#endregion
 //#region src/input/InputRoot.css.ts
-var root$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "0" }, "_11qyoi1"] });
+var root$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "0" }, "vj683n"] });
 //#endregion
 //#region src/input/InputRoot.tsx
 const InputRoot = (0, react.forwardRef)(({ addonPointerEvents = "auto", children, className, onPointerDown, ...props }, ref) => {
@@ -3228,7 +3230,7 @@ const CommandInput = (0, react.forwardRef)(({ onBlur, onKeyDown, size, ...props
 CommandInput.displayName = "@optiaxiom/react/CommandInput";
 //#endregion
 //#region src/command/CommandItem.css.ts
-var detail = require_Tooltip.recipeRuntime({ base: [{ color: "fg.secondary" }, "dw69f6"] });
+var detail = require_Tooltip.recipeRuntime({ base: [{ color: "fg.secondary" }, "fjwtf7"] });
 //#endregion
 //#region src/command/CommandItem.tsx
 const CommandItem = (0, react.forwardRef)(({ asChild, children, index, item, onClick, onMouseLeave, onMouseMove, selected, size, ...props }, outerRef) => {
@@ -3542,7 +3544,7 @@ function Menu({ children, defaultOpen = false, inputValue: inputValueProp, input
 Menu.displayName = "@optiaxiom/react/Menu";
 //#endregion
 //#region src/menu/MenuDialogContent.css.ts
-var content$2 = require_Tooltip.recipeRuntime({ base: "z3zmqu" });
+var content$2 = require_Tooltip.recipeRuntime({ base: "xfl9o1" });
 //#endregion
 //#region src/menu/MenuDialogContent.tsx
 const MenuDialogContent = (0, react.forwardRef)(({ align: _align, "aria-label": ariaLabel, children, className, minW: _minW, side: _side, sideOffset: _sideOffset, ...props }, ref) => {
@@ -3581,7 +3583,7 @@ var input = require_Tooltip.recipeRuntime({ variants: { size: {
 		borderB: "1",
 		borderColor: "border.secondary",
 		rounded: "none"
-	}, "_1dr8qvc"]
+	}, "_1gkxm7z"]
 } } });
 //#endregion
 //#region src/menu/MenuInput.tsx
@@ -4121,10 +4123,10 @@ var content$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		justifyContent: "space-between"
-	}, "e7g6i9"],
+	}, "_1igq07g"],
 	variants: { visible: {
-		always: "_1cbh29o",
-		"if-needed": "_1xio65g"
+		always: "e1hplf",
+		"if-needed": "_1w0vic6"
 	} }
 });
 //#endregion
@@ -4140,7 +4142,7 @@ const ActionsContent = (0, react.forwardRef)(({ children, className, visible = "
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 //#endregion
 //#region src/actions/ActionsRoot.css.ts
-var root = require_Tooltip.recipeRuntime({ base: "_1ioa4j4" });
+var root = require_Tooltip.recipeRuntime({ base: "_7g6p86" });
 //#endregion
 //#region src/actions/ActionsRoot.tsx
 const ActionsRoot = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -4155,10 +4157,10 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 //#endregion
 //#region src/table/TableHeaderCell.css.ts
 var cell = require_Tooltip.recipeRuntime({
-	base: [{ borderColor: "border.tertiary" }, "vtmlao"],
+	base: [{ borderColor: "border.tertiary" }, "_1qcikew"],
 	variants: { pinned: {
-		false: "_11k3hmx",
-		true: "_1a2h80f"
+		false: "_4280j4",
+		true: "_1ffjgot"
 	} }
 });
 var content = require_Tooltip.recipeRuntime({ base: [{
@@ -4171,7 +4173,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "_1xgyes8"] });
+}, "u08w16"] });
 //#endregion
 //#region src/table/TableHeaderCell.tsx
 /**
@@ -4274,12 +4276,12 @@ var button$3 = require_Tooltip.recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "_5xfd5e"] });
+}, "l8kist"] });
 var handle = require_Tooltip.recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1mzoyfv"],
+	}, "_1rh1bl2"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -4290,10 +4292,10 @@ var icon = require_Tooltip.recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1oqop71"],
+	}, "bw7749"],
 	variants: { active: {
-		false: "_1xg2bra",
-		true: "_19vfzak"
+		false: "_9afjhd",
+		true: "_1bv623l"
 	} }
 });
 //#endregion
@@ -4921,7 +4923,7 @@ var picker = require_Tooltip.recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "_1tm1hqt"
+	top: "_10yl0re"
 } } });
 //#endregion
 //#region src/calendar/CalendarContext.ts
@@ -4997,26 +4999,26 @@ var button$2 = require_Tooltip.recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "yn1t6w"],
+	}, "_1nayefi"],
 	variants: {
 		appearance: {
-			"default": "_18gfp4c",
-			holiday: [{ color: "fg.error" }, "_1pwnhsj"],
-			range_middle: "uke308",
-			selected: ["_1iivwso"],
-			weekend: [{ color: "fg.tertiary" }, "a3tus4"]
+			"default": "qrxgdj",
+			holiday: [{ color: "fg.error" }, "_91zepb"],
+			range_middle: "_19dmdsx",
+			selected: ["_1qd7ue0"],
+			weekend: [{ color: "fg.tertiary" }, "_9v7wzi"]
 		},
 		range: {
-			end: ["q7ee6s"],
-			middle: ["_1fcib1q"],
-			start: ["_1lk1ktx"]
+			end: ["_1mgmsl1"],
+			middle: ["_1sn62ve"],
+			start: ["_104alk7"]
 		}
 	}
 });
 var today = require_Tooltip.recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_1vq873d"] });
+}, "wvh1if"] });
 //#endregion
 //#region src/calendar/CalendarDayButton.tsx
 function CalendarDayButton({ children, className, color: _color, day, disabled, modifiers, ...props }) {
@@ -5069,7 +5071,7 @@ var grid$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_1p57bok"] });
+}, "uwrx2m"] });
 //#endregion
 //#region src/calendar/CalendarGrid.tsx
 const grid = [
@@ -5246,7 +5248,7 @@ CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 var months = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_22vqcs"] });
+}, "_1wv8ezr"] });
 //#endregion
 //#region src/calendar/CalendarMonths.tsx
 function CalendarMonths({ children, ...props }) {
@@ -5262,7 +5264,7 @@ function CalendarMonths({ children, ...props }) {
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button$1 = require_Tooltip.recipeRuntime({ base: "cazs89" });
+var button$1 = require_Tooltip.recipeRuntime({ base: "ssp7bv" });
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.tsx
 function CalendarNextMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
@@ -5286,7 +5288,7 @@ function CalendarNextMonthButton({ "aria-label": _ariaLabel, children, className
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 //#endregion
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = require_Tooltip.recipeRuntime({ base: "_10esz6o" });
+var button = require_Tooltip.recipeRuntime({ base: "_17fhyd0" });
 //#endregion
 //#region src/calendar/CalendarPreviousMonthButton.tsx
 function CalendarPreviousMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {