@optiaxiom/react 3.1.4 → 3.1.6

package/dist/cjs/{Flex-C6f77Ans.js → Flex-CmYgmUzA.js}

@@ -1,80 +1,79 @@
 "use client";
-const require_Tooltip = require("./Tooltip-CXYqLV7q.js");
+const require_Tooltip = require("./Tooltip-D7Fov-J3.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-DNNVsHsw.css");
+require("./assets/layers.css.ts.vanilla-DAV8xjBt.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-CJL-qkFk.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.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-BiiG3OB9.css");
+require("./assets/Alert.css.ts.vanilla-BPjaB4wL.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-CJL-qkFk.css");
+_radix_ui_react_dialog = require_Tooltip.__toESM(_radix_ui_react_dialog, 1);
+require("./assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.css");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
-require("./assets/src/backdrop/Backdrop.css.ts.vanilla-BpqS2MO4.css");
-require("./assets/src/dialog/DialogContent.css.ts.vanilla-DXiIC2ma.css");
-require("./assets/src/heading/Heading.css.ts.vanilla-Du-eXDKs.css");
+require("./assets/Backdrop.css.ts.vanilla-gWWB6aHJ.css");
+require("./assets/DialogContent.css.ts.vanilla-DmgUF1AH.css");
+require("./assets/Heading.css.ts.vanilla-CVAGrbC0.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-CLpN32wV.css");
-require("./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DdUmxuYf.css");
-require("./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BiURi0Zy.css");
-require("./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Cb2MGIbj.css");
+_radix_ui_react_visually_hidden = require_Tooltip.__toESM(_radix_ui_react_visually_hidden, 1);
+require("./assets/DialogHeader.css.ts.vanilla-CMfoSYso.css");
+require("./assets/AlertDialogContent.css.ts.vanilla-DarTD-R6.css");
+require("./assets/AlertDialogFooter.css.ts.vanilla-BzcFOCFC.css");
+require("./assets/AlertDialogHeader.css.ts.vanilla-C1UJNvAL.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-CJL-qkFk.css");
-require("./assets/src/avatar/Avatar.css.ts.vanilla-D6n_tQV1.css");
+_radix_ui_react_avatar = require_Tooltip.__toESM(_radix_ui_react_avatar, 1);
+require("./assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.css");
+require("./assets/Avatar.css.ts.vanilla-BBnPM9m9.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-BgN1b3jH.css");
-require("./assets/src/cover/Cover.css.ts.vanilla-CgkKmdkJ.css");
+_radix_ui_react_separator = require_Tooltip.__toESM(_radix_ui_react_separator, 1);
+require("./assets/Separator.css.ts.vanilla-0Fleuf8E.css");
+require("./assets/Cover.css.ts.vanilla-Dx5ihz4f.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-BK364y0b.css");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-CJL-qkFk.css");
-require("./assets/src/toggle-input/ToggleInput.css.ts.vanilla-dT9wEi4I.css");
-require("./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-nrDP4yfv.css");
-require("./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DZYHQ8vh.css");
-require("./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DzyTK3HD.css");
-require("./assets/src/listbox/ListboxItem.css.ts.vanilla-CHW-H2Gi.css");
-require("./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DL2bTfyN.css");
-require("./assets/src/skeleton/Skeleton.css.ts.vanilla-Dn_WV0X2.css");
+_radix_ui_react_popper = require_Tooltip.__toESM(_radix_ui_react_popper, 1);
+require("./assets/Listbox.css.ts.vanilla-B7eBZ6ub.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.css");
+require("./assets/ToggleInput.css.ts.vanilla-BFZSzFUm.css");
+require("./assets/ToggleInputControl.css.ts.vanilla-DcMgrz9Q.css");
+require("./assets/CheckboxControl.css.ts.vanilla-Bo2NEEPf.css");
+require("./assets/ListboxCheckboxItem.css.ts.vanilla-vbWZxsHd.css");
+require("./assets/ListboxItem.css.ts.vanilla-BRBfUR7z.css");
+require("./assets/ListboxItemIndicator.css.ts.vanilla-DpaiwV8M.css");
+require("./assets/Skeleton.css.ts.vanilla-Chz21NIY.css");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-require("./assets/src/switch/Switch.css.ts.vanilla-Bw65GaIn.css");
-require("./assets/src/modal/ModalListbox.css.ts.vanilla-ChSoFqrn.css");
-require("./assets/src/input/Input.css.ts.vanilla-D6h0Ruyb.css");
-require("./assets/src/input/InputControl.css.ts.vanilla-COsQMWao.css");
-require("./assets/src/input/InputRoot.css.ts.vanilla-DDZ3d481.css");
-require("./assets/src/command/CommandItem.css.ts.vanilla-D5cq5AY_.css");
-require("./assets/src/menu/MenuDialogContent.css.ts.vanilla-CdDXnsm_.css");
-require("./assets/src/menu/MenuInput.css.ts.vanilla-BpqsHFry.css");
+require("./assets/Switch.css.ts.vanilla-GJrFIUMN.css");
+require("./assets/ModalListbox.css.ts.vanilla-Bt5EsVWT.css");
+require("./assets/Input.css.ts.vanilla-Bow7lvin.css");
+require("./assets/InputControl.css.ts.vanilla-BcfNkMom.css");
+require("./assets/InputRoot.css.ts.vanilla-B8Rshe7W.css");
+require("./assets/CommandItem.css.ts.vanilla-BoOSPl4f.css");
+require("./assets/MenuDialogContent.css.ts.vanilla-DECQ-iyn.css");
+require("./assets/MenuInput.css.ts.vanilla-BP3gRns8.css");
 let react_remove_scroll = require("react-remove-scroll");
-require("./assets/src/button/ButtonGroup.css.ts.vanilla-CJL-qkFk.css");
-require("./assets/src/actions/ActionsContent.css.ts.vanilla-eWinkEiq.css");
-require("./assets/src/table/TableHeaderCell.css.ts.vanilla-heJ1_dSk.css");
+require("./assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.css");
+require("./assets/ActionsContent.css.ts.vanilla-CndFNxBU.css");
+require("./assets/TableHeaderCell.css.ts.vanilla-BRNZob_A.css");
 require("@tanstack/react-table");
-require("./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B2k-LntT.css");
+require("./assets/DataTableHeaderCell.css.ts.vanilla-rufoGwzs.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-BVbDfUKy.css");
-require("./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CAwVW_Ax.css");
-require("./assets/src/calendar/CalendarGrid.css.ts.vanilla-CeQ9kDB2.css");
-require("./assets/src/calendar/CalendarMonths.css.ts.vanilla-DJkR2uKx.css");
-require("./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Db09yF9i.css");
-require("./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CdV1NTiX.css");
+require("./assets/Calendar.css.ts.vanilla-CqO7B9bP.css");
+require("./assets/CalendarDayButton.css.ts.vanilla-DkAZS3Pn.css");
+require("./assets/CalendarGrid.css.ts.vanilla-CLtiAOiy.css");
+require("./assets/CalendarMonths.css.ts.vanilla-C0ssxuKR.css");
+require("./assets/CalendarNextMonthButton.css.ts.vanilla-HMXsafzF.css");
+require("./assets/CalendarPreviousMonthButton.css.ts.vanilla-BSRuNll2.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"
-}, "j5xdn6"] });
+}, "fa0m00"] });
 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"
-}, "nolmtp"] });
+}, "eey14q"] });
 //#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: "_11llzm0"
+	true: "mt8n4x"
 } } });
 var content$4 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -610,17 +609,17 @@ var content$4 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1pjmy5"],
+	}, "_8j8a6z"],
 	variants: { size: {
-		sm: "v7farl",
-		md: "_11ayrlx",
-		lg: "a539xz",
-		fullscreen: "_1lmynnp"
+		sm: "_1p1guv9",
+		md: "_145ztk1",
+		lg: "t8wvtm",
+		fullscreen: "gq4790"
 	} }
 });
-var nestedDialogCountVar$1 = "var(--_11nlcdc)";
-var scrollPaddingBottomVar = "var(--_57utdj)";
-var scrollPaddingTopVar = "var(--mrn6yo)";
+var nestedDialogCountVar$1 = "var(--nkh60b)";
+var scrollPaddingBottomVar = "var(--yyy2pq)";
+var scrollPaddingTopVar = "var(--_19wg3kx)";
 //#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: "oph255",
-		wider: "_1qskm0h",
-		widest: "_118m6xf"
+		wide: "_1eq6pid",
+		wider: "kdly02",
+		widest: "_1edhcyk"
 	} }
 });
 //#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" }, "_1f8wtrx"] });
-var close = require_Tooltip.recipeRuntime({ base: ["_1xz0gi8"] });
+var actions = require_Tooltip.recipeRuntime({ base: [{ gap: "8" }, "_69mvig"] });
+var close = require_Tooltip.recipeRuntime({ base: ["_1s17hdw"] });
 var description$1 = require_Tooltip.recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "vp5q28"] });
+}, "sru6vh"] });
 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"
-}, "axv9mv"] });
+}, "_1pw3332"] });
 var title$1 = require_Tooltip.recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_1d18ii8"] });
+}, "_1ot43oe"] });
 //#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: "crlll0"
+	true: "isy8ye"
 } } });
 var content$3 = require_Tooltip.recipeRuntime({
 	base: [{
@@ -984,20 +983,20 @@ var content$3 = require_Tooltip.recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_145wxqk"],
+	}, "_1pp86km"],
 	variants: { size: {
-		sm: "_17pfdn",
-		md: "_56008v",
-		lg: "_1vheha8"
+		sm: "yitdp7",
+		md: "_4sh2nq",
+		lg: "_62pq0j"
 	} }
 });
-var nestedDialogCountVar = "var(--z5kmjr)";
+var nestedDialogCountVar = "var(--_6a11j3)";
 var root$4 = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_1xju3nz"] });
+}, "_1i1psqp"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogContent.tsx
 /**
@@ -1094,7 +1093,7 @@ var footer = require_Tooltip.recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_1ad06i0"] });
+}, "_1cux7cq"] });
 //#endregion
 //#region src/alert-dialog/AlertDialogFooter.tsx
 /**
@@ -1120,7 +1119,7 @@ var header = require_Tooltip.recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "hd55av"] });
+}, "_10worql"] });
 //#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"
-	}, "fcs0b"],
+	}, "_15icvm9"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -1392,16 +1391,16 @@ var avatar = require_Tooltip.recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_17kdl6n"],
+			}, "yegz1g"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1842asj"],
-			sm: [{ size: "sm" }, "ubm7xp"],
-			md: [{ size: "md" }, "_1soyr7t"],
-			lg: [{ size: "lg" }, "_1s5pd4i"],
-			xl: [{ size: "xl" }, "ludneu"],
-			"3xl": [{ size: "3xl" }, "vaneqm"]
+			}, "_1r98gwb"],
+			sm: [{ size: "sm" }, "ctjjr5"],
+			md: [{ size: "md" }, "dxhdvp"],
+			lg: [{ size: "lg" }, "_1al3a5r"],
+			xl: [{ size: "xl" }, "_96m3qu"],
+			"3xl": [{ size: "3xl" }, "_1li6stj"]
 		}
 	}
 });
@@ -1417,7 +1416,7 @@ var icon$2 = require_Tooltip.recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "_1u0xya5"],
+		xs: [{ h: "16" }, "_1sod1b4"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },
@@ -1527,19 +1526,19 @@ var separator = require_Tooltip.createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "_1carrcc",
-						md: "cm6amn",
-						base: "_1v7k1ut"
+						sm: "_1d2tc0t",
+						md: "ygv12w",
+						base: "_1wlqm0i"
 					},
-					defaultClass: "_1v7k1ut"
+					defaultClass: "_1wlqm0i"
 				},
 				vertical: {
 					conditions: {
-						sm: "_5itan0",
-						md: "_1myxlur",
-						base: "_1gz96kx"
+						sm: "_50ssxt",
+						md: "tkhtvn",
+						base: "_1lbkjlh"
 					},
-					defaultClass: "_1gz96kx"
+					defaultClass: "_1lbkjlh"
 				}
 			},
 			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: ["d0asdd", "_642wdn"],
+		false: ["_1pl86io", "psmrzj"],
 		true: {}
 	},
 	inset: {
-		false: "_1140xq1",
-		true: "oildde"
+		false: "_12zsz04",
+		true: "n5c0m3"
 	}
 } });
 //#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"
-}, "l1i0tb"] });
+}, "_1yf2bln"] });
 //#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: [
-	"_72jic9",
+	"pi3heq",
 	{
 		alignItems: "start",
 		display: "inline-flex",
 		gap: "8"
 	},
-	"_16le355"
+	"wfjci8"
 ] });
 //#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: ["_14kjw24"] });
+var control$3 = require_Tooltip.recipeRuntime({ base: ["ouwgg3"] });
 //#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 = "_1yi2mv9";
+var className = "_8xszaz";
 //#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"
-	}, "mpxkat"],
+	}, "unt4ap"],
 	variants: { shift: {
 		false: {},
-		true: "_1dr4yi8"
+		true: "hm6tan"
 	} }
 });
-var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "rgchf1"] });
+var icon$1 = require_Tooltip.recipeRuntime({ base: [{ transition: "all" }, "x1gekv"] });
 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" }, "_13qiwal"] });
+var checkbox = require_Tooltip.recipeRuntime({ base: [{ display: "inline-flex" }, "_1vuw8h0"] });
 //#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"
-	}, "iej2v"],
+	}, "_19q1d4s"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_8zl6oc"] });
+var description = require_Tooltip.recipeRuntime({ base: [{ fontSize: "sm" }, "_23aus7"] });
 var item = require_Tooltip.recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -2274,16 +2274,16 @@ var item = require_Tooltip.recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1855fg5"],
+	}, "_17r42zr"],
 	variants: { intent: {
-		danger: "_1xtzy7y",
-		neutral: "_1x8xykf"
+		danger: "_1x1alj1",
+		neutral: "idjxml"
 	} }
 });
 var title = require_Tooltip.recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1xxiosb"] });
+}, "prruju"] });
 //#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: ["t17cdc"],
+	base: ["kgwacc"],
 	variants: { active: {
 		false: {},
-		true: "_1nj3wbn"
+		true: "_17cod1l"
 	} }
 });
 //#endregion
@@ -2425,7 +2425,7 @@ var skeleton = require_Tooltip.recipeRuntime({ base: [{
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1pwesaq"] });
+}, "bv5man"] });
 //#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"
-	}, "w26kw6"],
+	}, "_1s2dozq"],
 	variants: { size: {
-		md: [{ mt: "2" }, "fjqjq9"],
-		lg: ["_1orkdn8"]
+		md: [{ mt: "2" }, "_4wfokm"],
+		lg: ["hexkme"]
 	} }
 });
-var input$2 = require_Tooltip.recipeRuntime({ base: "grregl" });
-var root$3 = require_Tooltip.recipeRuntime({ base: ["_1q91s6w", "_12jvz8e"] });
+var input$2 = require_Tooltip.recipeRuntime({ base: "siylk1" });
+var root$3 = require_Tooltip.recipeRuntime({ base: ["wadvfb", "_199fyjb"] });
 var thumb = require_Tooltip.recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "_1wjfpwo"] });
+}, "j15p0r"] });
 //#endregion
 //#region src/switch/Switch.tsx
 /**
@@ -2702,18 +2702,18 @@ var listbox = require_Tooltip.recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "kvr279"],
+	}, "_1t83yvp"],
 	variants: {
 		maxH: {
-			xs: "jez6bl",
-			sm: "dkjfmk",
-			md: "kjcyww",
-			lg: "ddw9bu",
+			xs: "_1i7neat",
+			sm: "i4mdod",
+			md: "alysl7",
+			lg: "v1xlga",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "ynjoqs"
+			trigger: "dxmzxh"
 		}
 	}
 });
@@ -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" }, "_15zamzg"] });
+var addon = require_Tooltip.recipeRuntime({ base: [{ flex: "none" }, "_5j9v8f"] });
 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: [
-		"xsnywp",
+		"_1ni8d5s",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"_1hp0r1i",
-		"xjg01h"
+		"_1u7pfag",
+		"pem656"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1tqk24j"]
+		xl: ["_6zxtih"]
 	} }
 });
 //#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" }, "_107bjgg"] });
+var root$1 = require_Tooltip.recipeRuntime({ base: [{ gap: "0" }, "_1c6gxm9"] });
 //#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" }, "_1o7qqlk"] });
+var detail = require_Tooltip.recipeRuntime({ base: [{ color: "fg.secondary" }, "_1w95005"] });
 //#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: "_6no00e" });
+var content$2 = require_Tooltip.recipeRuntime({ base: "r6w5ol" });
 //#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"
-	}, "_19rrsn1"]
+	}, "_1xf8h6r"]
 } } });
 //#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"
-	}, "_1lvep4x"],
+	}, "_1awylu8"],
 	variants: { visible: {
-		always: "_1r1ehei",
-		"if-needed": "kmr2xa"
+		always: "_18yhnqy",
+		"if-needed": "_15m677k"
 	} }
 });
 //#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: "_1pze56x" });
+var root = require_Tooltip.recipeRuntime({ base: "xc86xq" });
 //#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" }, "i381om"],
+	base: [{ borderColor: "border.tertiary" }, "_12osfv5"],
 	variants: { pinned: {
-		false: "_1ha9nju",
-		true: "_1w6xcea"
+		false: "_1bofk6w",
+		true: "qg9co6"
 	} }
 });
 var content = require_Tooltip.recipeRuntime({ base: [{
@@ -4129,7 +4132,7 @@ var content = require_Tooltip.recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "ao7ebe"] });
+}, "_1xovrb1"] });
 //#endregion
 //#region src/table/TableHeaderCell.tsx
 /**
@@ -4232,12 +4235,12 @@ var button$3 = require_Tooltip.recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "_12m23z4"] });
+}, "_1n1kcw6"] });
 var handle = require_Tooltip.recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1olggup"],
+	}, "_1u7nuh7"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -4248,10 +4251,10 @@ var icon = require_Tooltip.recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_11bktha"],
+	}, "_14hjb4p"],
 	variants: { active: {
-		false: "_5zab24",
-		true: "w23ohy"
+		false: "_12w4sl6",
+		true: "_10rquqt"
 	} }
 });
 //#endregion
@@ -4878,7 +4881,7 @@ var picker = require_Tooltip.recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "ksubsh"
+	top: "_165ofvb"
 } } });
 //#endregion
 //#region src/calendar/CalendarContext.ts
@@ -4954,26 +4957,26 @@ var button$2 = require_Tooltip.recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1gm9h0v"],
+	}, "_80m3u6"],
 	variants: {
 		appearance: {
-			"default": "_8g1tc5",
-			holiday: [{ color: "fg.error" }, "_1bbjejl"],
-			range_middle: "_1108st8",
-			selected: ["_15w27s1"],
-			weekend: [{ color: "fg.tertiary" }, "plrqt6"]
+			"default": "_17j4cq8",
+			holiday: [{ color: "fg.error" }, "_6zey3z"],
+			range_middle: "ny689l",
+			selected: ["m3hp3f"],
+			weekend: [{ color: "fg.tertiary" }, "_1u21eq5"]
 		},
 		range: {
-			end: ["wqnmnd"],
-			middle: ["_345hq5"],
-			start: ["_5kwcm9"]
+			end: ["_5zrw9"],
+			middle: ["s7o1vm"],
+			start: ["_4di747"]
 		}
 	}
 });
 var today = require_Tooltip.recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "s0de5p"] });
+}, "knnzds"] });
 //#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"
-}, "kkqc9z"] });
+}, "_1uql9a6"] });
 //#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"
-}, "_1847hz8"] });
+}, "dc15uj"] });
 //#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: "hhsdcu" });
+var button$1 = require_Tooltip.recipeRuntime({ base: "_1w37irq" });
 //#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: "_1dmqjyp" });
+var button = require_Tooltip.recipeRuntime({ base: "_1v6ldjh" });
 //#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", {