@optiaxiom/react 3.1.3 → 3.1.5

package/dist/cjs/{Flex-C1Ynqfdr.js → Flex-BqtJGY5A.js}

@@ -1,80 +1,79 @@
 "use client";
-const require_Tooltip = require("./Tooltip-B4Sz2EZv.js");
+const require_Tooltip = require("./Tooltip-Cx1KaPL2.js");
 let _optiaxiom_icons = require("@optiaxiom/icons");
 let react = require("react");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
-require("./assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css");
+require("./assets/layers.css.ts.vanilla-D6pWYGAW.css");
 let clsx = require("clsx");
-clsx = require_Tooltip.__toESM(clsx);
+clsx = require_Tooltip.__toESM(clsx, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _optiaxiom_globals = require("@optiaxiom/globals");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCyZ5u-X.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/src/alert/Alert.css.ts.vanilla-B04igLlM.css");
+require("./assets/Alert.css.ts.vanilla-Btx10Tbl.css");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog);
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
+_radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog, 1);
+require("./assets/ButtonGroup.css.ts.vanilla-DCyZ5u-X.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/src/backdrop/Backdrop.css.ts.vanilla-x2cCe7mI.css");
-require("./assets/src/dialog/DialogContent.css.ts.vanilla-B7_9kp_0.css");
-require("./assets/src/heading/Heading.css.ts.vanilla-BFI9-4hH.css");
+require("./assets/Backdrop.css.ts.vanilla-DPwPWD96.css");
+require("./assets/DialogContent.css.ts.vanilla-EmPhgVn9.css");
+require("./assets/Heading.css.ts.vanilla-BsrMH-FC.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);
-require("./assets/src/dialog/DialogHeader.css.ts.vanilla-D9hJVne_.css");
-require("./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CufqBFUU.css");
-require("./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-D28xhHwx.css");
-require("./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-D2hCn52r.css");
+_radix_ui_react_visually_hidden = require_Tooltip.__toESM(_radix_ui_react_visually_hidden, 1);
+require("./assets/DialogHeader.css.ts.vanilla-BEXX2OX7.css");
+require("./assets/AlertDialogContent.css.ts.vanilla-BcnDpdyU.css");
+require("./assets/AlertDialogFooter.css.ts.vanilla-Dcgpo2b9.css");
+require("./assets/AlertDialogHeader.css.ts.vanilla-lV4LabzG.css");
 let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
-_radix_ui_react_avatar = require_Tooltip.__toESM(_radix_ui_react_avatar);
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
-require("./assets/src/avatar/Avatar.css.ts.vanilla-DqjjG9pU.css");
+_radix_ui_react_avatar = require_Tooltip.__toESM(_radix_ui_react_avatar, 1);
+require("./assets/ButtonGroup.css.ts.vanilla-DCyZ5u-X.css");
+require("./assets/Avatar.css.ts.vanilla-CMDyJDjW.css");
 let _radix_ui_react_separator = require("@radix-ui/react-separator");
-_radix_ui_react_separator = require_Tooltip.__toESM(_radix_ui_react_separator);
-require("./assets/src/separator/Separator.css.ts.vanilla-D4o8yxR-.css");
-require("./assets/src/cover/Cover.css.ts.vanilla-BXCeLX0V.css");
+_radix_ui_react_separator = require_Tooltip.__toESM(_radix_ui_react_separator, 1);
+require("./assets/Separator.css.ts.vanilla-DnZ7SNMx.css");
+require("./assets/Cover.css.ts.vanilla-CsiaUgWW.css");
 let downshift = require("downshift");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
-let _radix_ui_react_popover$1 = require_Tooltip.__toESM(_radix_ui_react_popover, 1);
-_radix_ui_react_popover = require_Tooltip.__toESM(_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);
-require("./assets/src/listbox/Listbox.css.ts.vanilla-sqRx2Ra-.css");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
-require("./assets/src/toggle-input/ToggleInput.css.ts.vanilla-3r8xRmjD.css");
-require("./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-1Q9uQZ3X.css");
-require("./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Ck7HL8Rb.css");
-require("./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-4x0EqNnb.css");
-require("./assets/src/listbox/ListboxItem.css.ts.vanilla-BNyDj7xv.css");
-require("./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-9iOVE9Rs.css");
-require("./assets/src/skeleton/Skeleton.css.ts.vanilla-CXcNmTMN.css");
+_radix_ui_react_popper = require_Tooltip.__toESM(_radix_ui_react_popper, 1);
+require("./assets/Listbox.css.ts.vanilla-C_1OY8u0.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCyZ5u-X.css");
+require("./assets/ToggleInput.css.ts.vanilla-Xel8LUjX.css");
+require("./assets/ToggleInputControl.css.ts.vanilla-DPB0wSkj.css");
+require("./assets/CheckboxControl.css.ts.vanilla-CJjoFlRk.css");
+require("./assets/ListboxCheckboxItem.css.ts.vanilla-CbjVdfPl.css");
+require("./assets/ListboxItem.css.ts.vanilla-RmMVwA2V.css");
+require("./assets/ListboxItemIndicator.css.ts.vanilla-Bv6iS_ke.css");
+require("./assets/Skeleton.css.ts.vanilla-C6QpSNCJ.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/src/switch/Switch.css.ts.vanilla-6qNRwuuJ.css");
-require("./assets/src/modal/ModalListbox.css.ts.vanilla-BG_T4PQE.css");
-require("./assets/src/input/Input.css.ts.vanilla-DI-3WX-r.css");
-require("./assets/src/input/InputControl.css.ts.vanilla-KWiBZwv2.css");
-require("./assets/src/input/InputRoot.css.ts.vanilla-Dtsq008L.css");
-require("./assets/src/command/CommandItem.css.ts.vanilla-CpvKc_ps.css");
-require("./assets/src/menu/MenuDialogContent.css.ts.vanilla-asUo3pHL.css");
-require("./assets/src/menu/MenuInput.css.ts.vanilla-PvUbwfsL.css");
+require("./assets/Switch.css.ts.vanilla-DRBHUTHs.css");
+require("./assets/ModalListbox.css.ts.vanilla-BUr7lFa1.css");
+require("./assets/Input.css.ts.vanilla-CunoLMbr.css");
+require("./assets/InputControl.css.ts.vanilla-CRXf0FDX.css");
+require("./assets/InputRoot.css.ts.vanilla-Dy_DyE8u.css");
+require("./assets/CommandItem.css.ts.vanilla-CF0vc3wX.css");
+require("./assets/MenuDialogContent.css.ts.vanilla-BTD1EX_J.css");
+require("./assets/MenuInput.css.ts.vanilla-ee1ubd8A.css");
 let react_remove_scroll = require("react-remove-scroll");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-BGcUazpt.css");
-require("./assets/src/actions/ActionsContent.css.ts.vanilla-B3Wjt_Yd.css");
-require("./assets/src/table/TableHeaderCell.css.ts.vanilla-cdI1czut.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCyZ5u-X.css");
+require("./assets/ActionsContent.css.ts.vanilla-vfuf9Oyd.css");
+require("./assets/TableHeaderCell.css.ts.vanilla-DgRWphRL.css");
 require("@tanstack/react-table");
-require("./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Dt1Rwub3.css");
+require("./assets/DataTableHeaderCell.css.ts.vanilla-CNIkrzYi.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/src/calendar/Calendar.css.ts.vanilla-ZQiB3lWJ.css");
-require("./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Dmx9acnJ.css");
-require("./assets/src/calendar/CalendarGrid.css.ts.vanilla-DhiG6Dms.css");
-require("./assets/src/calendar/CalendarMonths.css.ts.vanilla-Dkk4Y7HL.css");
-require("./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Bnr2MFZD.css");
-require("./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-ZAMzMAHR.css");
+require("./assets/Calendar.css.ts.vanilla-pkYdqi0X.css");
+require("./assets/CalendarDayButton.css.ts.vanilla-_WoLIB1G.css");
+require("./assets/CalendarGrid.css.ts.vanilla-tNsxgtDf.css");
+require("./assets/CalendarMonths.css.ts.vanilla-Bc0cX7FA.css");
+require("./assets/CalendarNextMonthButton.css.ts.vanilla-CqmGm8wl.css");
+require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-3r0igJRe.css");
 //#region src/utils/mapValues.ts
 const mapValues = (obj, valueFn, keyFn = (key) => key) => {
 	const result = {};
@@ -247,7 +246,7 @@ var content$5 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_1kxj024"] });
+}, "_1wzz8c5"] });
 var icon$3 = require_Tooltip.recipeRuntime({
 	base: [{ mt: "2" }],
 	variants: { intent: {
@@ -550,7 +549,7 @@ DialogClose.displayName = "@optiaxiom/react/DialogClose";
 var backdrop$2 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "_1mqj02k"] });
+}, "_1jgbeyq"] });
 //#endregion
 //#region src/backdrop/Backdrop.tsx
 const Backdrop = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Box, {
@@ -602,7 +601,7 @@ var DialogContent_css_exports = /* @__PURE__ */ require_Tooltip.__exportAll({
 });
 var backdrop$1 = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_1cpy1hq"
+	true: "_1nrzxdr"
 } } });
 var content$4 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -610,17 +609,17 @@ var content$4 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "vxalum"],
+	}, "f47uid"],
 	variants: { size: {
-		sm: "dk4iii",
-		md: "_1w126yi",
-		lg: "_18g6sb0",
-		fullscreen: "_1pm6una"
+		sm: "_6hmwsa",
+		md: "_1ag8g2l",
+		lg: "_11qzs5l",
+		fullscreen: "_1j89izu"
 	} }
 });
-var nestedDialogCountVar$1 = "var(--_1y7vpce)";
-var scrollPaddingBottomVar = "var(--_1aaqwk7)";
-var scrollPaddingTopVar = "var(--xr4r5y)";
+var nestedDialogCountVar$1 = "var(--bze6rs)";
+var scrollPaddingBottomVar = "var(--_1xinbx3)";
+var scrollPaddingTopVar = "var(--_1ee6z02)";
 //#endregion
 //#region src/dialog/DialogContentImpl.tsx
 const DialogContentImpl = (0, react.forwardRef)(({ children, ...props }, outerRef) => {
@@ -728,9 +727,9 @@ DialogContent.displayName = "@optiaxiom/react/DialogContent";
 var heading = require_Tooltip.recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: { tracking: {
-		wide: "_1yhan4k",
-		wider: "_1gyam81",
-		widest: "gfkgd"
+		wide: "wod2q2",
+		wider: "_1jze9az",
+		widest: "_1rp8em4"
 	} }
 });
 //#endregion
@@ -817,14 +816,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" }, "btbwxy"] });
-var close = require_Tooltip.recipeRuntime({ base: ["jzhfna"] });
+var actions = require_Tooltip.recipeRuntime({ base: [{ gap: "8" }, "_6y60j8"] });
+var close = require_Tooltip.recipeRuntime({ base: ["_1vu57lb"] });
 var description$1 = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_1ww2vbx"] });
+}, "_1od9duq"] });
 var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.default",
 	display: "flex",
@@ -833,11 +832,11 @@ var header$1 = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_193y9w6"] });
+}, "i6e6go"] });
 var title$1 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_1nznm0m"] });
+}, "ph7k9r"] });
 //#endregion
 //#region src/dialog/DialogHeader.tsx
 /**
@@ -976,7 +975,7 @@ AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = require_Tooltip.recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "b8kxxi"
+	true: "wmoex9"
 } } });
 var content$3 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -984,20 +983,20 @@ var content$3 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "zcm9rx"],
+	}, "_1kpyv4f"],
 	variants: { size: {
-		sm: "nr8gjs",
-		md: "zk69y0",
-		lg: "_2kavze"
+		sm: "aoj0vv",
+		md: "wi3kdf",
+		lg: "ksjkwp"
 	} }
 });
-var nestedDialogCountVar = "var(--_1xkr8e)";
+var nestedDialogCountVar = "var(--hsdbwn)";
 var root$4 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_1pr059r"] });
+}, "qefeni"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogContent.tsx
 /**
@@ -1094,7 +1093,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_1p99onh"] });
+}, "uzqii3"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogFooter.tsx
 /**
@@ -1120,7 +1119,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1pu5h2p"] });
+}, "_1k3peer"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogHeader.tsx
 /**
@@ -1166,8 +1165,8 @@ const AngleMenuButton = (0, react.forwardRef)(({ children, ...props }, ref) => {
 });
 AngleMenuButton.displayName = "@optiaxiom/react/AngleMenuButton";
 //#endregion
-//#region src/hooks/useEffectEvent.ts
-function useEffectEvent(callback) {
+//#region src/hooks/useEvent.ts
+function useEvent(callback) {
 	const callbackRef = (0, react.useRef)(callback);
 	(0, react.useEffect)(() => {
 		callbackRef.current = callback;
@@ -1376,7 +1375,7 @@ var avatar = require_Tooltip.recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_1sjjzjz"],
+	}, "_1akjdw7"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -1392,16 +1391,16 @@ var avatar = require_Tooltip.recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "o6yr40"],
+			}, "_1xjtbr0"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1p5u5xj"],
-			sm: [{ size: "sm" }, "_1evn10a"],
-			md: [{ size: "md" }, "_1ckn81s"],
-			lg: [{ size: "lg" }, "umvpnq"],
-			xl: [{ size: "xl" }, "_1ykgdlv"],
-			"3xl": [{ size: "3xl" }, "fixhrl"]
+			}, "_1xmfj9n"],
+			sm: [{ size: "sm" }, "tcz8iv"],
+			md: [{ size: "md" }, "_1l8bsi"],
+			lg: [{ size: "lg" }, "_5qae2z"],
+			xl: [{ size: "xl" }, "_13r8zwv"],
+			"3xl": [{ size: "3xl" }, "_1wo2atk"]
 		}
 	}
 });
@@ -1417,7 +1416,7 @@ var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "_1jyuuhg"],
+		xs: [{ h: "16" }, "_18r8ve2"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },
@@ -1527,19 +1526,19 @@ var separator = require_Tooltip.createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "m7rk8v",
-						md: "vxzhly",
-						base: "_1rhvjf3"
+						sm: "_11qnng3",
+						md: "z93v9f",
+						base: "_1d1z9g6"
 					},
-					defaultClass: "_1rhvjf3"
+					defaultClass: "_1d1z9g6"
 				},
 				vertical: {
 					conditions: {
-						sm: "mesjj6",
-						md: "_1v9qpvr",
-						base: "k1k49s"
+						sm: "_62kndh",
+						md: "pblsnc",
+						base: "xhuboy"
 					},
-					defaultClass: "k1k49s"
+					defaultClass: "xhuboy"
 				}
 			},
 			responsiveArray: void 0
@@ -1574,12 +1573,12 @@ Separator.displayName = "@optiaxiom/react/Separator";
 //#region src/cover/Cover.css.ts
 var cover = require_Tooltip.recipeRuntime({ variants: {
 	disabled: {
-		false: ["bfmdi1", "_13booy3"],
+		false: ["v8vf9k", "_1jikv3w"],
 		true: {}
 	},
 	inset: {
-		false: "ti3arc",
-		true: "_117116b"
+		false: "_1dq38b3",
+		true: "_1ohbuia"
 	}
 } });
 //#endregion
@@ -1608,11 +1607,11 @@ function useHighlightedIndex(open, getInitialHighlightedIndex = () => -1) {
 	* Since we manually track highlightedIndex we need to reset it whenever
 	* the menu is closed or the open state changes.
 	*/
-	const getInitialHighlightedIndexStable = useEffectEvent(getInitialHighlightedIndex);
+	const getInitialHighlightedIndexStable = useEvent(getInitialHighlightedIndex);
 	(0, react.useEffect)(() => {
 		if (!open) setHighlightedIndex(-1);
 		else if (open) setHighlightedIndex(getInitialHighlightedIndexStable);
-	}, [open]);
+	}, [open, getInitialHighlightedIndexStable]);
 	return [highlightedIndex === -1 ? getInitialHighlightedIndex() : highlightedIndex, setHighlightedIndex];
 }
 //#endregion
@@ -1716,7 +1715,7 @@ function score(item, inputValue) {
 //#endregion
 //#region src/command/useCommandItems.ts
 const useCommandItems = ({ inputValue, options }) => {
-	const filterFn = useEffectEvent((item, inputValue) => {
+	const filterFn = useEvent((item, inputValue) => {
 		const string = resolveItemProperty$1(item.label, { inputValue }).normalize();
 		return "visible" in item ? resolveItemProperty$1(item.visible, { inputValue }) : inputValue ? fuzzysearch(string, inputValue) || item.keywords && fuzzysearch(item.keywords, inputValue) : true;
 	});
@@ -1760,7 +1759,8 @@ const useCommandItems = ({ inputValue, options }) => {
 		options,
 		inputValue,
 		suggestions,
-		surface?.path
+		surface?.path,
+		filterFn
 	]);
 };
 //#endregion
@@ -1861,10 +1861,10 @@ function SuggestionAlert({ ...props }) {
 	const messageSuggestions = useSuggestions("property", "message");
 	const valueSuggestions = useSuggestions("property", "value");
 	const [isExecuting, setIsExecuting] = (0, react.useState)(false);
-	const register = useEffectEvent(surface?.suggestionAlert.register ?? (() => {}));
+	const register = useEvent(surface?.suggestionAlert.register ?? (() => {}));
 	(0, react.useEffect)(() => {
 		return register();
-	}, []);
+	}, [register]);
 	const messageSuggestion = messageSuggestions?.[0];
 	const valueSuggestion = !hasPopover ? valueSuggestions?.find((s) => s.value !== surface?.value) : void 0;
 	const suggestion = messageSuggestion ?? valueSuggestion;
@@ -1911,7 +1911,7 @@ SuggestionAlert.displayName = "@optiaxiom/react/SuggestionAlert";
 const [PopoverProvider, usePopoverContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Popover");
 //#endregion
 //#region src/popover/usePopoverScope.ts
-const usePopoverScope = _radix_ui_react_popover$1.createPopoverScope();
+const usePopoverScope = _radix_ui_react_popover.createPopoverScope();
 //#endregion
 //#region src/popover/Popover.tsx
 /**
@@ -1978,7 +1978,7 @@ var listbox$1 = require_Tooltip.recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "2",
 	overflow: "auto"
-}, "lldav"] });
+}, "_1fzhgtn"] });
 //#endregion
 //#region src/listbox/Listbox.tsx
 const Listbox = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -1993,13 +1993,13 @@ Listbox.displayName = "@optiaxiom/react/Listbox";
 //#endregion
 //#region src/toggle-input/ToggleInput.css.ts
 var toggleInput = require_Tooltip.recipeRuntime({ base: [
-	"aouata",
+	"rc6uiu",
 	{
 		alignItems: "start",
 		display: "inline-flex",
 		gap: "8"
 	},
-	"_15g1yx8"
+	"_1tqzzvr"
 ] });
 //#endregion
 //#region src/toggle-input/ToggleInputContext.ts
@@ -2045,7 +2045,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: ["_8oz9zs"] });
+var control$3 = require_Tooltip.recipeRuntime({ base: ["_1ukedum"] });
 //#endregion
 //#region src/toggle-input/ToggleInputControl.tsx
 const ToggleInputControl = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -2074,7 +2074,7 @@ const ToggleInputDescription = (0, react.forwardRef)(({ children, ...props }, re
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.css.ts
-var className = "_1pxqxwp";
+var className = "_1pkkl48";
 //#endregion
 //#region src/toggle-input/ToggleInputHiddenInput.tsx
 const ToggleInputHiddenInput = (0, react.forwardRef)(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
@@ -2169,13 +2169,13 @@ var control$2 = require_Tooltip.recipeRuntime({
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1qnp5vx"],
+	}, "ylrvr8"],
 	variants: { shift: {
 		false: {},
-		true: "_8f8jeo"
+		true: "_1gd6ek7"
 	} }
 });
-var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "_180ffrp"] });
+var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "_19ojl2b"] });
 var indicator$1 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",
@@ -2251,7 +2251,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" }, "d3gh7g"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: [{ display: "inline-flex" }, "_1j177ir"] });
 //#endregion
 //#region src/listbox/ListboxItem.css.ts
 var addon$1 = require_Tooltip.recipeRuntime({
@@ -2259,13 +2259,13 @@ var addon$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_1lbu736"],
+	}, "_1de9dt2"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "hihspz"] });
+var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_1vgmfse"] });
 var item = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -2274,16 +2274,16 @@ var item = require_Tooltip.recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1hl65l5"],
+	}, "_1iovme8"],
 	variants: { intent: {
-		danger: "_177j16d",
-		neutral: "_1044ge9"
+		danger: "_12gjvcx",
+		neutral: "_17drjaq"
 	} }
 });
 var title = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "s57yil"] });
+}, "_2hrf34"] });
 //#endregion
 //#region src/listbox/ListboxItem.tsx
 const Slot$6 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/ListboxItem");
@@ -2397,10 +2397,10 @@ const [ListboxGroupProvider, useListboxGroupContext] = (0, _radix_ui_react_conte
 //#endregion
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = require_Tooltip.recipeRuntime({
-	base: ["glydix"],
+	base: ["_4by9wt"],
 	variants: { active: {
 		false: {},
-		true: "iuwgaw"
+		true: "b93v6q"
 	} }
 });
 //#endregion
@@ -2425,7 +2425,7 @@ var skeleton = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "mwj16b"] });
+}, "co7tcm"] });
 //#endregion
 //#region src/skeleton/Skeleton.tsx
 const Slot$5 = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/Skeleton");
@@ -2527,7 +2527,7 @@ const VIRTUALIZE_THRESHOLD = 50;
 * @group Listbox
 */
 const ListboxItemized = (0, react.forwardRef)(({ children, empty = "No results found.", highlightedItem, items, itemToKey, loading, onPlacedChange, ...props }, ref) => {
-	const onPlacedChangeStable = useEffectEvent(onPlacedChange ?? (() => {}));
+	const onPlacedChangeStable = useEvent(onPlacedChange ?? (() => {}));
 	(0, react.useEffect)(() => {
 		/**
 		* We wait for first paint to render the menu and then another paint for
@@ -2536,7 +2536,7 @@ const ListboxItemized = (0, react.forwardRef)(({ children, empty = "No results f
 		*/
 		requestAnimationFrame(() => requestAnimationFrame(() => onPlacedChangeStable(true)));
 		return () => onPlacedChangeStable(false);
-	}, []);
+	}, [onPlacedChangeStable]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Listbox, {
 		asChild: typeof children === "function" && items.length > VIRTUALIZE_THRESHOLD,
 		ref,
@@ -2618,19 +2618,19 @@ var control$1 = require_Tooltip.recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "full"
-	}, "_177khgm"],
+	}, "yd4ncr"],
 	variants: { size: {
-		md: [{ mt: "2" }, "_1pqj64z"],
-		lg: ["jrhewi"]
+		md: [{ mt: "2" }, "f5uubf"],
+		lg: ["o30vfb"]
 	} }
 });
-var input$2 = require_Tooltip.recipeRuntime({ base: "_1ximbvr" });
-var root$3 = require_Tooltip.recipeRuntime({ base: ["_1tkotmg", "_1p73sno"] });
+var input$2 = require_Tooltip.recipeRuntime({ base: "o306md" });
+var root$3 = require_Tooltip.recipeRuntime({ base: ["_1pt6n4f", "b1woaa"] });
 var thumb = require_Tooltip.recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "_15jtnm2"] });
+}, "_89kcz3"] });
 //#endregion
 //#region src/switch/Switch.tsx
 /**
@@ -2702,18 +2702,18 @@ var listbox = require_Tooltip.recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1cqm246"],
+	}, "_1kyxvho"],
 	variants: {
 		maxH: {
-			xs: "_1fjtwd3",
-			sm: "_1w3iaob",
-			md: "e1dknn",
-			lg: "_4exojk",
+			xs: "_1jfqndf",
+			sm: "_35rzwq",
+			md: "_1dno5pz",
+			lg: "_1hw28pg",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_1yj0jc8"
+			trigger: "_1gnrvk5"
 		}
 	}
 });
@@ -2832,10 +2832,10 @@ PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
 //#region src/suggestion/SuggestionAutoPopover.tsx
 const SuggestionAutoPopover = (0, react.forwardRef)((props, ref) => {
 	const surface = require_Tooltip.useSurface("property");
-	const register = useEffectEvent(surface?.suggestionPopover.register ?? (() => {}));
+	const register = useEvent(surface?.suggestionPopover.register ?? (() => {}));
 	(0, react.useEffect)(() => {
 		return register();
-	}, []);
+	}, [register]);
 	const suggestion = useSuggestions("property", "value")?.find((s) => s.value !== surface?.value);
 	if (!suggestion || !surface) return null;
 	const text = surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
@@ -2886,20 +2886,20 @@ SuggestionAutoPopover.displayName = "@optiaxiom/react/SuggestionAutoPopover";
 //#region src/suggestion/SuggestionManualTrigger.tsx
 const SuggestionManualTrigger = (0, react.forwardRef)((props, ref) => {
 	const surface = require_Tooltip.useSurface("property");
-	const register = useEffectEvent(surface?.suggestionPopover.register ?? (() => {}));
+	const register = useEvent(surface?.suggestionPopover.register ?? (() => {}));
 	(0, react.useEffect)(() => {
 		return register();
-	}, []);
+	}, [register]);
 	const [pending, setPending] = (0, react.useState)(false);
 	const suggestion = useSuggestions("property", "value")?.[0];
-	const acceptSuggestion = useEffectEvent(() => {
+	const acceptSuggestion = useEvent(() => {
 		if (!suggestion) return;
 		surface?.accept(suggestion.id);
 		setPending(false);
 	});
 	(0, react.useEffect)(() => {
 		acceptSuggestion();
-	}, [suggestion?.id]);
+	}, [suggestion?.id, acceptSuggestion]);
 	if (!surface) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Button, {
 		appearance: "subtle",
@@ -2940,7 +2940,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" }, "en48k7"] });
+var addon = require_Tooltip.recipeRuntime({ base: [{ flex: "none" }, "_1b4j6t2"] });
 var input$1 = require_Tooltip.recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },
@@ -2996,19 +2996,19 @@ InputAddon.displayName = "@optiaxiom/react/InputAddon";
 //#region src/input/InputControl.css.ts
 var control = require_Tooltip.recipeRuntime({
 	base: [
-		"_1v3v4dt",
+		"ke5mcb",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"_1ycg9x9",
-		"_1c4rl47"
+		"_119lvr8",
+		"_1obx86"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1cnma9z"]
+		xl: ["_33n8u2"]
 	} }
 });
 //#endregion
@@ -3065,7 +3065,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" }, "_14pe6fh"] });
+var root$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "0" }, "lnslx2"] });
 //#endregion
 //#region src/input/InputRoot.tsx
 const InputRoot = (0, react.forwardRef)(({ addonPointerEvents = "auto", children, className, onPointerDown, ...props }, ref) => {
@@ -3139,10 +3139,10 @@ Input.displayName = "@optiaxiom/react/Input";
 //#region src/command/CommandInput.tsx
 const CommandInput = (0, react.forwardRef)(({ onBlur, onKeyDown, size, ...props }, ref) => {
 	const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
-	const setInputValueStable = useEffectEvent(setInputValue);
+	const setInputValueStable = useEvent(setInputValue);
 	(0, react.useEffect)(() => {
 		setInputValueStable("");
-	}, []);
+	}, [setInputValueStable]);
 	const preventDownshiftBlurRef = (0, react.useRef)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_globals.unstable_SurfaceProvider, {
 		disabled: true,
@@ -3191,7 +3191,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" }, "_1abi100"] });
+var detail = require_Tooltip.recipeRuntime({ base: [{ color: "fg.secondary" }, "_1wyjq1e"] });
 //#endregion
 //#region src/command/CommandItem.tsx
 const CommandItem = (0, react.forwardRef)(({ asChild, children, index, item, onClick, onMouseLeave, onMouseMove, selected, size, ...props }, outerRef) => {
@@ -3504,7 +3504,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: "_1rfonrv" });
+var content$2 = require_Tooltip.recipeRuntime({ base: "qfgydj" });
 //#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) => {
@@ -3543,7 +3543,7 @@ var input = require_Tooltip.recipeRuntime({ variants: { size: {
 		borderB: "1",
 		borderColor: "border.secondary",
 		rounded: "none"
-	}, "jvwkf4"]
+	}, "_18qklp8"]
 } } });
 //#endregion
 //#region src/menu/MenuInput.tsx
@@ -3955,7 +3955,10 @@ const MenuPopoverContent = (0, react.forwardRef)(({ align, "aria-label": ariaLab
 	const [resolvedAlign, setResolvedAlign] = (0, react.useState)(align);
 	(0, react.useLayoutEffect)(() => {
 		const rect = triggerRef.current?.getBoundingClientRect();
-		if (rect) setResolvedAlign(rect.left + rect.width / 2 > window.innerWidth * .75 ? "end" : "start");
+		if (rect) {
+			const center = rect.left + rect.width / 2;
+			setResolvedAlign(center > window.innerWidth * .75 ? "end" : "start");
+		}
 	}, [align, triggerRef]);
 	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverContent, {
 		align: align ?? resolvedAlign,
@@ -4079,10 +4082,10 @@ var content$1 = require_Tooltip.recipeRuntime({
 		alignItems: "center",
 		display: "flex",
 		justifyContent: "space-between"
-	}, "ke2r51"],
+	}, "_1b0e98d"],
 	variants: { visible: {
-		always: "_2fb8co",
-		"if-needed": "_15ia1w1"
+		always: "z24dhv",
+		"if-needed": "_1www58l"
 	} }
 });
 //#endregion
@@ -4098,7 +4101,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: "_1j8nzz5" });
+var root = require_Tooltip.recipeRuntime({ base: "kzwj1j" });
 //#endregion
 //#region src/actions/ActionsRoot.tsx
 const ActionsRoot = (0, react.forwardRef)(({ children, className, ...props }, ref) => {
@@ -4113,10 +4116,10 @@ ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 //#endregion
 //#region src/table/TableHeaderCell.css.ts
 var cell = require_Tooltip.recipeRuntime({
-	base: [{ borderColor: "border.tertiary" }, "_1fbf371"],
+	base: [{ borderColor: "border.tertiary" }, "_1yrg6sz"],
 	variants: { pinned: {
-		false: "hjjtzy",
-		true: "jz2si"
+		false: "lgsw24",
+		true: "_1daov6t"
 	} }
 });
 var content = require_Tooltip.recipeRuntime({ base: [{
@@ -4129,7 +4132,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "_1vezb3v"] });
+}, "op9c89"] });
 //#endregion
 //#region src/table/TableHeaderCell.tsx
 /**
@@ -4232,12 +4235,12 @@ var button$3 = require_Tooltip.recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "_1qlqy6k"] });
+}, "flsszx"] });
 var handle = require_Tooltip.recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_7acfjw"],
+	}, "gx8t7"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -4248,10 +4251,10 @@ var icon = require_Tooltip.recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1mkvem7"],
+	}, "_14ldwv5"],
 	variants: { active: {
-		false: "_1ca9s0g",
-		true: "a85h1"
+		false: "_1sqs1xj",
+		true: "_1van552"
 	} }
 });
 //#endregion
@@ -4878,7 +4881,7 @@ var picker = require_Tooltip.recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "_1nspi3x"
+	top: "tm52vn"
 } } });
 //#endregion
 //#region src/calendar/CalendarContext.ts
@@ -4954,26 +4957,26 @@ var button$2 = require_Tooltip.recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1pu91lu"],
+	}, "_60zni1"],
 	variants: {
 		appearance: {
-			"default": "_1o884c2",
-			holiday: [{ color: "fg.error" }, "_1oelz6w"],
-			range_middle: "bxquxo",
-			selected: ["_1uie7ce"],
-			weekend: [{ color: "fg.tertiary" }, "w7hy0o"]
+			"default": "_1tgo7wi",
+			holiday: [{ color: "fg.error" }, "_1tpwast"],
+			range_middle: "_1vxdm43",
+			selected: ["_1lnfnwx"],
+			weekend: [{ color: "fg.tertiary" }, "_11rb2tg"]
 		},
 		range: {
-			end: ["_1rpz7pj"],
-			middle: ["_1ipzhq5"],
-			start: ["_1ep3umq"]
+			end: ["_8fhkdm"],
+			middle: ["_1bfh5dn"],
+			start: ["_1surksd"]
 		}
 	}
 });
 var today = require_Tooltip.recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_1j6sykt"] });
+}, "nbihr8"] });
 //#endregion
 //#region src/calendar/CalendarDayButton.tsx
 function CalendarDayButton({ children, className, color: _color, day, disabled, modifiers, ...props }) {
@@ -5026,7 +5029,7 @@ var grid$1 = require_Tooltip.recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_18hu68c"] });
+}, "ug2q7j"] });
 //#endregion
 //#region src/calendar/CalendarGrid.tsx
 const grid = [
@@ -5203,7 +5206,7 @@ CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 var months = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1505frq"] });
+}, "_1l8xvkx"] });
 //#endregion
 //#region src/calendar/CalendarMonths.tsx
 function CalendarMonths({ children, ...props }) {
@@ -5219,7 +5222,7 @@ function CalendarMonths({ children, ...props }) {
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button$1 = require_Tooltip.recipeRuntime({ base: "snf1e8" });
+var button$1 = require_Tooltip.recipeRuntime({ base: "q9s62o" });
 //#endregion
 //#region src/calendar/CalendarNextMonthButton.tsx
 function CalendarNextMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
@@ -5243,7 +5246,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: "vuur36" });
+var button = require_Tooltip.recipeRuntime({ base: "lerbw1" });
 //#endregion
 //#region src/calendar/CalendarPreviousMonthButton.tsx
 function CalendarPreviousMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
@@ -6016,10 +6019,10 @@ Object.defineProperty(exports, "useDialogContext", {
 		return useDialogContext;
 	}
 });
-Object.defineProperty(exports, "useEffectEvent", {
+Object.defineProperty(exports, "useEvent", {
 	enumerable: true,
 	get: function() {
-		return useEffectEvent;
+		return useEvent;
 	}
 });
 Object.defineProperty(exports, "useFieldContext", {