@optiaxiom/react 3.4.2 → 3.5.0

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-CTOkUrdE.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-CjmR3WCN.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: "ipswil",
+		before: "_170nwi9"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "ic517o"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "wynik7"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_7f0vn5"] });
+}, "_15q3fvd"] });
 //#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-CTOkUrdE.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-CTOkUrdE.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-BJcBWuin.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "nyu5ks"] });
+}, "_18twkqi"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_46b7lt"] });
+}, "_1inwjt0"] });
 //#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-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-BOJ3ABfS.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-ClwMtpdo.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
-	base: [{ display: "grid" }, "llve6z"],
+	base: [{ display: "grid" }, "_1eil425"],
 	variants: {
 		shift: {
 			false: {},
-			true: "_1v1znlb"
+			true: "_1gf34pa"
 		},
 		size: {
-			sm: [{ rounded: "sm" }, "piakox"],
-			md: [{ rounded: "md" }, "_7u2woj"]
+			sm: [{ rounded: "sm" }, "eobpaz"],
+			md: [{ rounded: "md" }, "_11zh3fk"]
 		}
 	}
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "irqabp"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "_1264t7j"] });
 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-CTOkUrdE.css";
+import "./../../../../assets/Code.css.ts.vanilla-B3IQ6wy7.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_71ijp0"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_12l3tc6"] });
 //#endregion
 export { code };

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

@@ -3,9 +3,9 @@ import { SurfaceProvider } from "../surface/SurfaceProvider.js";
 import { useEvent } from "../hooks/useEvent.js";
 import { useCommandContext } from "./CommandContext.js";
 import { Input } from "../input/Input.js";
-import { IconSearch } from "@optiaxiom/icons";
 import { forwardRef, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { IconSearch } from "@optiaxiom/icons/IconSearch";
 //#region src/command/CommandInput.tsx
 const CommandInput = forwardRef(({ onBlur, onKeyDown, size, ...props }, ref) => {
 	const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");

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-CTOkUrdE.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-BqG-GAW6.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "fjwtf7"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "mr1y8q"] });
 //#endregion
 export { detail };

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

@@ -8,10 +8,10 @@ import { Avatar } from "../avatar/Avatar.js";
 import { resolveItemProperty, useCommandContext } from "./CommandContext.js";
 import { filterSuggestionsBySurface } from "../surface/filterSuggestionsBySurface.js";
 import { detail } from "./CommandItem-css.js";
-import { IconChevronRight } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
 //#region src/command/CommandItem.tsx
 const CommandItem = forwardRef(({ asChild, children, index, item, onClick, onMouseLeave, onMouseMove, selected, size, ...props }, outerRef) => {
 	const { downshift, enabled, highlightedItem, highlightedItemRef, inputValue, items, pauseInteractionRef } = useCommandContext("@optiaxiom/react/CommandItem");

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-CTOkUrdE.css";
+import "./../../../../assets/Cover.css.ts.vanilla-DiHZydS0.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1wefgvc", "bkggkd"],
+		false: ["_1uye2uo", "_1xkxf0q"],
 		true: {}
 	},
 	inset: {
-		false: "_19cmbqt",
-		true: "_50jki6"
+		false: "_1dlk0w",
+		true: "fj79t6"
 	}
 } });
 //#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-CTOkUrdE.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-qnTbGpk5.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-DRY2_R_M.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_1b9wkde"],
+	}, "_28sm9t"],
 	variants: {
 		pinned: {
-			left: "_1tk6612",
-			right: "_1cuu51x"
+			left: "_17wcg90",
+			right: "hx3tzv"
 		},
 		pinnedType: {
-			body: "wjz385",
+			body: "_1px6ceu",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "oj2z10"
+			true: "kaztkt"
 		}
 	}
 });
-var cellOffsetVar = "var(--h1npq9)";
-var cellSizeVar = "var(--i3jnz2)";
-var leftTotalSizeVar = "var(--zc5q09)";
-var rightTotalSizeVar = "var(--eni9fb)";
+var cellOffsetVar = "var(--_1lel0g5)";
+var cellSizeVar = "var(--_1m46jy9)";
+var leftTotalSizeVar = "var(--lmdal5)";
+var rightTotalSizeVar = "var(--_180k0zn)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_8974ri"] });
-var totalSizeVar = "var(--_19xwi3c)";
+}, "_1qat8et"] });
+var totalSizeVar = "var(--_1997uo4)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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

@@ -3,11 +3,11 @@ import { Checkbox } from "../checkbox/Checkbox.js";
 import { useDataTableContext } from "./DataTableContext.js";
 import { useDataTableRowContext } from "./DataTableRowContext.js";
 import { DataTableAction } from "./DataTableAction.js";
+import { useId } from "@radix-ui/react-id";
 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 { 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

@@ -3,11 +3,12 @@ import { Box } from "../box/Box.js";
 import { Group } from "../group/Group.js";
 import { Button } from "../button/Button.js";
 import { useDataTableRowContext } from "./DataTableRowContext.js";
-import { IconAngleDown, IconChevronRight } from "@optiaxiom/icons";
+import { useId } from "@radix-ui/react-id";
 import "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { IconAngleDown } from "@optiaxiom/icons/IconAngleDown";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
 //#region src/data-table/DataTableExpandableCell.tsx
 /**
 * Table cell component with expandable row functionality.
@@ -16,7 +17,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-CTOkUrdE.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-Czp5EU7a.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_19mshzi",
+	base: "_1ihs9ya",
 	variants: { slot: {
 		after: { textAlign: "end" },
 		before: {}

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

@@ -1,16 +1,16 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { useDataTableContext } from "./DataTableContext.js";
 import { Pagination } from "../pagination/Pagination.js";
 import { Select } from "../select/Select.js";
 import { SelectContent } from "../select/SelectContent.js";
 import { SelectTrigger } from "../select/SelectTrigger.js";
 import { addon } from "./DataTableFooter-css.js";
+import { useId } from "@radix-ui/react-id";
 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";
 //#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-CTOkUrdE.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-lhAEWLtg.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"] });
+}, "fgwn6m"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1rh1bl2"],
+	}, "bycuq6"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "bw7749"],
+	}, "_1sg4v8e"],
 	variants: { active: {
-		false: "_9afjhd",
-		true: "_1bv623l"
+		false: "hzreq7",
+		true: "i4shzs"
 	} }
 });
 //#endregion

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

@@ -3,15 +3,15 @@ import { useEvent } from "../hooks/useEvent.js";
 import { useDataTableContext } from "./DataTableContext.js";
 import { TableRow } from "../table/TableRow.js";
 import { DataTableRowProvider } from "./DataTableRowContext.js";
+import { useId } from "@radix-ui/react-id";
 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";
 //#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-CTOkUrdE.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-7G2tadyi.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" }, "a3gdp1"] });
+var date = recipeRuntime({ base: "mus2b2" });
+var input = recipeRuntime({ base: "ko2lv0" });
+var picker = recipeRuntime({ base: "_1eaep8u" });
 //#endregion
 export { clear, date, input, picker };

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

@@ -13,13 +13,14 @@ import { PopoverTrigger } from "../popover/PopoverTrigger.js";
 import { Input } from "../input/Input.js";
 import { Calendar } from "../calendar/Calendar.js";
 import { clear, date, input, picker } from "./DateInput-css.js";
-import { IconCalendar, IconXmark } from "@optiaxiom/icons";
+import { IconXmark } from "@optiaxiom/icons/IconXmark";
+import { useId } from "@radix-ui/react-id";
 import { forwardRef, useRef, useState } from "react";
 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 { IconCalendar } from "@optiaxiom/icons/IconCalendar";
 //#region src/date-input/DateInput.tsx
 /**
 * Input field with calendar that lets user enter dates.
@@ -36,7 +37,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-CTOkUrdE.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

@@ -6,10 +6,10 @@ import { PopoverContent } from "../popover/PopoverContent.js";
 import { Calendar } from "../calendar/Calendar.js";
 import { useDateRangePickerContext } from "./DateRangePickerContext.js";
 import { panels } from "./DateRangePickerContent-css.js";
+import { useId } from "@radix-ui/react-id";
 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";
 //#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

@@ -5,11 +5,11 @@ import { useFieldLabelTrigger } from "../hooks/useFieldLabelTrigger.js";
 import { useLocaleContext } from "../locale/LocaleContext.js";
 import { PopoverTrigger } from "../popover/PopoverTrigger.js";
 import { useDateRangePickerContext } from "./DateRangePickerContext.js";
-import { IconCalendar } from "@optiaxiom/icons";
+import { useId } from "@radix-ui/react-id";
 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 { IconCalendar } from "@optiaxiom/icons/IconCalendar";
 //#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-CTOkUrdE.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-C5EJkJBN.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"] });
+}, "_13uwv6m"] });
 //#endregion
 export { root };

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

@@ -2,10 +2,10 @@
 import { Box } from "../box/Box.js";
 import { root } from "./DetailsPanel-css.js";
 import { DetailsPanelProvider } from "./DetailsPanelContext.js";
+import { useId } from "@radix-ui/react-id";
 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";
 //#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-CTOkUrdE.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DNXKoUAH.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "tu0bot"] });
+}, "_1tbwn6z"] });
 //#endregion
 export { footer };

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

@@ -1,6 +1,6 @@
 "use client";
-import { Group } from "../group/Group.js";
 import { ButtonProvider } from "../button/ButtonContext.js";
+import { Group } from "../group/Group.js";
 import { footer } from "./DetailsPanelFooter-css.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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-CTOkUrdE.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-1c-rhz80.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"] });
+}, "_22ksmm"] });
 //#endregion
 export { header };

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

@@ -1,9 +1,9 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { ButtonProvider } from "../button/ButtonContext.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Heading } from "../heading/Heading.js";
 import { useDetailsPanelContext } from "./DetailsPanelContext.js";
 import { header } from "./DetailsPanelHeader-css.js";

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-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.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"] });
+}, "btuomw"] });
 //#endregion
 export { body };

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

@@ -1,8 +1,8 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
 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/DialogContent.css.ts.vanilla-CvqFUSMl.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/DialogContent.css.ts.vanilla-TXf1xysL.css";
 //#region src/dialog/DialogContent.css.ts
 var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 	backdrop: () => backdrop,
@@ -13,7 +13,7 @@ var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 });
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_4f5hf"
+	true: "_7on3pc"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_9kbelv"],
+	}, "_13dqv03"],
 	variants: { size: {
-		sm: "l7ii8b",
-		md: "_1tjrynn",
-		lg: "_85eh6f",
-		fullscreen: "_1yksszn"
+		sm: "_1ufbdji",
+		md: "m3pjfu",
+		lg: "ebw5vq",
+		fullscreen: "_1rtnrjd"
 	} }
 });
-var nestedDialogCountVar = "var(--iunxkb)";
-var scrollPaddingBottomVar = "var(--a474yw)";
-var scrollPaddingTopVar = "var(--_1elgajb)";
+var nestedDialogCountVar = "var(--wf5fp2)";
+var scrollPaddingBottomVar = "var(--_1irlpew)";
+var scrollPaddingTopVar = "var(--pt8658)";
 //#endregion
 export { DialogContent_css_exports, backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };