@optiaxiom/react 3.2.0 → 3.4.0

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-BdZnAqgW.css";
-import "./../../../../assets/CalendarMonths.css.ts.vanilla-4e_1WDMr.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CalendarMonths.css.ts.vanilla-CnxxqUQV.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1lbvdlz"] });
+}, "_22vqcs"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-DjclDdTl.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-BlU_6EiA.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "_2lbwvt" });
+var button = recipeRuntime({ base: "cazs89" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-DgDFnhnA.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-Do65BKLm.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "_1m05d9f" });
+var button = recipeRuntime({ base: "_10esz6o" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Cover.css.ts.vanilla-CUSPg6QO.css";
-import "./../../../../assets/Card.css.ts.vanilla-CMG_I4-N.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Cover.css.ts.vanilla-DqEtkjf7.css";
+import "./../../../../assets/Card.css.ts.vanilla-9xKuIWs1.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_1unwks9",
+	"_1kxpcdy",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_3y2e75"
+	"telcdc"
 ] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/CardCheckbox.css.ts.vanilla-ZMjbCysz.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-BwUsbvyI.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["zi992h"] });
+var checkbox = recipeRuntime({ base: ["csh0nl"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/CardHeader.css.ts.vanilla-Ce8sGTeb.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-D79tJ5KH.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_1fer5xo",
-		before: "qizdkb"
+		after: "_1gyu4mq",
+		before: "_19gir2p"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_1dyia8s"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "saauj8"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_1y0igob"] });
+}, "_1owwr1k"] });
 //#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-BdZnAqgW.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.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-BdZnAqgW.css";
-import "./../../../../assets/CardPreview.css.ts.vanilla-BNm_FNzG.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-CaCrqvFo.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "a1o1ty"] });
+}, "qa9jlo"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "_17eqokf"] });
+}, "vhaub"] });
 //#endregion
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/Checkbox.js

@@ -13,7 +13,7 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 * @since 0.1.0
 * @category form
 */
-const Checkbox = forwardRef(({ children, description, indeterminate, ...props }, outerRef) => {
+const Checkbox = forwardRef(({ children, description, indeterminate, size = "md", ...props }, outerRef) => {
 	const innerRef = useRef(null);
 	const ref = useComposedRefs(innerRef, outerRef);
 	return /* @__PURE__ */ jsxs(CheckboxRoot, {
@@ -23,10 +23,12 @@ const Checkbox = forwardRef(({ children, description, indeterminate, ...props },
 		children: [
 			/* @__PURE__ */ jsx(CheckboxControl, {
 				indeterminate,
-				shift: Boolean(children)
+				shift: Boolean(children),
+				size
 			}),
 			(children || description) && /* @__PURE__ */ jsx(CheckboxContent, {
 				description,
+				size,
 				children
 			}),
 			props.checked !== void 0 && /* @__PURE__ */ jsx(SuggestionPopover, { style: { marginTop: -2 } })

package/dist/esm/packages/react/src/checkbox/CheckboxContent.js

@@ -5,11 +5,15 @@ import { ToggleInputLabel } from "../toggle-input/ToggleInputLabel.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/checkbox/CheckboxContent.tsx
-const CheckboxContent = forwardRef(({ children, description, ...props }, ref) => {
+const CheckboxContent = forwardRef(({ children, description, size = "md", ...props }, ref) => {
 	return /* @__PURE__ */ jsxs(ToggleInputContent, {
+		fontSize: size,
 		ref,
 		...props,
-		children: [children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }), description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })]
+		children: [children && /* @__PURE__ */ jsx(ToggleInputLabel, {
+			fontWeight: size === "sm" ? "400" : "500",
+			children
+		}), description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })]
 	});
 });
 CheckboxContent.displayName = "@optiaxiom/react/CheckboxContent";

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

@@ -1,21 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-BF4JLCYy.css";
-import "./../../../../assets/CheckboxControl.css.ts.vanilla-DctzaS8B.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-Btri4xVz.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-y5pQ2TBA.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
-	base: [{
-		display: "grid",
-		rounded: "md",
-		size: "sm"
-	}, "c8flby"],
-	variants: { shift: {
-		false: {},
-		true: "_72dbpf"
-	} }
+	base: [{ display: "grid" }, "_1a2of2y"],
+	variants: {
+		shift: {
+			false: {},
+			true: "s50rg3"
+		},
+		size: {
+			sm: [{ rounded: "sm" }, "_1oiurs0"],
+			md: [{ rounded: "md" }, "_747gsv"]
+		}
+	}
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "e2xcnd"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "kemjj7"] });
 var indicator = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "flex",

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

@@ -7,10 +7,13 @@ import { control, icon, indicator } from "./CheckboxControl-css.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/checkbox/CheckboxControl.tsx
-const CheckboxControl = forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
+const CheckboxControl = forwardRef(({ className, indeterminate, shift, size = "md", ...props }, ref) => {
 	return /* @__PURE__ */ jsx(ToggleInputControl, {
 		ref,
-		...control({ shift }, className),
+		...control({
+			shift,
+			size
+		}, className),
 		...props,
 		children: /* @__PURE__ */ jsx(Box, {
 			...indicator(),

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-BdZnAqgW.css";
-import "./../../../../assets/Code.css.ts.vanilla-BGx2FQtX.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Code.css.ts.vanilla-Dj3-b8rY.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_12zpdc1"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "otv84"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/CommandItem.css.ts.vanilla-DeP7V87a.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-C-0oIHpp.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1hz4qco"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "dw69f6"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Cover.css.ts.vanilla-CUSPg6QO.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Cover.css.ts.vanilla-DqEtkjf7.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_11n2fzu", "pcdxid"],
+		false: ["wo4ztv", "_13x9u2u"],
 		true: {}
 	},
 	inset: {
-		false: "ono5li",
-		true: "u706dv"
+		false: "n7ob8c",
+		true: "lsvcwc"
 	}
 } });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-LHrzTC_I.css";
-import "./../../../../assets/DataTableBody.css.ts.vanilla-Ca1_VtLJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-DSR0XpCH.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-DPDVzonQ.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "poiq74"],
+	}, "b6cjqz"],
 	variants: {
 		pinned: {
-			left: "_6qv062",
-			right: "hyxbj4"
+			left: "bcog3q",
+			right: "chh8ti"
 		},
 		pinnedType: {
-			body: "cmo555",
+			body: "_18aeoom",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_1nkz05b"
+			true: "aio3qu"
 		}
 	}
 });
-var cellOffsetVar = "var(--ewpl5i)";
-var cellSizeVar = "var(--_185q9sf)";
-var leftTotalSizeVar = "var(--dgzdg)";
-var rightTotalSizeVar = "var(--kbg88n)";
+var cellOffsetVar = "var(--o1f0n2)";
+var cellSizeVar = "var(--cwir5i)";
+var leftTotalSizeVar = "var(--_1nm6g4t)";
+var rightTotalSizeVar = "var(--_1obdhkf)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1lqqat4"] });
-var totalSizeVar = "var(--rrtdv7)";
+}, "_19fj5xn"] });
+var totalSizeVar = "var(--_1kwmwvy)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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-BdZnAqgW.css";
-import "./../../../../assets/DataTableFooter.css.ts.vanilla-3pUy-adv.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-B_59IZtf.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_5h911p",
+	base: "uzdihz",
 	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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-YohMXUMk.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-DptNjfgl.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"
-}, "_1cezka"] });
+}, "_5xfd5e"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "xuk0vz"],
+	}, "_1mzoyfv"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "l8eayo"],
+	}, "_1oqop71"],
 	variants: { active: {
-		false: "fude50",
-		true: "fsqhfd"
+		false: "_1xg2bra",
+		true: "_19vfzak"
 	} }
 });
 //#endregion

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-BdZnAqgW.css";
-import "./../../../../assets/DateInput.css.ts.vanilla-jWXqWofp.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-CUeoFi_r.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1ueqqje"] });
-var date = recipeRuntime({ base: "_1bb3ub2" });
-var input = recipeRuntime({ base: "_5iwq5d" });
-var picker = recipeRuntime({ base: "ielpa2" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_1vsyo2d"] });
+var date = recipeRuntime({ base: "_1ng7enf" });
+var input = recipeRuntime({ base: "_18s91hp" });
+var picker = recipeRuntime({ base: "zr98qb" });
 //#endregion
 export { clear, date, input, picker };

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

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

@@ -32,6 +32,7 @@ const DateRangePickerTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy,
 		disabled,
 		icon: /* @__PURE__ */ jsx(IconCalendar, {}),
 		id,
+		justifyContent: "flex-start",
 		ref,
 		...props,
 		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsx(Box, {

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-BdZnAqgW.css";
-import "./../../../../assets/DetailsPanel.css.ts.vanilla-BBPUE9Lz.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-BltffQZh.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"
-}, "iagset"] });
+}, "sdf8d4"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DMM_CGuC.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-Bued6kh7.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1vsz67o"] });
+}, "_1rsnifx"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-CICEy2RM.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-hPc3Ohin.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"
-}, "_1oybnxa"] });
+}, "_10zcmho"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.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"
-}, "iiq7n9"] });
+}, "_14o19kn"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/DialogContent.css.ts.vanilla-hhMA4_6k.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/DialogContent.css.ts.vanilla-kxTJiehY.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: "v1o5gt"
+	true: "qytdpn"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "szxzst"],
+	}, "_16kzw8n"],
 	variants: { size: {
-		sm: "_1m4e6t5",
-		md: "f5rk41",
-		lg: "_6181z9",
-		fullscreen: "qq2dia"
+		sm: "_9o1qsu",
+		md: "_1uaojja",
+		lg: "_1gijllm",
+		fullscreen: "_19a5s2k"
 	} }
 });
-var nestedDialogCountVar = "var(--_1dokiy0)";
-var scrollPaddingBottomVar = "var(--zcb7ee)";
-var scrollPaddingTopVar = "var(--_12oj4qe)";
+var nestedDialogCountVar = "var(--_1s46noi)";
+var scrollPaddingBottomVar = "var(--_1iol2un)";
+var scrollPaddingTopVar = "var(--b76mdi)";
 //#endregion
 export { DialogContent_css_exports, backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/DialogFooter.css.ts.vanilla-sCqPYlN3.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DialogFooter.css.ts.vanilla-CgYHznVU.css";
 //#region src/dialog/DialogFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -10,6 +10,6 @@ var footer = recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_1gjx8iy"] });
+}, "_1ixs1g7"] });
 //#endregion
 export { footer };

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

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/DialogHeader.css.ts.vanilla-B6an_-67.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DialogHeader.css.ts.vanilla-Cp8lADgp.css";
 //#region src/dialog/DialogHeader.css.ts
-var actions = recipeRuntime({ base: [{ gap: "8" }, "ngmulp"] });
-var close = recipeRuntime({ base: ["_49mnxu"] });
+var actions = recipeRuntime({ base: [{ gap: "8" }, "_1o1brlh"] });
+var close = recipeRuntime({ base: ["_8cq4kf"] });
 var description = recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_1rqrde3"] });
+}, "pn1373"] });
 var header = recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -19,10 +19,10 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_6ghw04"] });
+}, "xb3mxa"] });
 var title = recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_8bssa9"] });
+}, "_1x7rguk"] });
 //#endregion
 export { actions, close, description, header, title };

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/DisclosureContent.css.ts.vanilla-DkEshdaz.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DisclosureContent.css.ts.vanilla-DGCq6qQ_.css";
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = recipeRuntime({ base: ["ifrady"] });
+var inner = recipeRuntime({ base: ["auqkyt"] });
 var outer = recipeRuntime({
-	base: [{ display: "grid" }, "_1yq2jkd"],
+	base: [{ display: "grid" }, "_1e856zx"],
 	variants: { scale: {
-		false: "wk21v8",
+		false: "_1av6r5y",
 		true: {}
 	} }
 });