@optiaxiom/react 3.1.4 → 3.1.6

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-DNNVsHsw.css";
-import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CAwVW_Ax.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CalendarDayButton.css.ts.vanilla-DkAZS3Pn.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = 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 = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "s0de5p"] });
+}, "knnzds"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-CeQ9kDB2.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CalendarGrid.css.ts.vanilla-CLtiAOiy.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "kkqc9z"] });
+}, "_1uql9a6"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DJkR2uKx.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CalendarMonths.css.ts.vanilla-C0ssxuKR.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1847hz8"] });
+}, "dc15uj"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Db09yF9i.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-HMXsafzF.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "hhsdcu" });
+var button = recipeRuntime({ base: "_1w37irq" });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CdV1NTiX.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-BSRuNll2.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "_1dmqjyp" });
+var button = recipeRuntime({ base: "_1v6ldjh" });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-CgkKmdkJ.css";
-import "./../../../../assets/src/card/Card.css.ts.vanilla-CI4T99sF.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/Cover.css.ts.vanilla-Dx5ihz4f.css";
+import "./../../../../assets/Card.css.ts.vanilla-BrV63PKM.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"dhdywz",
+	"_194hg11",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"baa2qc"
+	"qg0wzp"
 ] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CHT0wYes.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-3o9hnO54.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["_1rgod02"] });
+var checkbox = recipeRuntime({ base: ["_1ektd5w"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/card/CardHeader.css.ts.vanilla-CfjFrcZk.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-BQ8OmVw_.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "kphe64",
-		before: "jcfa31"
+		after: "dxyaao",
+		before: "ztzjrk"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_13ojbp"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "_1rhqhgw"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_150z8hu"] });
+}, "ch1r71"] });
 //#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-DNNVsHsw.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.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-DNNVsHsw.css";
-import "./../../../../assets/src/card/CardPreview.css.ts.vanilla-CE7CAQr4.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-dGgG62gi.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "qyqo8f"] });
+}, "m4ifkp"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_1ggw1z3"] });
+}, "_83k53r"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJL-qkFk.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-dT9wEi4I.css";
-import "./../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DZYHQ8vh.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DCx5qTtl.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-BFZSzFUm.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-Bo2NEEPf.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "mpxkat"],
+	}, "unt4ap"],
 	variants: { shift: {
 		false: {},
-		true: "_1dr4yi8"
+		true: "hm6tan"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "rgchf1"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "x1gekv"] });
 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-DNNVsHsw.css";
-import "./../../../../assets/src/code/Code.css.ts.vanilla-C4CxwafB.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/Code.css.ts.vanilla-ldGE_bym.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1f4lt9d"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "ixznqy"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/command/CommandItem.css.ts.vanilla-D5cq5AY_.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-BoOSPl4f.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1o7qqlk"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1w95005"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/cover/Cover.css.ts.vanilla-CgkKmdkJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/Cover.css.ts.vanilla-Dx5ihz4f.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["d0asdd", "_642wdn"],
+		false: ["_1pl86io", "psmrzj"],
 		true: {}
 	},
 	inset: {
-		false: "_1140xq1",
-		true: "oildde"
+		false: "_12zsz04",
+		true: "n5c0m3"
 	}
 } });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/table/TableRow.css.ts.vanilla-Fd1tk01F.css";
-import "./../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-haur8CnT.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-BC8UusV6.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-BQd8I99N.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "ykqauw"],
+	}, "vbchrr"],
 	variants: {
 		pinned: {
-			left: "_7j0wsz",
-			right: "_19am6zd"
+			left: "_16m5lzu",
+			right: "wz0imm"
 		},
 		pinnedType: {
-			body: "t0zn3u",
+			body: "ie0csq",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "sxekva"
+			true: "_17fsaqz"
 		}
 	}
 });
-var cellOffsetVar = "var(--_1hs5ddi)";
-var cellSizeVar = "var(--wip5uy)";
-var leftTotalSizeVar = "var(--_1hrnxox)";
-var rightTotalSizeVar = "var(--_1yfaqjk)";
+var cellOffsetVar = "var(--g4305k)";
+var cellSizeVar = "var(--_1b4pdc5)";
+var leftTotalSizeVar = "var(--j5cprq)";
+var rightTotalSizeVar = "var(--_37mava)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_12l03en"] });
-var totalSizeVar = "var(--_1aklh8t)";
+}, "_1lg7kib"] });
+var totalSizeVar = "var(--_11icor3)";
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-D1SZV9Eg.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-BQvbw2Mn.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_1drla2m",
+	base: "astla9",
 	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-DNNVsHsw.css";
-import "./../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B2k-LntT.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-rufoGwzs.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"
-}, "_12m23z4"] });
+}, "_1n1kcw6"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1olggup"],
+	}, "_1u7nuh7"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_11bktha"],
+	}, "_14hjb4p"],
 	variants: { active: {
-		false: "_5zab24",
-		true: "w23ohy"
+		false: "_12w4sl6",
+		true: "_10rquqt"
 	} }
 });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/date-input/DateInput.css.ts.vanilla-8GOxvL4u.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-DUc4memf.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "x3mhr5"] });
-var date = recipeRuntime({ base: "_1a4u1pn" });
-var input = recipeRuntime({ base: "_1h08vx8" });
-var picker = recipeRuntime({ base: "qg5q1k" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_6flcrq"] });
+var date = recipeRuntime({ base: "_1kh08li" });
+var input = recipeRuntime({ base: "_13uv4m8" });
+var picker = recipeRuntime({ base: "_10dbfm5" });
 //#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-DNNVsHsw.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.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-DNNVsHsw.css";
-import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DqmYLo1_.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-cABim5x2.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"
-}, "kn3yoy"] });
+}, "_14cfxk4"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-Cg1L6UYv.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-Sn5lddnP.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_11mefii"] });
+}, "_6ixgu"] });
 //#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-DNNVsHsw.css";
-import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-JQ5uuMYe.css";
+import "./../../../../assets/layers.css.ts.vanilla-DAV8xjBt.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-CGyjvqzu.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"
-}, "_1e02y4o"] });
+}, "sr1r6n"] });
 //#endregion
 export { header };