@optiaxiom/react 3.1.3 → 3.1.5

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-Dmx9acnJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CalendarDayButton.css.ts.vanilla-_WoLIB1G.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = 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 = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_1j6sykt"] });
+}, "nbihr8"] });
 //#endregion
 export { button, today };

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

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DhiG6Dms.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CalendarGrid.css.ts.vanilla-tNsxgtDf.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_18hu68c"] });
+}, "ug2q7j"] });
 //#endregion
 export { grid };

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Dkk4Y7HL.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CalendarMonths.css.ts.vanilla-Bc0cX7FA.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1505frq"] });
+}, "_1l8xvkx"] });
 //#endregion
 export { months };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Bnr2MFZD.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-CqmGm8wl.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "snf1e8" });
+var button = recipeRuntime({ base: "q9s62o" });
 //#endregion
 export { button };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-ZAMzMAHR.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-3r0igJRe.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "vuur36" });
+var button = recipeRuntime({ base: "lerbw1" });
 //#endregion
 export { button };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-BXCeLX0V.css";
-import "./../../../../assets/src/card/Card.css.ts.vanilla-BI0770LM.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Cover.css.ts.vanilla-CsiaUgWW.css";
+import "./../../../../assets/Card.css.ts.vanilla-Fu2P7NkR.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_1cwcxe6",
+	"_10gnxjb",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"ybpp8o"
+	"_1cdkswa"
 ] });
 //#endregion
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CZIOGw9R.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-BD9sMxpz.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["tkfcbm"] });
+var checkbox = recipeRuntime({ base: ["kz954f"] });
 //#endregion
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-DySSvmAO.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-COdeGHj_.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "lmgpm8",
-		before: "skmgig"
+		after: "_1uy1cnx",
+		before: "_1yki13b"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_5d06f"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "_4wlhlu"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_10pf82s"] });
+}, "_1os7v73"] });
 //#endregion
 export { addon, content, header };

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
 //#region src/card/CardImage.css.ts
 var image = recipeRuntime({ base: {
 	objectFit: "cover",

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-Di44Ry5e.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-CDyOEVOU.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "x4zuhx"] });
+}, "y0nm66"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "kdvx6u"] });
+}, "fr0xe6"] });
 //#endregion
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,21 +1,21 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-3r8xRmjD.css";
-import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Ck7HL8Rb.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DialogBody.css.ts.vanilla-DCyZ5u-X.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-Xel8LUjX.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-CJjoFlRk.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1qnp5vx"],
+	}, "ylrvr8"],
 	variants: { shift: {
 		false: {},
-		true: "_8f8jeo"
+		true: "_1gd6ek7"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "_180ffrp"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "_19ojl2b"] });
 var indicator = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/code/Code.css.ts.vanilla-C5G3ReS8.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Code.css.ts.vanilla-_2bXmhS3.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1e6ufhz"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_5cuqgq"] });
 //#endregion
 export { code };

package/dist/esm/packages/react/src/command/CommandInput.js

@@ -1,6 +1,6 @@
 "use client";
 import { SurfaceProvider } from "../surface/SurfaceProvider.js";
-import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useEvent } from "../hooks/useEvent.js";
 import { useCommandContext } from "./CommandContext.js";
 import { Input } from "../input/Input.js";
 import { IconSearch } from "@optiaxiom/icons";
@@ -9,10 +9,10 @@ import { jsx } from "react/jsx-runtime";
 //#region src/command/CommandInput.tsx
 const CommandInput = forwardRef(({ onBlur, onKeyDown, size, ...props }, ref) => {
 	const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
-	const setInputValueStable = useEffectEvent(setInputValue);
+	const setInputValueStable = useEvent(setInputValue);
 	useEffect(() => {
 		setInputValueStable("");
-	}, []);
+	}, [setInputValueStable]);
 	const preventDownshiftBlurRef = useRef(false);
 	return /* @__PURE__ */ jsx(SurfaceProvider, {
 		disabled: true,

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-CpvKc_ps.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-CF0vc3wX.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1abi100"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1wyjq1e"] });
 //#endregion
 export { detail };

package/dist/esm/packages/react/src/command/useCommandItems.js

@@ -1,5 +1,5 @@
 import { useSurface } from "../surface/useSurface.js";
-import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useEvent } from "../hooks/useEvent.js";
 import { resolveItemProperty } from "./CommandContext.js";
 import { buildSurfacePath } from "../surface/buildSurfacePath.js";
 import { filterSuggestionsBySurface } from "../surface/filterSuggestionsBySurface.js";
@@ -7,7 +7,7 @@ import { fuzzysearch, score } from "./fuzzysearch.js";
 import { useMemo } from "react";
 //#region src/command/useCommandItems.ts
 const useCommandItems = ({ inputValue, options }) => {
-	const filterFn = useEffectEvent((item, inputValue) => {
+	const filterFn = useEvent((item, inputValue) => {
 		const string = resolveItemProperty(item.label, { inputValue }).normalize();
 		return "visible" in item ? resolveItemProperty(item.visible, { inputValue }) : inputValue ? fuzzysearch(string, inputValue) || item.keywords && fuzzysearch(item.keywords, inputValue) : true;
 	});
@@ -51,7 +51,8 @@ const useCommandItems = ({ inputValue, options }) => {
 		options,
 		inputValue,
 		suggestions,
-		surface?.path
+		surface?.path,
+		filterFn
 	]);
 };
 //#endregion

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-BXCeLX0V.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Cover.css.ts.vanilla-CsiaUgWW.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["bfmdi1", "_13booy3"],
+		false: ["v8vf9k", "_1jikv3w"],
 		true: {}
 	},
 	inset: {
-		false: "ti3arc",
-		true: "_117116b"
+		false: "_1dq38b3",
+		true: "_1ohbuia"
 	}
 } });
 //#endregion

package/dist/esm/packages/react/src/data-table/DataTableBody-css.js

@@ -1,39 +1,39 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/table/TableRow.css.ts.vanilla-BXXfGgvX.css";
-import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-B3qY91Z2.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-8_MDqcPq.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-D1uPw2BI.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "u9f96a"],
+	}, "_1p7y8zt"],
 	variants: {
 		pinned: {
-			left: "_1ikupm0",
-			right: "r6a4kc"
+			left: "qfqr8m",
+			right: "_1vvboyk"
 		},
 		pinnedType: {
-			body: "_11xle34",
+			body: "q8akt1",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_592uh2"
+			true: "ilp33y"
 		}
 	}
 });
-var cellOffsetVar = "var(--l88ogr)";
-var cellSizeVar = "var(--_1st4f5h)";
-var leftTotalSizeVar = "var(--pnod1p)";
-var rightTotalSizeVar = "var(--_1kwq9y7)";
+var cellOffsetVar = "var(--i6jakw)";
+var cellSizeVar = "var(--_3602yl)";
+var leftTotalSizeVar = "var(--_1pg8n2o)";
+var rightTotalSizeVar = "var(--_583ta3)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "m6dl0x"] });
-var totalSizeVar = "var(--v6iuui)";
+}, "_474yog"] });
+var totalSizeVar = "var(--_1bcb70p)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableBody.js

@@ -140,40 +140,40 @@ const DataTableBody = forwardRef(({ className, estimatedRowHeight = 52, loading,
 						transform: `translateY(${virtualRow.start}px)`
 					} : void 0,
 					children: [
-						row.getLeftVisibleCells().map((cell$3) => /* @__PURE__ */ jsx(TableCell, {
+						row.getLeftVisibleCells().map((cell$2) => /* @__PURE__ */ jsx(TableCell, {
 							pinned: true,
 							style: { ...assignInlineVars({
-								[cellOffsetVar]: `${cell$3.column.getStart("left")}px`,
-								[cellSizeVar]: `${cell$3.column.getSize()}`
+								[cellOffsetVar]: `${cell$2.column.getStart("left")}px`,
+								[cellSizeVar]: `${cell$2.column.getSize()}`
 							}) },
 							...cell({
 								pinned: "left",
 								pinnedType: "body",
-								resizable: cell$3.column.getCanResize()
+								resizable: cell$2.column.getCanResize()
 							}),
-							children: flexRender(cell$3.column.columnDef.cell, cell$3.getContext())
-						}, cell$3.id)),
+							children: flexRender(cell$2.column.columnDef.cell, cell$2.getContext())
+						}, cell$2.id)),
 						columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsx(TableCell, { style: { width: virtualColumnsOffset } }),
 						(columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
 							return row.getCenterVisibleCells()[virtualCell.index];
-						}) : row.getCenterVisibleCells()).map((cell$2) => /* @__PURE__ */ jsx(TableCell, {
-							style: { ...assignInlineVars({ [cellSizeVar]: `${cell$2.column.getSize()}` }) },
-							...cell({ resizable: cell$2.column.getCanResize() }),
-							children: flexRender(cell$2.column.columnDef.cell, cell$2.getContext())
-						}, cell$2.id)),
-						row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsx(TableCell, {
+						}) : row.getCenterVisibleCells()).map((cell$1) => /* @__PURE__ */ jsx(TableCell, {
+							style: { ...assignInlineVars({ [cellSizeVar]: `${cell$1.column.getSize()}` }) },
+							...cell({ resizable: cell$1.column.getCanResize() }),
+							children: flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+						}, cell$1.id)),
+						row.getRightVisibleCells().map((cell$3) => /* @__PURE__ */ jsx(TableCell, {
 							pinned: true,
 							style: { ...assignInlineVars({
-								[cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
-								[cellSizeVar]: `${cell$1.column.getSize()}`
+								[cellOffsetVar]: `${cell$3.column.getStart("right")}px`,
+								[cellSizeVar]: `${cell$3.column.getSize()}`
 							}) },
 							...cell({
 								pinned: "right",
 								pinnedType: "body",
-								resizable: cell$1.column.getCanResize()
+								resizable: cell$3.column.getCanResize()
 							}),
-							children: flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-						}, cell$1.id))
+							children: flexRender(cell$3.column.columnDef.cell, cell$3.getContext())
+						}, cell$3.id))
 					]
 				}, row.id))
 			})]

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-Dt0qIdSx.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-Q1ezBqqy.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_1h8ecfn",
+	base: "iz00hw",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Dt1Rwub3.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-CNIkrzYi.css";
 //#region src/data-table/DataTableHeaderCell.css.ts
 var button = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -12,12 +12,12 @@ var button = recipeRuntime({ base: [{
 	textTransform: "uppercase",
 	transition: "colors",
 	w: "full"
-}, "_1qlqy6k"] });
+}, "flsszx"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_7acfjw"],
+	}, "gx8t7"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1mkvem7"],
+	}, "_14ldwv5"],
 	variants: { active: {
-		false: "_1ca9s0g",
-		true: "a85h1"
+		false: "_1sqs1xj",
+		true: "_1van552"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/data-table/DataTableRow.js

@@ -1,5 +1,5 @@
 "use client";
-import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useEvent } from "../hooks/useEvent.js";
 import { useDataTableContext } from "./DataTableContext.js";
 import { TableRow } from "../table/TableRow.js";
 import { DataTableRowProvider } from "./DataTableRowContext.js";
@@ -23,7 +23,7 @@ const DataTableRow = forwardRef(({ children, index, row, ...props }, outerRef) =
 	const primary = actions.find((action) => action.primary);
 	const [selector, setSelector] = useState();
 	const focusManaged = Boolean(selector || primary);
-	const onActionMount = useEffectEvent(({ primary, ref }) => {
+	const onActionMount = useEvent(({ primary, ref }) => {
 		setActions((actions) => [...actions, {
 			primary,
 			ref
@@ -109,7 +109,7 @@ const DataTableRow = forwardRef(({ children, index, row, ...props }, outerRef) =
 			labelId,
 			onActionMount,
 			row,
-			setHighlightedIndex: useEffectEvent((nextIndex) => {
+			setHighlightedIndex: useEvent((nextIndex) => {
 				setSubHighlightedIndex(nextIndex);
 				if (nextIndex === -1) innerRef.current?.focus();
 			}),

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-32smovZF.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-C9a6Vr-E.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1inmutq"] });
-var date = recipeRuntime({ base: "gqscd1" });
-var input = recipeRuntime({ base: "_8e6z8p" });
-var picker = recipeRuntime({ base: "kgjlxa" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "w5747u"] });
+var date = recipeRuntime({ base: "e9k1lw" });
+var input = recipeRuntime({ base: "_3cqrw3" });
+var picker = recipeRuntime({ base: "bn60o" });
 //#endregion
 export { clear, date, input, picker };

package/dist/esm/packages/react/src/date-range-picker/DateRangePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import { toInstant } from "../utils/toInstant.js";
 import { toPlainDate } from "../utils/toPlainDate.js";
-import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useEvent } from "../hooks/useEvent.js";
 import { Popover } from "../popover/Popover.js";
 import { DateRangePickerProvider } from "./DateRangePickerContext.js";
 import { useEffect, useRef, useState } from "react";
@@ -31,7 +31,7 @@ function DateRangePicker({ children, defaultOpen = false, defaultValue = null, d
 		onChange: onValueChange,
 		prop: valueProp
 	});
-	const setValueStable = useEffectEvent(setValue);
+	const setValueStable = useEvent(setValue);
 	useEffect(() => {
 		if (open) setFrom(void 0);
 	}, [open]);
@@ -43,7 +43,11 @@ function DateRangePicker({ children, defaultOpen = false, defaultValue = null, d
 				to: end
 			});
 		}
-	}, [from, open]);
+	}, [
+		from,
+		open,
+		setValueStable
+	]);
 	return /* @__PURE__ */ jsx(Popover, {
 		onOpenChange: setOpen,
 		open,

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
 //#region src/date-range-picker/DateRangePickerContent.css.ts
 var panels = recipeRuntime({ base: [{
 	alignItems: "stretch",

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-gzy4VygP.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-CYbCH-iQ.css";
 //#region src/details-panel/DetailsPanel.css.ts
 var root = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -9,6 +9,6 @@ var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	h: "full",
 	overflow: "auto"
-}, "_6lw43k"] });
+}, "_17yenan"] });
 //#endregion
 export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BHIePo-e.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DemlTa07.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "fgf11e"] });
+}, "_1ue87zw"] });
 //#endregion
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C1kGAYGh.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-DwSRu-OY.css";
 //#region src/details-panel/DetailsPanelHeader.css.ts
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var header = recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_1yo0nmw"] });
+}, "lhzm66"] });
 //#endregion
 export { header };