@optiaxiom/react 3.1.9 → 3.3.0

package/dist/cjs/{Flex-CCa6lJll.js → Flex-Cs6c_kXL.js}

@@ -1,79 +1,79 @@
 "use client";
-const require_Tooltip = require("./Tooltip-DXFfXhOq.js");
+const require_Tooltip = require("./Tooltip-DX-BsH4s.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-BY6P4lrq.css");
+require("./assets/layers.css.ts.vanilla-DD7saQYy.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-D3B-eLR-.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.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-RdgEva4J.css");
+require("./assets/Alert.css.ts.vanilla-BuagnW7G.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-D3B-eLR-.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/Backdrop.css.ts.vanilla-CpwtuZ-L.css");
-require("./assets/DialogContent.css.ts.vanilla-DDXceMqB.css");
-require("./assets/Heading.css.ts.vanilla-DqIRCC4T.css");
+require("./assets/Backdrop.css.ts.vanilla-C0tU9gfz.css");
+require("./assets/DialogContent.css.ts.vanilla-6rMOnSEM.css");
+require("./assets/Heading.css.ts.vanilla-CyNUS72G.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-YHBEB6Hf.css");
-require("./assets/AlertDialogContent.css.ts.vanilla-BFwryyyR.css");
-require("./assets/AlertDialogFooter.css.ts.vanilla-DS89Yfkr.css");
-require("./assets/AlertDialogHeader.css.ts.vanilla-DWx-JAL_.css");
+require("./assets/DialogHeader.css.ts.vanilla-B-orMJZ6.css");
+require("./assets/AlertDialogContent.css.ts.vanilla-DtystFEK.css");
+require("./assets/AlertDialogFooter.css.ts.vanilla-Ds3W0cAT.css");
+require("./assets/AlertDialogHeader.css.ts.vanilla-B8HkO0-m.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-D3B-eLR-.css");
-require("./assets/Avatar.css.ts.vanilla-Co9a-2h2.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
+require("./assets/Avatar.css.ts.vanilla-C0Utu7yz.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-6-7XOTZX.css");
-require("./assets/Cover.css.ts.vanilla-DtrMUDzX.css");
+require("./assets/Separator.css.ts.vanilla-Dfmh7CuY.css");
+require("./assets/Cover.css.ts.vanilla-DRjhP4DG.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-Dob_YMFL.css");
-require("./assets/ButtonGroup.css.ts.vanilla-D3B-eLR-.css");
-require("./assets/ToggleInput.css.ts.vanilla-CO52foo8.css");
-require("./assets/ToggleInputControl.css.ts.vanilla-BpXhrsSJ.css");
-require("./assets/CheckboxControl.css.ts.vanilla-BDoChFNw.css");
-require("./assets/ListboxCheckboxItem.css.ts.vanilla-BQjz3Rp9.css");
-require("./assets/ListboxItem.css.ts.vanilla-RNdv6Jjd.css");
-require("./assets/ListboxItemIndicator.css.ts.vanilla-CImDmbbs.css");
-require("./assets/Skeleton.css.ts.vanilla-Cgps1Dt0.css");
+require("./assets/Listbox.css.ts.vanilla-DvyD6XAo.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
+require("./assets/ToggleInput.css.ts.vanilla-eOzUU8G3.css");
+require("./assets/ToggleInputControl.css.ts.vanilla-kIR9dP2o.css");
+require("./assets/CheckboxControl.css.ts.vanilla-BTIVccyP.css");
+require("./assets/ListboxCheckboxItem.css.ts.vanilla-BEPbmLP3.css");
+require("./assets/ListboxItem.css.ts.vanilla-XYPvPnFv.css");
+require("./assets/ListboxItemIndicator.css.ts.vanilla-Bd9dfxs9.css");
+require("./assets/Skeleton.css.ts.vanilla-BD89y1dt.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/Switch.css.ts.vanilla-D8HvQEp_.css");
-require("./assets/ModalListbox.css.ts.vanilla-RM5nO2AF.css");
-require("./assets/Input.css.ts.vanilla-DjURzx-b.css");
-require("./assets/InputControl.css.ts.vanilla-BcxS36Wj.css");
-require("./assets/InputRoot.css.ts.vanilla-C4OrYFic.css");
-require("./assets/CommandItem.css.ts.vanilla-CHxs4Hcs.css");
-require("./assets/MenuDialogContent.css.ts.vanilla-Bzq6o7La.css");
-require("./assets/MenuInput.css.ts.vanilla-DW2i5nxi.css");
+require("./assets/Switch.css.ts.vanilla-CVe04kwi.css");
+require("./assets/ModalListbox.css.ts.vanilla-DKaUUdlS.css");
+require("./assets/Input.css.ts.vanilla-DlddNyuc.css");
+require("./assets/InputControl.css.ts.vanilla-BuMKHUgL.css");
+require("./assets/InputRoot.css.ts.vanilla-wxsfC32n.css");
+require("./assets/CommandItem.css.ts.vanilla-ABxBSb3t.css");
+require("./assets/MenuDialogContent.css.ts.vanilla-C21rg7VS.css");
+require("./assets/MenuInput.css.ts.vanilla-CSEJK8mZ.css");
 let react_remove_scroll = require("react-remove-scroll");
-require("./assets/ButtonGroup.css.ts.vanilla-D3B-eLR-.css");
-require("./assets/ActionsContent.css.ts.vanilla-DEooZx4z.css");
-require("./assets/TableHeaderCell.css.ts.vanilla-9qB3WTVv.css");
+require("./assets/ButtonGroup.css.ts.vanilla-BKGbg4bv.css");
+require("./assets/ActionsContent.css.ts.vanilla-CAtOoSah.css");
+require("./assets/TableHeaderCell.css.ts.vanilla-CDZgDleI.css");
 require("@tanstack/react-table");
-require("./assets/DataTableHeaderCell.css.ts.vanilla-DdCelq_I.css");
+require("./assets/DataTableHeaderCell.css.ts.vanilla-Cs7YB2FH.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-BS09aoeE.css");
-require("./assets/CalendarDayButton.css.ts.vanilla-CAxKYlTn.css");
-require("./assets/CalendarGrid.css.ts.vanilla-Lr8_tIiu.css");
-require("./assets/CalendarMonths.css.ts.vanilla-BtqZL930.css");
-require("./assets/CalendarNextMonthButton.css.ts.vanilla-COxF5N9b.css");
-require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-DXBn6cdu.css");
+require("./assets/Calendar.css.ts.vanilla-CpYwEznv.css");
+require("./assets/CalendarDayButton.css.ts.vanilla-D3zE1KVO.css");
+require("./assets/CalendarGrid.css.ts.vanilla-1SkiNrXK.css");
+require("./assets/CalendarMonths.css.ts.vanilla-DNNUVmM8.css");
+require("./assets/CalendarNextMonthButton.css.ts.vanilla-BnptPiDq.css");
+require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-D__caUZ2.css");
 //#region src/utils/mapValues.ts
 const mapValues = (obj, valueFn, keyFn = (key) => key) => {
 	const result = {};
@@ -173,6 +173,18 @@ function isReactSelectInput(element) {
 	return element instanceof HTMLElement && element.id.startsWith("react-select-") && element.id.endsWith("-input") && element.localName === "input";
 }
 //#endregion
+//#region src/utils/rem.ts
+/**
+* `--ax-styles-scale` defaults to `1rem` in ThemeProvider. Consumers can set it
+* (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.
+*/
+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))`;
+};
+//#endregion
 //#region src/utils/toInstant.ts
 /**
 * Convert string to an instant Date object with time and timezone.
@@ -246,7 +258,7 @@ var content$5 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "jv13ne"] });
+}, "_16q35rt"] });
 var icon$3 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "2" }],
 	variants: { intent: {
@@ -549,7 +561,7 @@ DialogClose.displayName = "@optiaxiom/react/DialogClose";
 var backdrop$2 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "vsvhwn"] });
+}, "_1dffmdm"] });
 //#endregion
 //#region src/backdrop/Backdrop.tsx
 const Backdrop = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
@@ -601,7 +613,7 @@ var DialogContent_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 });
 var backdrop$1 = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "edr8lz"
+	true: "_1pnxwzk"
 } } });
 var content$4 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -609,17 +621,17 @@ var content$4 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_16wrplq"],
+	}, "ago7co"],
 	variants: { size: {
-		sm: "_12t08ol",
-		md: "_1tlqsgg",
-		lg: "_1o2zt5k",
-		fullscreen: "_1jxohx6"
+		sm: "_15v4s3g",
+		md: "_72cs1d",
+		lg: "zf03fj",
+		fullscreen: "_7uiuhj"
 	} }
 });
-var nestedDialogCountVar$1 = "var(--vm1jfn)";
-var scrollPaddingBottomVar = "var(--o97pud)";
-var scrollPaddingTopVar = "var(--rkhs39)";
+var nestedDialogCountVar$1 = "var(--g47mz9)";
+var scrollPaddingBottomVar = "var(--_1cjmn4s)";
+var scrollPaddingTopVar = "var(--_1chuky8)";
 //#endregion
 //#region src/dialog/DialogContentImpl.tsx
 const DialogContentImpl = (0, react.forwardRef)(({ children, ...props }, outerRef) => {
@@ -728,15 +740,15 @@ var heading = require_Tooltip.recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: {
 		level: {
-			"1": "dbua11",
-			"2": "_9k8dwg",
-			"3": "hd95v",
-			"4": "e94myt"
+			"1": "_1c65m7k",
+			"2": "ug2cf7",
+			"3": "_1e8c3ci",
+			"4": "_13b9lrm"
 		},
 		tracking: {
-			wide: "_1yboija",
-			wider: "ehjzr",
-			widest: "uwdjos"
+			wide: "d403tp",
+			wider: "zvbxrd",
+			widest: "liyebv"
 		}
 	}
 });
@@ -820,14 +832,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" }, "_74fjxo"] });
-var close = require_Tooltip.recipeRuntime({ base: ["_2d3knv"] });
+var actions = require_Tooltip.recipeRuntime({ base: [{ gap: "8" }, "_1bbne09"] });
+var close = require_Tooltip.recipeRuntime({ base: ["sxu0v2"] });
 var description$1 = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_1x01vo3"] });
+}, "_1vpzpim"] });
 var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -837,11 +849,11 @@ var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1cytabl"] });
+}, "qzihu6"] });
 var title$1 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "q2rica"] });
+}, "_1xa4efb"] });
 //#endregion
 //#region src/dialog/DialogHeader.tsx
 /**
@@ -849,8 +861,9 @@ var title$1 = require_Tooltip.recipeRuntime({ base: [{
 */
 const DialogHeader = (0, react.forwardRef)(({ addonAfter, children, className, description, lineClamp, truncate, ...props }, outerRef) => {
 	const { headerRef } = useDialogContext("@optiaxiom/react/DialogHeader");
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(headerRef, outerRef);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Tooltip.Box, {
-		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(headerRef, outerRef),
+		ref,
 		...header$1({}, className),
 		...props,
 		children: [
@@ -980,7 +993,7 @@ AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_141gbfv"
+	true: "subysm"
 } } });
 var content$3 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -988,20 +1001,20 @@ var content$3 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1rfqc3a"],
+	}, "_1m0n4mo"],
 	variants: { size: {
-		sm: "_62wex",
-		md: "_1e4ql7",
-		lg: "hioc3w"
+		sm: "oocz14",
+		md: "_14xq49y",
+		lg: "m0qjsd"
 	} }
 });
-var nestedDialogCountVar = "var(--rbuui5)";
+var nestedDialogCountVar = "var(--_1lhg3p8)";
 var root$4 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_1kq3l73"] });
+}, "_1ahquck"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogContent.tsx
 /**
@@ -1098,7 +1111,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_14vp49s"] });
+}, "_18y1ni6"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogFooter.tsx
 /**
@@ -1124,7 +1137,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_7fvxii"] });
+}, "_1o4dujq"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogHeader.tsx
 /**
@@ -1380,7 +1393,7 @@ var avatar = require_Tooltip.recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_1tvgdba"],
+	}, "exq8r9"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -1396,16 +1409,16 @@ var avatar = require_Tooltip.recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_1rmpxma"],
+			}, "_1xaudeg"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1lvexsq"],
-			sm: [{ size: "sm" }, "_8j00vg"],
-			md: [{ size: "md" }, "_1lb2nho"],
-			lg: [{ size: "lg" }, "cyvulw"],
-			xl: [{ size: "xl" }, "n1i7f8"],
-			"3xl": [{ size: "3xl" }, "athfa6"]
+			}, "_1kfy96l"],
+			sm: [{ size: "sm" }, "bc2lf"],
+			md: [{ size: "md" }, "uh04rn"],
+			lg: [{ size: "lg" }, "_1uxnsx0"],
+			xl: [{ size: "xl" }, "_1ceqxcj"],
+			"3xl": [{ size: "3xl" }, "_1eo3dg8"]
 		}
 	}
 });
@@ -1421,7 +1434,7 @@ var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "_19eltwf"],
+		xs: [{ h: "16" }, "wzfd5k"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },
@@ -1531,19 +1544,19 @@ var separator = require_Tooltip.createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "_1rr3rr",
-						md: "_1jyuqxc",
-						base: "_13y0m1e"
+						sm: "_1w93a8q",
+						md: "j0zld0",
+						base: "iyd9q8"
 					},
-					defaultClass: "_13y0m1e"
+					defaultClass: "iyd9q8"
 				},
 				vertical: {
 					conditions: {
-						sm: "_97wqlh",
-						md: "s9yf10",
-						base: "_1leptn3"
+						sm: "_1qbq4qu",
+						md: "taoymp",
+						base: "k75qko"
 					},
-					defaultClass: "_1leptn3"
+					defaultClass: "k75qko"
 				}
 			},
 			responsiveArray: void 0
@@ -1578,12 +1591,12 @@ Separator.displayName = "@optiaxiom/react/Separator";
 //#region src/cover/Cover.css.ts
 var cover = require_Tooltip.recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1o5fp2u", "_1skddte"],
+		false: ["_6ffwzv", "_97my5k"],
 		true: {}
 	},
 	inset: {
-		false: "g1u9ch",
-		true: "_1cslvzz"
+		false: "_1h0u8vn",
+		true: "_1f7dd42"
 	}
 } });
 //#endregion
@@ -1983,7 +1996,7 @@ var listbox$1 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "2",
 	overflow: "auto"
-}, "_122sdqt"] });
+}, "uxub3f"] });
 //#endregion
 //#region src/listbox/Listbox.tsx
 const Listbox = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -1998,13 +2011,13 @@ Listbox.displayName = "@optiaxiom/react/Listbox";
 //#endregion
 //#region src/toggle-input/ToggleInput.css.ts
 var toggleInput = require_Tooltip.recipeRuntime({ base: [
-	"_1wc0anl",
+	"_1igrvzb",
 	{
 		alignItems: "start",
 		display: "inline-flex",
 		gap: "8"
 	},
-	"_1hb9589"
+	"ykloe6"
 ] });
 //#endregion
 //#region src/toggle-input/ToggleInputContext.ts
@@ -2015,9 +2028,11 @@ const Slot$7 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/ToggleInpu
 const ToggleInput = (0, react.forwardRef)(({ asChild, children, className, onMouseDown, ...props }, ref) => {
 	const Comp = asChild ? Slot$7 : "label";
 	const { boxProps, restProps } = require_Tooltip.extractBoxProps(props);
+	const descriptionId = (0, _radix_ui_react_id.useId)();
+	const labelId = (0, _radix_ui_react_id.useId)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleInputProvider, {
-		descriptionId: (0, _radix_ui_react_id.useId)(),
-		labelId: (0, _radix_ui_react_id.useId)(),
+		descriptionId,
+		labelId,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Group, {
 			asChild: true,
 			...toggleInput({}, className),
@@ -2050,7 +2065,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: ["pel1e5"] });
+var control$3 = require_Tooltip.recipeRuntime({ base: ["umzk4j"] });
 //#endregion
 //#region src/toggle-input/ToggleInputControl.tsx
 const ToggleInputControl = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -2079,7 +2094,7 @@ const ToggleInputDescription = (0, react.forwardRef)(({ children, ...props }, re
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.css.ts
-var className = "qdjoxd";
+var className = "_724933";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.tsx
 const ToggleInputHiddenInput = (0, react.forwardRef)(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
@@ -2130,10 +2145,15 @@ CheckboxContent.displayName = "@optiaxiom/react/CheckboxContent";
 //#endregion
 //#region src/icons/withIcon.tsx
 const withIcon = ({ fill, height = 16, name, viewBox, width = 20 }, children) => {
-	const Icon = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	const Icon = (0, react.forwardRef)(({ style, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 		fill,
 		height,
 		ref,
+		style: {
+			height: rem(`${height}px`),
+			width: rem(`${width}px`),
+			...style
+		},
 		viewBox: viewBox ?? `0 0 ${width} ${height}`,
 		width,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -2174,13 +2194,13 @@ var control$2 = require_Tooltip.recipeRuntime({
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1ndakp5"],
+	}, "vshcja"],
 	variants: { shift: {
 		false: {},
-		true: "uc1oy2"
+		true: "ja6slq"
 	} }
 });
-var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "_1ebmi86"] });
+var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "_1bbz2c0"] });
 var indicator$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",
@@ -2235,7 +2255,8 @@ CheckboxRoot.displayName = "@optiaxiom/react/CheckboxRoot";
 * @category form
 */
 const Checkbox = (0, react.forwardRef)(({ children, description, indeterminate, ...props }, outerRef) => {
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)((0, react.useRef)(null), outerRef);
+	const innerRef = (0, react.useRef)(null);
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CheckboxRoot, {
 		"aria-checked": indeterminate ? "mixed" : void 0,
 		ref,
@@ -2256,7 +2277,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" }, "yo319i"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: [{ display: "inline-flex" }, "_1ytxjx8"] });
 //#endregion
 //#region src/listbox/ListboxItem.css.ts
 var addon$1 = require_Tooltip.recipeRuntime({
@@ -2264,13 +2285,13 @@ var addon$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_8brrrs"],
+	}, "_1g7z51h"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_1m86yyu"] });
+var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "b7qdoi"] });
 var item = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -2279,16 +2300,16 @@ var item = require_Tooltip.recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "e9ved1"],
+	}, "bkn731"],
 	variants: { intent: {
-		danger: "fq2jsg",
-		neutral: "u69pf1"
+		danger: "_1lkuccb",
+		neutral: "_1oif9kb"
 	} }
 });
 var title = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1bk8fhi"] });
+}, "_1qjnkv7"] });
 //#endregion
 //#region src/listbox/ListboxItem.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/ListboxItem");
@@ -2402,10 +2423,10 @@ const [ListboxGroupProvider, useListboxGroupContext] = (0, _radix_ui_react_conte
 //#endregion
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = require_Tooltip.recipeRuntime({
-	base: ["_1ohzqre"],
+	base: ["_6njlhq"],
 	variants: { active: {
 		false: {},
-		true: "_1f9rhi4"
+		true: "_1vrqqsm"
 	} }
 });
 //#endregion
@@ -2430,7 +2451,7 @@ var skeleton = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1nbq8b6"] });
+}, "_14pvxa"] });
 //#endregion
 //#region src/skeleton/Skeleton.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Skeleton");
@@ -2623,19 +2644,19 @@ var control$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "full"
-	}, "_15gjfye"],
+	}, "t2bpr4"],
 	variants: { size: {
-		md: [{ mt: "2" }, "vf7znv"],
-		lg: ["pcro9z"]
+		md: [{ mt: "2" }, "_1t574s2"],
+		lg: ["_18wiz17"]
 	} }
 });
-var input$2 = require_Tooltip.recipeRuntime({ base: "ac2n5s" });
-var root$3 = require_Tooltip.recipeRuntime({ base: ["_1656caj", "_1vg4z45"] });
+var input$2 = require_Tooltip.recipeRuntime({ base: "z1u4p8" });
+var root$3 = require_Tooltip.recipeRuntime({ base: ["q7eng", "wofjr"] });
 var thumb = require_Tooltip.recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "cggoth"] });
+}, "_1o0do9b"] });
 //#endregion
 //#region src/switch/Switch.tsx
 /**
@@ -2707,18 +2728,18 @@ var listbox = require_Tooltip.recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "oyjytv"],
+	}, "cy2q9q"],
 	variants: {
 		maxH: {
-			xs: "_153ge2s",
-			sm: "_11rqjr1",
-			md: "jak8po",
-			lg: "_1wmkbb2",
+			xs: "_10ee4qq",
+			sm: "_12f4b8e",
+			md: "_1x9f4xf",
+			lg: "kg7tn3",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "iyvud3"
+			trigger: "n0gy4o"
 		}
 	}
 });
@@ -2945,7 +2966,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" }, "b5vosx"] });
+var addon = require_Tooltip.recipeRuntime({ base: [{ flex: "none" }, "qmk8xz"] });
 var input$1 = require_Tooltip.recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },
@@ -3001,19 +3022,19 @@ InputAddon.displayName = "@optiaxiom/react/InputAddon";
 //#region src/input/InputControl.css.ts
 var control = require_Tooltip.recipeRuntime({
 	base: [
-		"wrmbla",
+		"hz0tex",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"ljaoaj",
-		"_1pwtq4v"
+		"_174easr",
+		"r9r6x2"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["wla24k"]
+		xl: ["_5r4all"]
 	} }
 });
 //#endregion
@@ -3070,7 +3091,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" }, "_14gi1h3"] });
+var root$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "0" }, "lgone9"] });
 //#endregion
 //#region src/input/InputRoot.tsx
 const InputRoot = (0, react.forwardRef)(({ addonPointerEvents = "auto", children, className, onPointerDown, ...props }, ref) => {
@@ -3196,7 +3217,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" }, "_1t9qop8"] });
+var detail = require_Tooltip.recipeRuntime({ base: [{ color: "fg.secondary" }, "_1m9gx3c"] });
 //#endregion
 //#region src/command/CommandItem.tsx
 const CommandItem = (0, react.forwardRef)(({ asChild, children, index, item, onClick, onMouseLeave, onMouseMove, selected, size, ...props }, outerRef) => {
@@ -3481,9 +3502,10 @@ function Menu({ children, defaultOpen = false, inputValue: inputValueProp, input
 				},
 				onInputValueChange: setInputValue,
 				onSelect: (item, { dismiss }) => {
-					if (typeof item.subOptions === "function" || item.subOptions?.length) if (size === "lg") setActiveItemStack((stack) => [...stack ?? [], item]);
-					else setSubMenuOpen(true);
-					else {
+					if (typeof item.subOptions === "function" || item.subOptions?.length) {
+						if (size === "lg") setActiveItemStack((stack) => [...stack ?? [], item]);
+						else setSubMenuOpen(true);
+					} else {
 						track(item);
 						item.execute?.({
 							dismiss,
@@ -3509,7 +3531,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: "bfiyvh" });
+var content$2 = require_Tooltip.recipeRuntime({ base: "_68xliv" });
 //#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) => {
@@ -3548,7 +3570,7 @@ var input = require_Tooltip.recipeRuntime({ variants: { size: {
 		borderB: "1",
 		borderColor: "border.secondary",
 		rounded: "none"
-	}, "yi8x1n"]
+	}, "_1gjkzmy"]
 } } });
 //#endregion
 //#region src/menu/MenuInput.tsx
@@ -4060,8 +4082,9 @@ const MenuTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy,
 	const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
 	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(outerRef, triggerRef);
 	const id = (0, _radix_ui_react_id.useId)();
+	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
-		"aria-labelledby": useFieldLabelTrigger(triggerRef, ariaLabelledBy),
+		"aria-labelledby": labelId,
 		asChild: true,
 		id,
 		onKeyDown: (event) => {
@@ -4087,10 +4110,10 @@ var content$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		justifyContent: "space-between"
-	}, "_1u6zslu"],
+	}, "_1bsf7fn"],
 	variants: { visible: {
-		always: "mbe3l5",
-		"if-needed": "_3e6r7h"
+		always: "l45klv",
+		"if-needed": "_19a5cfa"
 	} }
 });
 //#endregion
@@ -4106,7 +4129,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: "_1pj2buw" });
+var root = require_Tooltip.recipeRuntime({ base: "pqx9ox" });
 //#endregion
 //#region src/actions/ActionsRoot.tsx
 const ActionsRoot = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -4121,10 +4144,10 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 //#endregion
 //#region src/table/TableHeaderCell.css.ts
 var cell = require_Tooltip.recipeRuntime({
-	base: [{ borderColor: "border.tertiary" }, "lfgllo"],
+	base: [{ borderColor: "border.tertiary" }, "_1u2uo0f"],
 	variants: { pinned: {
-		false: "syj1rj",
-		true: "_1ndr04s"
+		false: "wzvpuy",
+		true: "zj669z"
 	} }
 });
 var content = require_Tooltip.recipeRuntime({ base: [{
@@ -4137,7 +4160,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "vjfu3"] });
+}, "_4hc4ht"] });
 //#endregion
 //#region src/table/TableHeaderCell.tsx
 /**
@@ -4240,12 +4263,12 @@ var button$3 = require_Tooltip.recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "hgdf3x"] });
+}, "y3aie6"] });
 var handle = require_Tooltip.recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1dn09xt"],
+	}, "tsogv8"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -4256,10 +4279,10 @@ var icon = require_Tooltip.recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1eiyli6"],
+	}, "p54ccs"],
 	variants: { active: {
-		false: "kusvl7",
-		true: "rp4jr9"
+		false: "_3ekw7e",
+		true: "_14zvy80"
 	} }
 });
 //#endregion
@@ -4703,6 +4726,7 @@ const SelectTrigger = (0, react.forwardRef)(({ "aria-labelledby": ariaLabelledBy
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popper.PopperAnchor, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+			"data-state": isOpen ? "open" : "closed",
 			ref,
 			...boxProps,
 			...downshift.getToggleButtonProps({
@@ -4886,7 +4910,7 @@ var picker = require_Tooltip.recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "xrwg7z"
+	top: "j6au94"
 } } });
 //#endregion
 //#region src/calendar/CalendarContext.ts
@@ -4962,26 +4986,26 @@ var button$2 = require_Tooltip.recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1hvv7ts"],
+	}, "x6rb4g"],
 	variants: {
 		appearance: {
-			"default": "_1m0bz9f",
-			holiday: [{ color: "fg.error" }, "_6uugw4"],
-			range_middle: "_17qh4ku",
-			selected: ["_19v3ci8"],
-			weekend: [{ color: "fg.tertiary" }, "c42ax1"]
+			"default": "omwglq",
+			holiday: [{ color: "fg.error" }, "ogk6tg"],
+			range_middle: "g3ithy",
+			selected: ["_1dlet3k"],
+			weekend: [{ color: "fg.tertiary" }, "wnhl0l"]
 		},
 		range: {
-			end: ["_19863bg"],
-			middle: ["_7npker"],
-			start: ["tt3r01"]
+			end: ["f4v9dw"],
+			middle: ["p81dwg"],
+			start: ["_1mwf7eb"]
 		}
 	}
 });
 var today = require_Tooltip.recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_19xf7g3"] });
+}, "_1rw23ue"] });
 //#endregion
 //#region src/calendar/CalendarDayButton.tsx
 function CalendarDayButton({ children, className, color: _color, day, disabled, modifiers, ...props }) {
@@ -5034,7 +5058,7 @@ var grid$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_8ds40f"] });
+}, "_40m2g6"] });
 //#endregion
 //#region src/calendar/CalendarGrid.tsx
 const grid = [
@@ -5211,7 +5235,7 @@ CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 var months = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_18ourm2"] });
+}, "_1aznluc"] });
 //#endregion
 //#region src/calendar/CalendarMonths.tsx
 function CalendarMonths({ children, ...props }) {
@@ -5227,7 +5251,7 @@ function CalendarMonths({ children, ...props }) {
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button$1 = require_Tooltip.recipeRuntime({ base: "kwhhei" });
+var button$1 = require_Tooltip.recipeRuntime({ base: "_1xle27a" });
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.tsx
 function CalendarNextMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
@@ -5251,7 +5275,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: "nqgoeu" });
+var button = require_Tooltip.recipeRuntime({ base: "a3hftq" });
 //#endregion
 //#region src/calendar/CalendarPreviousMonthButton.tsx
 function CalendarPreviousMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
@@ -5391,7 +5415,8 @@ const Calendar = (0, react.forwardRef)(({ defaultValue = null, holiday, max, min
 	const placeholderDate = placeholder ? toInstant(placeholder.includes("-") ? placeholder : `${toPlainDate(now)}T${placeholder}`) ?? now : now;
 	const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : placeholderDate, step);
 	const [month, setMonth] = (0, react.useState)(value && typeof value === "object" && "from" in value ? value.from : value instanceof Date ? value : today ?? placeholderDate);
-	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)((0, react.useRef)(null), outerRef);
+	const innerRef = (0, react.useRef)(null);
+	const ref = (0, _radix_ui_react_compose_refs.useComposedRefs)(innerRef, outerRef);
 	const [from, setFrom] = (0, react.useState)();
 	const [to, setTo] = (0, react.useState)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarProvider, {
@@ -5964,12 +5989,24 @@ Object.defineProperty(exports, "fakeRow", {
 		return fakeRow;
 	}
 });
+Object.defineProperty(exports, "mapValues", {
+	enumerable: true,
+	get: function() {
+		return mapValues;
+	}
+});
 Object.defineProperty(exports, "memoize", {
 	enumerable: true,
 	get: function() {
 		return memoize;
 	}
 });
+Object.defineProperty(exports, "rem", {
+	enumerable: true,
+	get: function() {
+		return rem;
+	}
+});
 Object.defineProperty(exports, "resolveItemProperty", {
 	enumerable: true,
 	get: function() {