@optiaxiom/react 3.4.0 → 3.4.2

package/dist/esm/packages/react/src/sub-nav/SubNav-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/SubNav.css.ts.vanilla-B-caqTC-.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/SubNav.css.ts.vanilla-DabWACnO.css";
 //#region src/sub-nav/SubNav.css.ts
 var nav = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -9,6 +9,6 @@ var nav = recipeRuntime({ base: [{
 	gap: "0",
 	overflow: "hidden",
 	py: "16"
-}, "_4y54pr"] });
+}, "_6x5s27"] });
 //#endregion
 export { nav };

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,25 +1,25 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-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/Switch.css.ts.vanilla-BezFkGHK.css";
+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/Switch.css.ts.vanilla-XTyAMoOR.css";
 //#region src/switch/Switch.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "full"
-	}, "_137x6fu"],
+	}, "trj8pm"],
 	variants: { size: {
-		md: [{ mt: "2" }, "_15kaca4"],
-		lg: ["_4zgj34"]
+		md: [{ mt: "2" }, "gkykrp"],
+		lg: ["_17ctakc"]
 	} }
 });
-var input = recipeRuntime({ base: "_7p1stn" });
-var root = recipeRuntime({ base: ["_7rmm82", "p4xuzb"] });
+var input = recipeRuntime({ base: "_1qpebut" });
+var root = recipeRuntime({ base: ["_1stgjz0", "h49t7o"] });
 var thumb = recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "_1i3n3u8"] });
+}, "eq8c6z"] });
 //#endregion
 export { control, input, root, thumb };

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

@@ -1,16 +1,16 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/Table.css.ts.vanilla-DnrVCqfW.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/Table.css.ts.vanilla-CpzEk8Cf.css";
 //#region src/table/Table.css.ts
 var table = recipeRuntime({
 	base: [{
 		color: "fg.default",
 		fontSize: "md",
 		w: "full"
-	}, "_13grh3h"],
+	}, "_5bb3x"],
 	variants: { layout: {
-		auto: ["t1n7cg"],
-		fixed: [{ display: "grid" }, "h1cpti"]
+		auto: ["_10d22uw"],
+		fixed: [{ display: "grid" }, "mw6qe5"]
 	} }
 });
 var wrapper = recipeRuntime({ base: [{
@@ -20,6 +20,6 @@ var wrapper = recipeRuntime({ base: [{
 	maxW: "full",
 	overflow: "auto",
 	rounded: "xl"
-}, "_19rqg7t"] });
+}, "_8yc6sy"] });
 //#endregion
 export { table, wrapper };

package/dist/esm/packages/react/src/table/Table.js

@@ -27,7 +27,7 @@ import { jsx } from "react/jsx-runtime";
 * @since 1.4.0
 * @category data-display
 */
-const Table = forwardRef(({ children, className, layout = "auto", ...props }, ref) => {
+const Table = forwardRef(({ "aria-colcount": ariaColCount, "aria-rowcount": ariaRowCount, children, className, layout = "auto", ...props }, ref) => {
 	return /* @__PURE__ */ jsx(Box, {
 		ref,
 		tabIndex: 0,
@@ -36,7 +36,11 @@ const Table = forwardRef(({ children, className, layout = "auto", ...props }, re
 		children: /* @__PURE__ */ jsx(Box, {
 			asChild: true,
 			...table({ layout }),
-			children: /* @__PURE__ */ jsx("table", { children })
+			children: /* @__PURE__ */ jsx("table", {
+				"aria-colcount": ariaColCount,
+				"aria-rowcount": ariaRowCount,
+				children
+			})
 		})
 	});
 });

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TableBody.css.ts.vanilla-C_aJuAQl.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TableBody.css.ts.vanilla-crR1TGC6.css";
 //#region src/table/TableBody.css.ts
-var body = recipeRuntime({ base: ["g1zno7"] });
+var body = recipeRuntime({ base: ["_1606l5e"] });
 //#endregion
 export { body };

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

@@ -1,16 +1,16 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-DSR0XpCH.css";
-import "./../../../../assets/TableCell.css.ts.vanilla-wghRn_DY.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-vkZ1kptU.css";
+import "./../../../../assets/TableCell.css.ts.vanilla-DiDN2cdU.css";
 //#region src/table/TableCell.css.ts
 var cell = recipeRuntime({
 	base: [{
 		borderColor: "border.tertiary",
 		p: "16"
-	}, "_1ued4vi"],
+	}, "lg9jeq"],
 	variants: { pinned: {
-		false: "g7qzys",
-		true: "_3vlz1l"
+		false: "lpxksj",
+		true: "_122vfzm"
 	} }
 });
 //#endregion

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TableHeader.css.ts.vanilla-7HQdnYbf.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TableHeader.css.ts.vanilla-C2ewmmGY.css";
 //#region src/table/TableHeader.css.ts
 var header = recipeRuntime({ variants: { pinned: {
 	false: {},
-	true: "_10u7fop"
+	true: "_1tq2gef"
 } } });
 //#endregion
 export { header };

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TableHeaderCell.css.ts.vanilla-Bt4eVYTs.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TableHeaderCell.css.ts.vanilla-D1uFrOQu.css";
 //#region src/table/TableHeaderCell.css.ts
 var cell = recipeRuntime({
-	base: [{ borderColor: "border.tertiary" }, "vtmlao"],
+	base: [{ borderColor: "border.tertiary" }, "_1qcikew"],
 	variants: { pinned: {
-		false: "_11k3hmx",
-		true: "_1a2h80f"
+		false: "_4280j4",
+		true: "_1ffjgot"
 	} }
 });
 var content = recipeRuntime({ base: [{
@@ -19,6 +19,6 @@ var content = recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "_1xgyes8"] });
+}, "u08w16"] });
 //#endregion
 export { cell, content };

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

@@ -1,14 +1,14 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-DSR0XpCH.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-vkZ1kptU.css";
 //#region src/table/TableRow.css.ts
 var row = recipeRuntime({ base: [
-	"zhqoew",
+	"v43xcm",
 	{
 		transition: "colors",
 		w: "full"
 	},
-	"e1dgg3"
+	"rozwmc"
 ] });
 //#endregion
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/Tabs.css.ts.vanilla-CBBiO-j_.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/Tabs.css.ts.vanilla-4bg6JV04.css";
 //#region src/tabs/Tabs.css.ts
-var tabs = recipeRuntime({ base: [{ display: "flex" }, "sgokoq"] });
+var tabs = recipeRuntime({ base: [{ display: "flex" }, "_1eoj05z"] });
 //#endregion
 export { tabs };

package/dist/esm/packages/react/src/tabs/TabsList-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TabsList.css.ts.vanilla-AEG9lljk.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TabsList.css.ts.vanilla-CCx1Zbti.css";
 //#region src/tabs/TabsList.css.ts
 var list = recipeRuntime({ base: [{
 	borderColor: "border.tertiary",
 	display: "flex"
-}, "_1rpgh3x"] });
+}, "y687xy"] });
 //#endregion
 export { list };

package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TabsTrigger.css.ts.vanilla-J-YweV8O.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TabsTrigger.css.ts.vanilla-DhPtQAGY.css";
 //#region src/tabs/TabsTrigger.css.ts
 var content = recipeRuntime({ base: [{
 	gap: "8",
@@ -8,9 +8,9 @@ var content = recipeRuntime({ base: [{
 	py: "6",
 	rounded: "sm",
 	transition: "colors"
-}, "_1s2iivt"] });
+}, "cka8de"] });
 var trigger = recipeRuntime({ base: [
-	"_13jgeq6",
+	"_1bhr07i",
 	{
 		flex: ["1", "initial"],
 		fontSize: "md",
@@ -18,7 +18,7 @@ var trigger = recipeRuntime({ base: [
 		py: "4",
 		transition: "colors"
 	},
-	"_1bqh0up"
+	"_125vk33"
 ] });
 //#endregion
 export { content, trigger };

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,38 +1,38 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/Text.css.ts.vanilla-BDTf-t9g.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/Text.css.ts.vanilla-DKoKrE5V.css";
 //#region src/text/Text.css.ts
 var text = recipeRuntime(function() {
 	var x = { variants: {
 		lineClamp: {
 			"1": [
 				{ overflow: "hidden" },
-				"bikkfp",
-				"_1rxkvm8",
-				"l1d04h"
+				"ez81cf",
+				"_15fqawn",
+				"_1nsieec"
 			],
 			"2": [
 				void 0,
-				"bikkfp",
-				"_1rxkvm8",
-				"_1f5pbo0"
+				"ez81cf",
+				"_15fqawn",
+				"u9l7yu"
 			],
 			"3": [
 				void 0,
-				"bikkfp",
-				"_1rxkvm8",
-				"_9qmi70"
+				"ez81cf",
+				"_15fqawn",
+				"_19frv5u"
 			],
 			"4": [
 				void 0,
-				"bikkfp",
-				"_1rxkvm8",
-				"_1jtzszr"
+				"ez81cf",
+				"_15fqawn",
+				"_1u15fji"
 			]
 		},
 		truncate: { true: [
 			void 0,
-			"bikkfp",
+			"ez81cf",
 			{ whiteSpace: "nowrap" }
 		] }
 	} };

package/dist/esm/packages/react/src/textarea/Textarea-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/Textarea.css.ts.vanilla-DGkLRiN2.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/Textarea.css.ts.vanilla-D_taP2Ki.css";
 //#region src/textarea/Textarea.css.ts
-var addon = recipeRuntime({ base: "_1l1wblg" });
+var addon = recipeRuntime({ base: "eb9xwv" });
 //#endregion
 export { addon };

package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/TextareaAutosize.css.ts.vanilla-gZ6YGeZq.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/TextareaAutosize.css.ts.vanilla-D5fOMA6C.css";
 //#region src/textarea/TextareaAutosize.css.ts
-var shadow = recipeRuntime({ base: ["r8bvym", "_1k7okdh"] });
+var shadow = recipeRuntime({ base: ["s5kj3y", "_1qja9sa"] });
 var textarea = recipeRuntime({
-	base: ["r8bvym", "nzggg8"],
+	base: ["s5kj3y", "_1js39u3"],
 	variants: { resize: {
 		auto: { overflow: "hidden" },
 		none: {},
@@ -19,16 +19,16 @@ var wrapper = recipeRuntime({
 	},
 	variants: {
 		maxRows: {
-			"1": ["gpi12b", "_1egph34"],
-			"2": ["gpi12b", "_1mb88ld"],
-			"3": ["gpi12b", "jtn5uk"],
-			"4": ["gpi12b", "flts04"],
-			"5": ["gpi12b", "mbb2mj"]
+			"1": ["_2womp0", "_119p5c5"],
+			"2": ["_2womp0", "_1q9enum"],
+			"3": ["_2womp0", "_2gmvds"],
+			"4": ["_2womp0", "_5ioh2v"],
+			"5": ["_2womp0", "m8zkar"]
 		},
 		resize: {
 			auto: {},
 			none: {},
-			vertical: "_1djolh4"
+			vertical: "_1wdtlpi"
 		}
 	}
 });

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,16 +1,16 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/ToastProvider.css.ts.vanilla-GGwFOQR-.css";
-import "./../../../../assets/Toast.css.ts.vanilla-CRqYx9lt.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/ToastProvider.css.ts.vanilla-oEiem6xQ.css";
+import "./../../../../assets/Toast.css.ts.vanilla-CiZvZs8v.css";
 //#region src/toast/Toast.css.ts
 var icon = recipeRuntime({ base: [{
 	alignSelf: "start",
 	mt: "4"
-}, "o3k5sz"] });
-var offsetVar = "var(--htgulr)";
+}, "_1mnngil"] });
+var offsetVar = "var(--_2l7jwm)";
 var root = recipeRuntime({
 	base: [
-		"b4exml",
+		"o9bt2d",
 		{
 			alignItems: "center",
 			bg: "bg.default.inverse",
@@ -25,14 +25,14 @@ var root = recipeRuntime({
 			shadow: "md",
 			w: ["full", "max"]
 		},
-		"_1lhu974"
+		"oxy5xi"
 	],
 	variants: { intent: {
-		danger: "cgsw8h",
-		information: "qasrob",
-		neutral: "_1aeszs1",
-		success: "_6wvhrj",
-		warning: "_9jsgc3"
+		danger: "ii242p",
+		information: "vyaram",
+		neutral: "_1b3julg",
+		success: "yqihq0",
+		warning: "_1yaw1pc"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/toast/ToastProvider-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/ToastProvider.css.ts.vanilla-GGwFOQR-.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/ToastProvider.css.ts.vanilla-oEiem6xQ.css";
 var viewport = recipeRuntime({
 	base: [{
 		flexDirection: "column",
@@ -11,14 +11,14 @@ var viewport = recipeRuntime({
 		p: "24",
 		w: ["full", "384"],
 		z: "toast"
-	}, "_116a95p"],
+	}, "_159o16n"],
 	variants: { position: {
-		bottom: "_1erfu3g",
-		"bottom-left": "wvu04k",
-		"bottom-right": ["right-scroll-bar-position", "pzg2kh"],
-		top: "uam9m6",
-		"top-left": "_182bwqg",
-		"top-right": ["right-scroll-bar-position", "_1rup80x"]
+		bottom: "_1fpld3a",
+		"bottom-left": "_1c5gsu6",
+		"bottom-right": ["right-scroll-bar-position", "us8ktt"],
+		top: "i33213",
+		"top-left": "_1vebz89",
+		"top-right": ["right-scroll-bar-position", "_1fgsu2"]
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/toast/ToastTitle-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/ToastTitle.css.ts.vanilla-DSaEV5vr.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/ToastTitle.css.ts.vanilla-Ds25BUmP.css";
 //#region src/toast/ToastTitle.css.ts
-var title = recipeRuntime({ base: [{ flex: "1" }, "_1v5zo2n"] });
+var title = recipeRuntime({ base: [{ flex: "1" }, "zwwpm9"] });
 //#endregion
 export { title };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,16 +1,16 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-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/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-CDDTBAAx.css";
 //#region src/toggle-input/ToggleInput.css.ts
 var toggleInput = recipeRuntime({ base: [
-	"_6492wf",
+	"_1iyrexh",
 	{
 		alignItems: "start",
 		display: "inline-flex",
 		gap: "8"
 	},
-	"_1vtkxbj"
+	"_1u9boyh"
 ] });
 //#endregion
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-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/ToggleInputControl.css.ts.vanilla-DL_tYiKd.css";
+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/ToggleInputControl.css.ts.vanilla-Co03fpB5.css";
 //#region src/toggle-input/ToggleInputControl.css.ts
-var control = recipeRuntime({ base: ["oq41bf"] });
+var control = recipeRuntime({ base: ["_2rdwyn"] });
 //#endregion
 export { control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
 //#region src/toggle-input/ToggleInputHiddenInput.css.ts
-var className = "errmmk";
+var className = "_11n9asn";
 //#endregion
 export { className };

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
 //#region src/tooltip/TooltipContent.css.ts
 var content = recipeRuntime({
 	base: [{

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,13 +1,13 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
-import "./../../../../assets/Transition.css.ts.vanilla-BVm9i6PY.css";
+import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/Transition.css.ts.vanilla-DN99cLiI.css";
 //#region src/transition/Transition.css.ts
 var transition = recipeRuntime({
-	base: "_320ozh",
+	base: "ppejkb",
 	variants: { duration: {
-		sm: "_1xyjsol",
-		md: "_1afh2yx",
-		lg: "_3kudun"
+		sm: "x8doja",
+		md: "kym6zl",
+		lg: "_1a5c67s"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/utils/rem.js

@@ -4,10 +4,12 @@
 * (e.g. `16px`) on the same `:root` or `:host` as the theme to decouple sizing
 * from the page's root font size. Media queries can't read custom properties,
 * so breakpoints must use plain `rem` instead.
+*
+* Falls back to `1rem` for hosts whose ThemeProvider predates the variable.
 */
 const rem = (value) => {
 	const units = value.endsWith("px") ? parseFloat(value) / 16 : value.endsWith("rem") ? parseFloat(value) : null;
-	return units === null ? value : `calc(${parseFloat(units.toFixed(4))} * var(--ax-styles-scale))`;
+	return units === null ? value : `calc(${parseFloat(units.toFixed(4))} * var(--ax-styles-scale, 1rem))`;
 };
 //#endregion
 export { rem };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "files": [
     "dist/**",
     "LICENSE"
@@ -47,7 +47,7 @@
     "@dnd-kit/helpers": "^0.5.0",
     "@dnd-kit/react": "^0.5.0",
     "@optiaxiom/globals": "^3.0.7",
-    "@optiaxiom/icons": "^1.8.0",
+    "@optiaxiom/icons": "^1.10.0",
     "@radix-ui/react-arrow": "^1.1.7",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-collapsible": "^1.1.12",

package/dist/cjs/assets/ActionsContent.css.ts.vanilla-vP7vU13T.css

@@ -1,22 +0,0 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .e7g6i9 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1ioa4j4:not(:has(._1ioa4j4)):focus-within .e7g6i9, .e7g6i9:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1cbh29o {
-    opacity: 1;
-  }
-  ._1xio65g {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1ioa4j4:not(:has(._1ioa4j4)):hover .e7g6i9 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/Alert.css.ts.vanilla-BmRGDGQI.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .nkgehe {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/AlertDialogContent.css.ts.vanilla-C3Q_eWoe.css

@@ -1,30 +0,0 @@
-@layer optiaxiom.kpdghm;
-@layer optiaxiom.kpdghm {
-  .vyi5i2 {
-    opacity: 0;
-  }
-  .s2oyne {
-    inset: 0;
-    position: fixed;
-  }
-  .bolkbj {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * calc(1.5 * var(--ax-styles-scale)));
-    transform: 
-      translateY(calc(calc(1 * var(--ax-styles-scale)) * var(--_2fczyw)))
-      scale(calc(1 - 0.06 * var(--_2fczyw)))
-    ;
-  }
-  .bolkbj:focus-visible {
-    outline: none;
-  }
-  ._1g2mh37 {
-    width: calc(25 * var(--ax-styles-scale));
-  }
-  ._1vpze75 {
-    width: calc(37.5 * var(--ax-styles-scale));
-  }
-  ._16guw5w {
-    width: calc(50 * var(--ax-styles-scale));
-  }
-}