@optiaxiom/react 3.4.2 → 3.4.3

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

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CalendarGrid.css.ts.vanilla-B83nFpfw.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CalendarGrid.css.ts.vanilla-CGuGZF4d.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "uwrx2m"] });
+}, "_11qxqd5"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CalendarMonths.css.ts.vanilla-CFlyJ1OQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CalendarMonths.css.ts.vanilla-D8IOykx5.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1wv8ezr"] });
+}, "tt0dmw"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-BkELBhJp.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-DzTRs2Ac.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "ssp7bv" });
+var button = recipeRuntime({ base: "_1a27bau" });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-DA4IS9gs.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-f3ENjJ52.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "_17fhyd0" });
+var button = recipeRuntime({ base: "_1i1xoqt" });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DJajfkND.css";
-import "./../../../../assets/Card.css.ts.vanilla-mXWj4PT1.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Cover.css.ts.vanilla-axEPGcvg.css";
+import "./../../../../assets/Card.css.ts.vanilla-DDV1iG8C.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_14wb67d",
+	"greeqv",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"te7kvq"
+	"_1yq8dj3"
 ] });
 //#endregion
 export { card };

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

@@ -5,7 +5,7 @@ import { card } from "./Card-css.js";
 import { CardProvider } from "./CardContext.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/card/Card.tsx
 /**
 * Generic container for grouping related components together.
@@ -15,8 +15,8 @@ import { useId as useId$1 } from "@radix-ui/react-id";
 * @category container
 */
 const Card = forwardRef(({ children, className, ...props }, ref) => {
-	const descriptionId = useId$1();
-	const labelId = useId$1();
+	const descriptionId = useId();
+	const labelId = useId();
 	return /* @__PURE__ */ jsx(CardProvider, {
 		descriptionId,
 		labelId,

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CardCheckbox.css.ts.vanilla-BukCYl8P.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-BEDVD4qL.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["avlrni"] });
+var checkbox = recipeRuntime({ base: ["eezjgo"] });
 //#endregion
 export { checkbox };

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

@@ -7,14 +7,14 @@ import { forwardRef } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/card/CardCheckbox.tsx
 /**
 * @extends Checkbox
 * @group Card
 */
 const CardCheckbox = forwardRef(({ className, onChange, ...props }, ref) => {
-	const labelPrefixId = useId$1();
+	const labelPrefixId = useId();
 	const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
 	const [checked, setChecked] = useControllableState({
 		caller: "@optiaxiom/react/CardCheckbox",

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CardHeader.css.ts.vanilla-BIa2BNse.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-DZxW7ZXI.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_1wlwyrv",
-		before: "_119zcyw"
+		after: "_1bt9rag",
+		before: "_1urw1lo"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "ic517o"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "lhzm5p"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_7f0vn5"] });
+}, "_3el141"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CardPreview.css.ts.vanilla-B10OwTqo.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-Bg2_FoU7.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "nyu5ks"] });
+}, "nk3vmg"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_46b7lt"] });
+}, "_1ncoghj"] });
 //#endregion
 export { overlay, preview };

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

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-CDDTBAAx.css";
-import "./../../../../assets/CheckboxControl.css.ts.vanilla-B-qWUBiT.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-CuCEYKJw.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-Bleq06CD.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
-	base: [{ display: "grid" }, "llve6z"],
+	base: [{ display: "grid" }, "_27nvdt"],
 	variants: {
 		shift: {
 			false: {},
-			true: "_1v1znlb"
+			true: "_1j70zw4"
 		},
 		size: {
-			sm: [{ rounded: "sm" }, "piakox"],
-			md: [{ rounded: "md" }, "_7u2woj"]
+			sm: [{ rounded: "sm" }, "attsd7"],
+			md: [{ rounded: "md" }, "pryid9"]
 		}
 	}
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "irqabp"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "_18g6bp3"] });
 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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Code.css.ts.vanilla-CUde0n9d.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Code.css.ts.vanilla-B84B9ZkU.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_71ijp0"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1itxh5i"] });
 //#endregion
 export { code };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/CommandItem.css.ts.vanilla-hQ5kfjbE.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-BVEsYHWn.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "fjwtf7"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1qvcg"] });
 //#endregion
 export { detail };

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

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DJajfkND.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Cover.css.ts.vanilla-axEPGcvg.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1wefgvc", "bkggkd"],
+		false: ["_8lrfhw", "fu34yi"],
 		true: {}
 	},
 	inset: {
-		false: "_19cmbqt",
-		true: "_50jki6"
+		false: "yqxs8a",
+		true: "_7rghme"
 	}
 } });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-vkZ1kptU.css";
-import "./../../../../assets/DataTableBody.css.ts.vanilla-B2sjrvnq.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-BP4j389q.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-BhNf6NLH.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_1b9wkde"],
+	}, "si1yhq"],
 	variants: {
 		pinned: {
-			left: "_1tk6612",
-			right: "_1cuu51x"
+			left: "gtr3mg",
+			right: "jpxgqk"
 		},
 		pinnedType: {
-			body: "wjz385",
+			body: "_1dtyonw",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "oj2z10"
+			true: "_1quayet"
 		}
 	}
 });
-var cellOffsetVar = "var(--h1npq9)";
-var cellSizeVar = "var(--i3jnz2)";
-var leftTotalSizeVar = "var(--zc5q09)";
-var rightTotalSizeVar = "var(--eni9fb)";
+var cellOffsetVar = "var(--_156m1n6)";
+var cellSizeVar = "var(--ztf0e6)";
+var leftTotalSizeVar = "var(--cfonk)";
+var rightTotalSizeVar = "var(--_1nam0b4)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_8974ri"] });
-var totalSizeVar = "var(--_19xwi3c)";
+}, "rt0qnx"] });
+var totalSizeVar = "var(--_1muq0mr)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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

@@ -7,7 +7,7 @@ import { forwardRef, useEffect, useRef } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 //#region src/data-table/DataTableCheckbox.tsx
 /**
@@ -16,7 +16,7 @@ import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 const DataTableCheckbox = forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
 	const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
 	const { labelId, row, setSelector } = useDataTableRowContext("@optiaxiom/react/DataTableCheckbox");
-	const labelPrefixId = useId$1();
+	const labelPrefixId = useId();
 	const innerRef = useRef(null);
 	const ref = useComposedRefs(innerRef, outerRef);
 	useEffect(() => {

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

@@ -7,7 +7,7 @@ import { IconAngleDown, IconChevronRight } from "@optiaxiom/icons";
 import "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/data-table/DataTableExpandableCell.tsx
 /**
 * Table cell component with expandable row functionality.
@@ -16,7 +16,7 @@ import { useId as useId$1 } from "@radix-ui/react-id";
 * @experimental
 */
 function DataTableExpandableCell({ children, getValue, row }) {
-	const labelPrefixId = useId$1();
+	const labelPrefixId = useId();
 	const { labelId } = useDataTableRowContext("@optiaxiom/react/DataTableExpandableCell");
 	return /* @__PURE__ */ jsxs(Group, {
 		alignItems: "start",

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

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DataTableFooter.css.ts.vanilla-CXS5bUMm.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-DbdQDqgy.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_19mshzi",
+	base: "_13mdqe7",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}

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

@@ -10,7 +10,7 @@ import { SelectTrigger } from "../select/SelectTrigger.js";
 import { addon } from "./DataTableFooter-css.js";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/data-table/DataTableFooter.tsx
 const DEFAULT_PAGE_SIZES = [
 	"10",
@@ -28,7 +28,7 @@ const DEFAULT_PAGE_SIZES = [
 const DataTableFooter = forwardRef(({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
 	const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
 	const { pagination } = table.getState();
-	const pageSizeId = useId$1();
+	const pageSizeId = useId();
 	return /* @__PURE__ */ jsxs(Group, {
 		alignSelf: "stretch",
 		fontSize: "md",

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-C1sR0ylF.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-B5CrNfuF.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"
-}, "l8kist"] });
+}, "_1pb5kuo"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1rh1bl2"],
+	}, "_8exjer"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "bw7749"],
+	}, "_1p4bd9a"],
 	variants: { active: {
-		false: "_9afjhd",
-		true: "_1bv623l"
+		false: "w6uc3r",
+		true: "_10elrrc"
 	} }
 });
 //#endregion

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

@@ -6,12 +6,12 @@ import { DataTableRowProvider } from "./DataTableRowContext.js";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/data-table/DataTableRow.tsx
 const DataTableRow = forwardRef(({ children, index, row, ...props }, outerRef) => {
 	const { focusRequestRef, highlightedIndex, setHighlightedIndex, table } = useDataTableContext("@optiaxiom/react/DataTableRow");
 	const [subHighlightedIndex, setSubHighlightedIndex] = useState(-1);
-	const labelId = useId$1();
+	const labelId = useId();
 	const [actions, setActions] = useState([]);
 	const primary = actions.find((action) => action.primary);
 	const [selector, setSelector] = useState();

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DateInput.css.ts.vanilla-BDzuP9FN.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-DAOdMIWj.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1n1xgyb"] });
-var date = recipeRuntime({ base: "_1yb6oxz" });
-var input = recipeRuntime({ base: "_7x0nme" });
-var picker = recipeRuntime({ base: "_128190v" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_180osue"] });
+var date = recipeRuntime({ base: "_1d4x4qd" });
+var input = recipeRuntime({ base: "_197495c" });
+var picker = recipeRuntime({ base: "_1uoa3z5" });
 //#endregion
 export { clear, date, input, picker };

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

@@ -19,7 +19,7 @@ import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/date-input/DateInput.tsx
 /**
 * Input field with calendar that lets user enter dates.
@@ -36,7 +36,7 @@ import { useId as useId$1 } from "@radix-ui/react-id";
 */
 const DateInput = forwardRef(({ className, disabled, holiday, max: maxProp, min: minProp, onChange, placeholder, step, type = "date", weekend, ...props }, outerRef) => {
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/DateInput");
-	const labelId = useId$1();
+	const labelId = useId();
 	const [open, setOpen] = useState(false);
 	const hasInteractedOutsideRef = useRef(false);
 	const pickerRef = useRef(null);

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/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
 //#region src/date-range-picker/DateRangePickerContent.css.ts
 var panels = recipeRuntime({ base: [{
 	alignItems: "stretch",

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

@@ -9,7 +9,7 @@ import { panels } from "./DateRangePickerContent-css.js";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/date-range-picker/DateRangePickerContent.tsx
 /**
 * @group DateRangePicker
@@ -17,7 +17,7 @@ import { useId as useId$1 } from "@radix-ui/react-id";
 const DateRangePickerContent = forwardRef(({ addonAfter, addonBefore, "aria-label": ariaLabel, children, holiday, max, min, today, weekend, ...props }, ref) => {
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/DateRangePickerContent");
 	const { setFrom, setOpen, setValue, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerContent");
-	const labelId = useId$1();
+	const labelId = useId();
 	return /* @__PURE__ */ jsxs(PopoverContent, {
 		"aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
 		gap: "8",

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

@@ -9,7 +9,7 @@ import { IconCalendar } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/date-range-picker/DateRangePickerTrigger.tsx
 const dateFormatterFor = memoize((locale) => new Intl.DateTimeFormat(locale, {
 	day: "numeric",
@@ -23,7 +23,7 @@ const dateFormatterFor = memoize((locale) => new Intl.DateTimeFormat(locale, {
 const DateRangePickerTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, children, formatRange, placeholder = "Pick a date", ...props }, outerRef) => {
 	const { disabled, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerTrigger");
 	const { locale } = useLocaleContext("@optiaxiom/react/DateRangePickerTrigger");
-	const id = useId$1();
+	const id = useId();
 	const ref = useComposedRefs(outerRef, triggerRef);
 	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
 	const formatter = formatRange ? { formatRange } : dateFormatterFor(locale);

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DetailsPanel.css.ts.vanilla-30GK5gfw.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-WKcp-Juf.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"
-}, "_1l5i8j8"] });
+}, "hediij"] });
 //#endregion
 export { root };

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

@@ -5,7 +5,7 @@ import { DetailsPanelProvider } from "./DetailsPanelContext.js";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/details-panel/DetailsPanel.tsx
 const Slot = createSlot("@optiaxiom/react/DetailsPanel");
 /**
@@ -18,8 +18,8 @@ const Slot = createSlot("@optiaxiom/react/DetailsPanel");
 */
 const DetailsPanel = forwardRef(({ asChild, children, className, ...props }, ref) => {
 	const Comp = asChild ? Slot : "aside";
-	const labelId = useId$1();
-	const descriptionId = useId$1();
+	const labelId = useId();
+	const descriptionId = useId();
 	return /* @__PURE__ */ jsx(DetailsPanelProvider, {
 		descriptionId,
 		labelId,

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-CdZnSCTj.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-C8iro7y_.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "tu0bot"] });
+}, "tl456p"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-CP8KjlHE.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-ePGrw5aM.css";
 //#region src/details-panel/DetailsPanelHeader.css.ts
 var header = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -9,6 +9,6 @@ var header = recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_1px3wyi"] });
+}, "_9gcyaq"] });
 //#endregion
 export { header };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
 //#region src/dialog/DialogBody.css.ts
 var body = recipeRuntime({ base: [{
 	flex: "1",
@@ -10,6 +10,6 @@ var body = recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "_1xkyrxn"] });
+}, "_116wd82"] });
 //#endregion
 export { body };