@optiaxiom/react 3.1.8 → 3.2.0

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-aCHm1GAF.css";
-import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-Bh9xEx_G.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-DjclDdTl.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "_2e2png" });
+var button = recipeRuntime({ base: "_2lbwvt" });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-B1ICJIZL.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-DgDFnhnA.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "d7v83a" });
+var button = recipeRuntime({ base: "_1m05d9f" });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DqYtGV-5.css";
-import "./../../../../assets/Card.css.ts.vanilla-BOdt3Fem.css";
+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";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_12aeklv",
+	"_1unwks9",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_43wuty"
+	"_3y2e75"
 ] });
 //#endregion
 export { card };

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

@@ -15,9 +15,11 @@ 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();
 	return /* @__PURE__ */ jsx(CardProvider, {
-		descriptionId: useId$1(),
-		labelId: useId$1(),
+		descriptionId,
+		labelId,
 		children: /* @__PURE__ */ jsx(ActionsRoot, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Group, {

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-aCHm1GAF.css";
-import "./../../../../assets/CardCheckbox.css.ts.vanilla-BESXN_Eo.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-ZMjbCysz.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["_1prond0"] });
+var checkbox = recipeRuntime({ base: ["zi992h"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/CardHeader.css.ts.vanilla-1xrEns-Z.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-Ce8sGTeb.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_1e3uq0w",
-		before: "_80dv0x"
+		after: "_1fer5xo",
+		before: "qizdkb"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_84vdsm"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "_1dyia8s"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "amtcwl"] });
+}, "_1y0igob"] });
 //#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-aCHm1GAF.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.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-aCHm1GAF.css";
-import "./../../../../assets/CardPreview.css.ts.vanilla-Czs6JB3N.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-BNm_FNzG.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "_1nf1coi"] });
+}, "a1o1ty"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "zekop4"] });
+}, "_17eqokf"] });
 //#endregion
 export { overlay, preview };

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

@@ -14,7 +14,8 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 * @category form
 */
 const Checkbox = forwardRef(({ children, description, indeterminate, ...props }, outerRef) => {
-	const ref = useComposedRefs(useRef(null), outerRef);
+	const innerRef = useRef(null);
+	const ref = useComposedRefs(innerRef, outerRef);
 	return /* @__PURE__ */ jsxs(CheckboxRoot, {
 		"aria-checked": indeterminate ? "mixed" : void 0,
 		ref,

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

@@ -1,21 +1,21 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-aCHm1GAF.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-C-3yrfwt.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-BhlH8fTl.css";
-import "./../../../../assets/CheckboxControl.css.ts.vanilla-Dc9odhS-.css";
+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";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1mc3zgp"],
+	}, "c8flby"],
 	variants: { shift: {
 		false: {},
-		true: "_4w9pf0"
+		true: "_72dbpf"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "_12ptyc2"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "e2xcnd"] });
 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-aCHm1GAF.css";
-import "./../../../../assets/Code.css.ts.vanilla-Cijxcyq-.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/Code.css.ts.vanilla-BGx2FQtX.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1bvczyz"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_12zpdc1"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/CommandItem.css.ts.vanilla-DHgk9D2B.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-DeP7V87a.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "r7adrd"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1hz4qco"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DqYtGV-5.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/Cover.css.ts.vanilla-CUSPg6QO.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["lifbkq", "_1a1fiiw"],
+		false: ["_11n2fzu", "pcdxid"],
 		true: {}
 	},
 	inset: {
-		false: "_7ytikd",
-		true: "xv6gpq"
+		false: "ono5li",
+		true: "u706dv"
 	}
 } });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-Dl7NHtD0.css";
-import "./../../../../assets/DataTableBody.css.ts.vanilla-B_YmlRwo.css";
+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";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "_15ihvko"],
+	}, "poiq74"],
 	variants: {
 		pinned: {
-			left: "_16zfw2z",
-			right: "_88j6aj"
+			left: "_6qv062",
+			right: "hyxbj4"
 		},
 		pinnedType: {
-			body: "_13c236l",
+			body: "cmo555",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "hn4ybb"
+			true: "_1nkz05b"
 		}
 	}
 });
-var cellOffsetVar = "var(--_1rwxfsw)";
-var cellSizeVar = "var(--_17tsmk6)";
-var leftTotalSizeVar = "var(--_105z895)";
-var rightTotalSizeVar = "var(--_1ga2x3p)";
+var cellOffsetVar = "var(--ewpl5i)";
+var cellSizeVar = "var(--_185q9sf)";
+var leftTotalSizeVar = "var(--dgzdg)";
+var rightTotalSizeVar = "var(--kbg88n)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1qviswm"] });
-var totalSizeVar = "var(--k8y2p8)";
+}, "_1lqqat4"] });
+var totalSizeVar = "var(--rrtdv7)";
 //#endregion
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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

@@ -140,27 +140,27 @@ const DataTableBody = forwardRef(({ className, estimatedRowHeight = 52, loading,
 						transform: `translateY(${virtualRow.start}px)`
 					} : void 0,
 					children: [
-						row.getLeftVisibleCells().map((cell$2) => /* @__PURE__ */ jsx(TableCell, {
+						row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsx(TableCell, {
 							pinned: true,
 							style: { ...assignInlineVars({
-								[cellOffsetVar]: `${cell$2.column.getStart("left")}px`,
-								[cellSizeVar]: `${cell$2.column.getSize()}`
+								[cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
+								[cellSizeVar]: `${cell$1.column.getSize()}`
 							}) },
 							...cell({
 								pinned: "left",
 								pinnedType: "body",
-								resizable: cell$2.column.getCanResize()
+								resizable: cell$1.column.getCanResize()
 							}),
-							children: flexRender(cell$2.column.columnDef.cell, cell$2.getContext())
-						}, cell$2.id)),
+							children: flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+						}, cell$1.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$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.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$3) => /* @__PURE__ */ jsx(TableCell, {
 							pinned: true,
 							style: { ...assignInlineVars({

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-aCHm1GAF.css";
-import "./../../../../assets/DataTableFooter.css.ts.vanilla-_g-8uEj8.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-3pUy-adv.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "grznyc",
+	base: "_5h911p",
 	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-aCHm1GAF.css";
-import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-DIdgup5l.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-YohMXUMk.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"
-}, "_1uip5d7"] });
+}, "_1cezka"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1olsfy6"],
+	}, "xuk0vz"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_8p1vjg"],
+	}, "l8eayo"],
 	variants: { active: {
-		false: "_1jaywef",
-		true: "xgwcdh"
+		false: "fude50",
+		true: "fsqhfd"
 	} }
 });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/DateInput.css.ts.vanilla-CFyDXuJ2.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-jWXqWofp.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_9dosb6"] });
-var date = recipeRuntime({ base: "_2rtmcl" });
-var input = recipeRuntime({ base: "_1t8ih8w" });
-var picker = recipeRuntime({ base: "_1yeguns" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_1ueqqje"] });
+var date = recipeRuntime({ base: "_1bb3ub2" });
+var input = recipeRuntime({ base: "_5iwq5d" });
+var picker = recipeRuntime({ base: "ielpa2" });
 //#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-aCHm1GAF.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.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/layers.css.ts.vanilla-aCHm1GAF.css";
-import "./../../../../assets/DetailsPanel.css.ts.vanilla-D4bybU6O.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-BBPUE9Lz.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"
-}, "_1r0ohqw"] });
+}, "iagset"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DlB4Wivw.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DMM_CGuC.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1jvagyd"] });
+}, "_1vsz67o"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-BMH9x8db.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-CICEy2RM.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"
-}, "_1d6sgsk"] });
+}, "_1oybnxa"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-C-3yrfwt.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.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"
-}, "_1oubs6g"] });
+}, "iiq7n9"] });
 //#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-aCHm1GAF.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-C-3yrfwt.css";
-import "./../../../../assets/DialogContent.css.ts.vanilla-DOK4JdSU.css";
+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";
 //#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: "m8m6es"
+	true: "v1o5gt"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1g2rfa6"],
+	}, "szxzst"],
 	variants: { size: {
-		sm: "mavtom",
-		md: "rb5adi",
-		lg: "_1f79xcy",
-		fullscreen: "ug11ox"
+		sm: "_1m4e6t5",
+		md: "f5rk41",
+		lg: "_6181z9",
+		fullscreen: "qq2dia"
 	} }
 });
-var nestedDialogCountVar = "var(--_1m4tmts)";
-var scrollPaddingBottomVar = "var(--_1ke0kiz)";
-var scrollPaddingTopVar = "var(--_1pcr3wb)";
+var nestedDialogCountVar = "var(--_1dokiy0)";
+var scrollPaddingBottomVar = "var(--zcb7ee)";
+var scrollPaddingTopVar = "var(--_12oj4qe)";
 //#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-aCHm1GAF.css";
-import "./../../../../assets/DialogFooter.css.ts.vanilla-Z0VDLt_P.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DialogFooter.css.ts.vanilla-sCqPYlN3.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"
-}, "_8zgolc"] });
+}, "_1gjx8iy"] });
 //#endregion
 export { footer };

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

@@ -12,10 +12,11 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 */
 const DialogFooter = forwardRef(({ children, className, ...props }, outerRef) => {
 	const { footerRef } = useDialogContext("@optiaxiom/react/DialogFooter");
+	const ref = useComposedRefs(footerRef, outerRef);
 	return /* @__PURE__ */ jsx(ButtonProvider, {
 		size: "lg",
 		children: /* @__PURE__ */ jsx(Group, {
-			ref: useComposedRefs(footerRef, outerRef),
+			ref,
 			...footer({}, className),
 			...props,
 			children

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-aCHm1GAF.css";
-import "./../../../../assets/DialogHeader.css.ts.vanilla-Br8_B5aO.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DialogHeader.css.ts.vanilla-B6an_-67.css";
 //#region src/dialog/DialogHeader.css.ts
-var actions = recipeRuntime({ base: [{ gap: "8" }, "xenfh"] });
-var close = recipeRuntime({ base: ["_1s5yptm"] });
+var actions = recipeRuntime({ base: [{ gap: "8" }, "ngmulp"] });
+var close = recipeRuntime({ base: ["_49mnxu"] });
 var description = recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_1vl8wkt"] });
+}, "_1rqrde3"] });
 var header = recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -19,10 +19,10 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1095ql6"] });
+}, "_6ghw04"] });
 var title = recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_10qicog"] });
+}, "_8bssa9"] });
 //#endregion
 export { actions, close, description, header, title };

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

@@ -18,8 +18,9 @@ import * as RadixDialog from "@radix-ui/react-dialog";
 */
 const DialogHeader = forwardRef(({ addonAfter, children, className, description: description$1, lineClamp, truncate, ...props }, outerRef) => {
 	const { headerRef } = useDialogContext("@optiaxiom/react/DialogHeader");
+	const ref = useComposedRefs(headerRef, outerRef);
 	return /* @__PURE__ */ jsxs(Box, {
-		ref: useComposedRefs(headerRef, outerRef),
+		ref,
 		...header({}, className),
 		...props,
 		children: [

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-aCHm1GAF.css";
-import "./../../../../assets/DisclosureContent.css.ts.vanilla-VUAOYq0I.css";
+import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/DisclosureContent.css.ts.vanilla-DkEshdaz.css";
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = recipeRuntime({ base: ["_1isi5w0"] });
+var inner = recipeRuntime({ base: ["ifrady"] });
 var outer = recipeRuntime({
-	base: [{ display: "grid" }, "_19qwxs7"],
+	base: [{ display: "grid" }, "_1yq2jkd"],
 	variants: { scale: {
-		false: "_18svq07",
+		false: "wk21v8",
 		true: {}
 	} }
 });