@optiaxiom/react 3.1.9 → 3.3.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-BY6P4lrq.css";
-import "./../../../../assets/CalendarMonths.css.ts.vanilla-BtqZL930.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CalendarMonths.css.ts.vanilla-DNNUVmM8.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_18ourm2"] });
+}, "_1aznluc"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-COxF5N9b.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CalendarNextMonthButton.css.ts.vanilla-BnptPiDq.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "kwhhei" });
+var button = recipeRuntime({ base: "_1xle27a" });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-DXBn6cdu.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CalendarPreviousMonthButton.css.ts.vanilla-D__caUZ2.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "nqgoeu" });
+var button = recipeRuntime({ base: "a3hftq" });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DtrMUDzX.css";
-import "./../../../../assets/Card.css.ts.vanilla-BABIzRhJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Cover.css.ts.vanilla-DRjhP4DG.css";
+import "./../../../../assets/Card.css.ts.vanilla-BDYB981h.css";
 //#region src/card/Card.css.ts
 var card = recipeRuntime({ base: [
-	"_6t5khh",
+	"_1ayiyun",
 	{
 		alignItems: "start",
 		bg: "bg.default",
@@ -16,7 +16,7 @@ var card = recipeRuntime({ base: [
 		gap: "8",
 		p: "16"
 	},
-	"_1nqesfp"
+	"b13bgy"
 ] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/CardCheckbox.css.ts.vanilla-DXzY-eRb.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CardCheckbox.css.ts.vanilla-JmvPOITu.css";
 //#region src/card/CardCheckbox.css.ts
-var checkbox = recipeRuntime({ base: ["j7y358"] });
+var checkbox = recipeRuntime({ base: ["twgkoh"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/CardHeader.css.ts.vanilla-Byoe_Dks.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CardHeader.css.ts.vanilla-Ck608Sco.css";
 //#region src/card/CardHeader.css.ts
 var addon = recipeRuntime({
 	base: [{
@@ -8,15 +8,15 @@ var addon = recipeRuntime({
 		gap: "8"
 	}],
 	variants: { slot: {
-		after: "_130l130",
-		before: "_1uvcb12"
+		after: "_1omh8a4",
+		before: "mx91n8"
 	} }
 });
-var content = recipeRuntime({ base: [{ flex: "1" }, "_11b6igd"] });
+var content = recipeRuntime({ base: [{ flex: "1" }, "_10a67v"] });
 var header = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	gap: "12",
 	justifyContent: "space-between"
-}, "_3j17l2"] });
+}, "_1kus76s"] });
 //#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-BY6P4lrq.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.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-BY6P4lrq.css";
-import "./../../../../assets/CardPreview.css.ts.vanilla-jJ9Ck56P.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CardPreview.css.ts.vanilla-BJh8eStq.css";
 //#region src/card/CardPreview.css.ts
 var overlay = recipeRuntime({ base: [{
 	display: "flex",
 	flexWrap: "wrap"
-}, "j656wj"] });
+}, "_1ayaib1"] });
 var preview = recipeRuntime({ base: [{
 	alignSelf: "stretch",
 	display: "grid",
 	placeItems: "center"
-}, "qv54y8"] });
+}, "siym6o"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-CO52foo8.css";
-import "./../../../../assets/CheckboxControl.css.ts.vanilla-BDoChFNw.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-eOzUU8G3.css";
+import "./../../../../assets/CheckboxControl.css.ts.vanilla-BTIVccyP.css";
 //#region src/checkbox/CheckboxControl.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "md",
 		size: "sm"
-	}, "_1ndakp5"],
+	}, "vshcja"],
 	variants: { shift: {
 		false: {},
-		true: "uc1oy2"
+		true: "ja6slq"
 	} }
 });
-var icon = recipeRuntime({ base: [{ transition: "all" }, "_1ebmi86"] });
+var icon = recipeRuntime({ base: [{ transition: "all" }, "_1bbz2c0"] });
 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-BY6P4lrq.css";
-import "./../../../../assets/Code.css.ts.vanilla-Cd573tGd.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Code.css.ts.vanilla-htvz6_cy.css";
 //#region src/code/Code.css.ts
-var code = recipeRuntime({ base: [{ fontWeight: "600" }, "gt4kgg"] });
+var code = recipeRuntime({ base: [{ fontWeight: "600" }, "_1b6efhi"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/CommandItem.css.ts.vanilla-CHxs4Hcs.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/CommandItem.css.ts.vanilla-ABxBSb3t.css";
 //#region src/command/CommandItem.css.ts
-var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1t9qop8"] });
+var detail = recipeRuntime({ base: [{ color: "fg.secondary" }, "_1m9gx3c"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/Cover.css.ts.vanilla-DtrMUDzX.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Cover.css.ts.vanilla-DRjhP4DG.css";
 //#region src/cover/Cover.css.ts
 var cover = recipeRuntime({ variants: {
 	disabled: {
-		false: ["_1o5fp2u", "_1skddte"],
+		false: ["_6ffwzv", "_97my5k"],
 		true: {}
 	},
 	inset: {
-		false: "g1u9ch",
-		true: "_1cslvzz"
+		false: "_1h0u8vn",
+		true: "_1f7dd42"
 	}
 } });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-BopJrHCd.css";
-import "./../../../../assets/DataTableBody.css.ts.vanilla-Te6-L0mS.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-BIqEL9Oi.css";
+import "./../../../../assets/DataTableBody.css.ts.vanilla-Dlb5GTt6.css";
 //#region src/data-table/DataTableBody.css.ts
 var cell = recipeRuntime({
 	base: [{
 		alignItems: "start",
 		display: "flex"
-	}, "qcux0m"],
+	}, "_10h5f6l"],
 	variants: {
 		pinned: {
-			left: "_1g7g9m",
-			right: "_111aijs"
+			left: "o7hv78",
+			right: "_10cl4vx"
 		},
 		pinnedType: {
-			body: "_1izjvhz",
+			body: "jd82jp",
 			header: {}
 		},
 		resizable: {
 			false: {},
-			true: "_1kgtokl"
+			true: "yghkcm"
 		}
 	}
 });
-var cellOffsetVar = "var(--_17omnbf)";
-var cellSizeVar = "var(--_7gvhsy)";
-var leftTotalSizeVar = "var(--_1qn5yod)";
-var rightTotalSizeVar = "var(--wupbcq)";
+var cellOffsetVar = "var(--q169dm)";
+var cellSizeVar = "var(--_14zutqx)";
+var leftTotalSizeVar = "var(--_1g5lat0)";
+var rightTotalSizeVar = "var(--_1orj7i3)";
 var root = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	maxW: "full",
 	overflow: "hidden",
 	rounded: "lg"
-}, "_1gvd18y"] });
-var totalSizeVar = "var(--_1ddfrmk)";
+}, "_1f62e4o"] });
+var totalSizeVar = "var(--njnzk4)";
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DataTableFooter.css.ts.vanilla-_hXusNbR.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DataTableFooter.css.ts.vanilla-BSrgf-p-.css";
 //#region src/data-table/DataTableFooter.css.ts
 var addon = recipeRuntime({
-	base: "_1wsyeqn",
+	base: "_1xbspxh",
 	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-BY6P4lrq.css";
-import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-DdCelq_I.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DataTableHeaderCell.css.ts.vanilla-Cs7YB2FH.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"
-}, "hgdf3x"] });
+}, "y3aie6"] });
 var handle = recipeRuntime({
 	base: [{
 		h: "full",
 		z: "10"
-	}, "_1dn09xt"],
+	}, "tsogv8"],
 	variants: { resizing: {
 		false: {},
 		true: { borderColor: "border.focus" }
@@ -28,10 +28,10 @@ var icon = recipeRuntime({
 		h: "12",
 		mx: "2",
 		transition: "opacity"
-	}, "_1eiyli6"],
+	}, "p54ccs"],
 	variants: { active: {
-		false: "kusvl7",
-		true: "rp4jr9"
+		false: "_3ekw7e",
+		true: "_14zvy80"
 	} }
 });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DateInput.css.ts.vanilla-B0SMZwyr.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DateInput.css.ts.vanilla-B5kOclV9.css";
 //#region src/date-input/DateInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_13bynhy"] });
-var date = recipeRuntime({ base: "_3204oz" });
-var input = recipeRuntime({ base: "_1kh3jjy" });
-var picker = recipeRuntime({ base: "krgghs" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "_1x68uux"] });
+var date = recipeRuntime({ base: "h8ynya" });
+var input = recipeRuntime({ base: "_18ifzoo" });
+var picker = recipeRuntime({ base: "_9xx7un" });
 //#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-BY6P4lrq.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.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-BY6P4lrq.css";
-import "./../../../../assets/DetailsPanel.css.ts.vanilla-DPyYk2q9.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DetailsPanel.css.ts.vanilla-DHbXOV60.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"
-}, "_10vq0m3"] });
+}, "ieinji"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-DJ2T6cpc.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DetailsPanelFooter.css.ts.vanilla-Bqm8MPKU.css";
 //#region src/details-panel/DetailsPanelFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
 	gap: "8",
 	p: "16",
 	pt: "8"
-}, "_1bfy5vg"] });
+}, "_1yrs53z"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-CzexSrsl.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DetailsPanelHeader.css.ts.vanilla-BUD0e3ZT.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"
-}, "xxrrd6"] });
+}, "prnvo6"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.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"
-}, "cj7aid"] });
+}, "_1tns6b9"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/DialogContent.css.ts.vanilla-DDXceMqB.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css";
+import "./../../../../assets/DialogContent.css.ts.vanilla-6rMOnSEM.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: "edr8lz"
+	true: "_1pnxwzk"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_16wrplq"],
+	}, "ago7co"],
 	variants: { size: {
-		sm: "_12t08ol",
-		md: "_1tlqsgg",
-		lg: "_1o2zt5k",
-		fullscreen: "_1jxohx6"
+		sm: "_15v4s3g",
+		md: "_72cs1d",
+		lg: "zf03fj",
+		fullscreen: "_7uiuhj"
 	} }
 });
-var nestedDialogCountVar = "var(--vm1jfn)";
-var scrollPaddingBottomVar = "var(--o97pud)";
-var scrollPaddingTopVar = "var(--rkhs39)";
+var nestedDialogCountVar = "var(--g47mz9)";
+var scrollPaddingBottomVar = "var(--_1cjmn4s)";
+var scrollPaddingTopVar = "var(--_1chuky8)";
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DialogFooter.css.ts.vanilla-A0OBT6hQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DialogFooter.css.ts.vanilla-Cl38gimq.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"
-}, "s4bb9k"] });
+}, "_18sixtu"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DialogHeader.css.ts.vanilla-YHBEB6Hf.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DialogHeader.css.ts.vanilla-B-orMJZ6.css";
 //#region src/dialog/DialogHeader.css.ts
-var actions = recipeRuntime({ base: [{ gap: "8" }, "_74fjxo"] });
-var close = recipeRuntime({ base: ["_2d3knv"] });
+var actions = recipeRuntime({ base: [{ gap: "8" }, "_1bbne09"] });
+var close = recipeRuntime({ base: ["sxu0v2"] });
 var description = recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_1x01vo3"] });
+}, "_1vpzpim"] });
 var header = recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -19,10 +19,10 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1cytabl"] });
+}, "qzihu6"] });
 var title = recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "q2rica"] });
+}, "_1xa4efb"] });
 //#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-BY6P4lrq.css";
-import "./../../../../assets/DisclosureContent.css.ts.vanilla-CD7eZ3TJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DisclosureContent.css.ts.vanilla-CCbsL8dJ.css";
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = recipeRuntime({ base: ["soeyjm"] });
+var inner = recipeRuntime({ base: ["v4904g"] });
 var outer = recipeRuntime({
-	base: [{ display: "grid" }, "_1hu31p1"],
+	base: [{ display: "grid" }, "_1yvp0dj"],
 	variants: { scale: {
-		false: "_172terv",
+		false: "_15d08g3",
 		true: {}
 	} }
 });