@optiaxiom/react 3.4.2 → 3.5.0

package/dist/esm/packages/react/src/sprinkles/responsiveSpacing.js

@@ -0,0 +1,65 @@
+import { responsiveProps, spacingBreakpoints, spacingProps, spacingValues } from "./properties-css.js";
+import { mapValues } from "../utils/mapValues.js";
+//#region src/sprinkles/responsiveSpacing.ts
+/**
+* Read from the serialized sprinkles config: importing `conditions` from
+* `utils` would pull every `@optiaxiom/globals` token into the runtime bundle.
+*/
+const { responsiveArray } = responsiveProps.conditions;
+const withBreakpoints = (values, breakpoints) => ({
+	responsiveArray,
+	values: mapValues(values, ({ defaultClass }) => ({
+		conditions: {
+			...mapValues(breakpoints, ({ className }) => className),
+			base: defaultClass
+		},
+		defaultClass
+	}))
+});
+/**
+* `spacingProps` reshaped into a responsive sprinkles config: `base` keeps the
+* static class for each value while `sm`/`md` point every value at the
+* breakpoint's var-backed class. Built at runtime because exporting it from
+* `properties.css.ts` would serialize a class name per value per breakpoint.
+*/
+const responsiveSpacingProps = { styles: {
+	...spacingProps.styles,
+	marginBottom: withBreakpoints(spacingProps.styles.marginBottom.values, spacingBreakpoints.marginBottom),
+	marginLeft: withBreakpoints(spacingProps.styles.marginLeft.values, spacingBreakpoints.marginLeft),
+	marginRight: withBreakpoints(spacingProps.styles.marginRight.values, spacingBreakpoints.marginRight),
+	marginTop: withBreakpoints(spacingProps.styles.marginTop.values, spacingBreakpoints.marginTop),
+	paddingBottom: withBreakpoints(spacingProps.styles.paddingBottom.values, spacingBreakpoints.paddingBottom),
+	paddingLeft: withBreakpoints(spacingProps.styles.paddingLeft.values, spacingBreakpoints.paddingLeft),
+	paddingRight: withBreakpoints(spacingProps.styles.paddingRight.values, spacingBreakpoints.paddingRight),
+	paddingTop: withBreakpoints(spacingProps.styles.paddingTop.values, spacingBreakpoints.paddingTop)
+} };
+const isArray = (value) => Array.isArray(value);
+const shorthands = Object.values(mapValues(spacingProps.styles, (style, name) => "mappings" in style ? {
+	mappings: style.mappings,
+	name
+} : void 0)).filter((shorthand) => shorthand !== void 0);
+const longhands = Object.values(mapValues(spacingBreakpoints, (breakpoints, longhand) => ({
+	breakpoints,
+	propNames: [...shorthands.filter(({ mappings }) => mappings.some((mapping) => mapping === longhand)).map(({ name }) => name), longhand]
+})));
+/**
+* Inline vars for the breakpoint values of padding and margin props, resolved
+* per longhand with the same precedence sprinkles uses for the classes.
+*/
+function responsiveSpacingVars(props) {
+	let vars;
+	for (const longhand of longhands) {
+		const value = longhand.propNames.reduce((result, name) => props[name] ?? result, void 0);
+		if (!value || typeof value !== "object") continue;
+		responsiveArray.forEach((screen, i) => {
+			const token = isArray(value) ? value[i] : value[screen];
+			if (screen !== "base" && token) {
+				vars ??= {};
+				vars[longhand.breakpoints[screen].varName] = spacingValues[token];
+			}
+		});
+	}
+	return vars;
+}
+//#endregion
+export { responsiveSpacingProps, responsiveSpacingVars };

package/dist/esm/packages/react/src/sprinkles/sprinkles.js

@@ -1,9 +1,21 @@
 import { createMapValueFn, createNormalizeValueFn } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.7.0_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_89efa4a89cb381fe770c0ddce96f08b4/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js";
 import { createAtomsFn as createSprinkles } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.7.0_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_89efa4a89cb381fe770c0ddce96f08b4/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
 import { fontFamilyVar, responsiveProps, unresponsiveProps } from "./properties-css.js";
+import { responsiveSpacingProps, responsiveSpacingVars } from "./responsiveSpacing.js";
 //#region src/sprinkles/sprinkles.ts
 const vars = { fontFamilyVar };
-const sprinkles = createSprinkles(unresponsiveProps, responsiveProps);
+const sprinklesClassName = createSprinkles(unresponsiveProps, responsiveSpacingProps, responsiveProps);
+/**
+* Breakpoint values of padding and margin need the inline vars in `style`
+* alongside the classes.
+*/
+const sprinkles = Object.assign((props) => {
+	const style = responsiveSpacingVars(props);
+	return {
+		className: sprinklesClassName(props),
+		...style && { style }
+	};
+}, { properties: sprinklesClassName.properties });
 const mapResponsiveValue = createMapValueFn(responsiveProps);
 const normalizeResponsiveValue = createNormalizeValueFn(responsiveProps);
 //#endregion

package/dist/esm/packages/react/src/sprinkles/sprinklesMerge.js

@@ -1,6 +1,7 @@
 import { responsiveProps, unresponsiveProps } from "./properties-css.js";
+import { responsiveSpacingProps } from "./responsiveSpacing.js";
 import { createSprinklesMerge } from "./createSprinklesMerge.js";
 //#region src/sprinkles/sprinklesMerge.ts
-const sprinklesMerge = createSprinklesMerge(unresponsiveProps, responsiveProps);
+const sprinklesMerge = createSprinklesMerge(unresponsiveProps, responsiveSpacingProps, responsiveProps);
 //#endregion
 export { sprinklesMerge };

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-BFWK0cT2.css";
-import "./../../../../assets/SubNav.css.ts.vanilla-DabWACnO.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/SubNav.css.ts.vanilla-CFdffvHS.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"
-}, "_6x5s27"] });
+}, "_170nyha"] });
 //#endregion
 export { nav };

package/dist/esm/packages/react/src/suggestion/SuggestionAlert.js

@@ -1,7 +1,7 @@
 "use client";
-import { Group } from "../group/Group.js";
 import { useSurface } from "../surface/useSurface.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Button } from "../button/Button.js";
 import { Alert } from "../alert/Alert.js";
 import { useEvent } from "../hooks/useEvent.js";

package/dist/esm/packages/react/src/suggestion/SuggestionAutoPopover.js

@@ -10,9 +10,9 @@ import { useSuggestions } from "../surface/useSuggestions.js";
 import { Popover } from "../popover/Popover.js";
 import { PopoverContent } from "../popover/PopoverContent.js";
 import { PopoverTrigger } from "../popover/PopoverTrigger.js";
-import { IconCheck } from "@optiaxiom/icons";
 import { forwardRef, useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { IconCheck } from "@optiaxiom/icons/IconCheck";
 //#region src/suggestion/SuggestionAutoPopover.tsx
 const SuggestionAutoPopover = forwardRef((props, ref) => {
 	const surface = useSurface("property");

package/dist/esm/packages/react/src/suggestion/SuggestionProvider.js

@@ -1,17 +1,17 @@
 "use client";
-import { Group } from "../group/Group.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Transition } from "../transition/Transition.js";
 import { Button } from "../button/Button.js";
 import { Portal } from "../portal/Portal.js";
-import { IconXmark } from "@optiaxiom/icons";
+import { IconXmark } from "@optiaxiom/icons/IconXmark";
+import { useId } from "@radix-ui/react-id";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { unstable_SuggestionContext } from "@optiaxiom/globals";
-import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/suggestion/SuggestionProvider.tsx
 function SuggestionProvider({ children }) {
-	const id = useId$1();
+	const id = useId();
 	const [suggestions, setSuggestions] = useState([]);
 	return /* @__PURE__ */ jsxs(unstable_SuggestionContext.Provider, {
 		value: useMemo(() => ({ add: (suggestion, surface) => {

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-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";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-BOJ3ABfS.css";
+import "./../../../../assets/Switch.css.ts.vanilla-DOZ492ct.css";
 //#region src/switch/Switch.css.ts
 var control = recipeRuntime({
 	base: [{
 		display: "grid",
 		rounded: "full"
-	}, "trj8pm"],
+	}, "zzopu5"],
 	variants: { size: {
-		md: [{ mt: "2" }, "gkykrp"],
-		lg: ["_17ctakc"]
+		md: [{ mt: "2" }, "_1u4ql7g"],
+		lg: ["_1j2slgg"]
 	} }
 });
-var input = recipeRuntime({ base: "_1qpebut" });
-var root = recipeRuntime({ base: ["_1stgjz0", "h49t7o"] });
+var input = recipeRuntime({ base: "_107dog0" });
+var root = recipeRuntime({ base: ["_1g9tbo", "_9kky79"] });
 var thumb = recipeRuntime({ base: [{
 	display: "block",
 	rounded: "full",
 	transition: "all"
-}, "eq8c6z"] });
+}, "eh5htl"] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/Table.css.ts.vanilla-CpzEk8Cf.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Table.css.ts.vanilla-k9DCmqqo.css";
 //#region src/table/Table.css.ts
 var table = recipeRuntime({
 	base: [{
 		color: "fg.default",
 		fontSize: "md",
 		w: "full"
-	}, "_5bb3x"],
+	}, "p2gz2b"],
 	variants: { layout: {
-		auto: ["_10d22uw"],
-		fixed: [{ display: "grid" }, "mw6qe5"]
+		auto: ["_6asylj"],
+		fixed: [{ display: "grid" }, "jtoy7k"]
 	} }
 });
 var wrapper = recipeRuntime({ base: [{
@@ -20,6 +20,6 @@ var wrapper = recipeRuntime({ base: [{
 	maxW: "full",
 	overflow: "auto",
 	rounded: "xl"
-}, "_8yc6sy"] });
+}, "_12mxqic"] });
 //#endregion
 export { table, wrapper };

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-BFWK0cT2.css";
-import "./../../../../assets/TableBody.css.ts.vanilla-crR1TGC6.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TableBody.css.ts.vanilla-ClsNTjk0.css";
 //#region src/table/TableBody.css.ts
-var body = recipeRuntime({ base: ["_1606l5e"] });
+var body = recipeRuntime({ base: ["lscau6"] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-vkZ1kptU.css";
-import "./../../../../assets/TableCell.css.ts.vanilla-DiDN2cdU.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-qnTbGpk5.css";
+import "./../../../../assets/TableCell.css.ts.vanilla-DozW4vmM.css";
 //#region src/table/TableCell.css.ts
 var cell = recipeRuntime({
 	base: [{
 		borderColor: "border.tertiary",
 		p: "16"
-	}, "lg9jeq"],
+	}, "a60zpi"],
 	variants: { pinned: {
-		false: "lpxksj",
-		true: "_122vfzm"
+		false: "gt1eo2",
+		true: "ng43e2"
 	} }
 });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TableHeader.css.ts.vanilla-C2ewmmGY.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TableHeader.css.ts.vanilla-_wNN70Lw.css";
 //#region src/table/TableHeader.css.ts
 var header = recipeRuntime({ variants: { pinned: {
 	false: {},
-	true: "_1tq2gef"
+	true: "hzmvx8"
 } } });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TableHeaderCell.css.ts.vanilla-D1uFrOQu.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TableHeaderCell.css.ts.vanilla-9vqfYpKC.css";
 //#region src/table/TableHeaderCell.css.ts
 var cell = recipeRuntime({
-	base: [{ borderColor: "border.tertiary" }, "_1qcikew"],
+	base: [{ borderColor: "border.tertiary" }, "_1bh5yzj"],
 	variants: { pinned: {
-		false: "_4280j4",
-		true: "_1ffjgot"
+		false: "_14op3k6",
+		true: "_17js9e2"
 	} }
 });
 var content = recipeRuntime({ base: [{
@@ -19,6 +19,6 @@ var content = recipeRuntime({ base: [{
 	fontWeight: "400",
 	size: "full",
 	textTransform: "uppercase"
-}, "u08w16"] });
+}, "_1id9qfa"] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TableRow.css.ts.vanilla-vkZ1kptU.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TableRow.css.ts.vanilla-qnTbGpk5.css";
 //#region src/table/TableRow.css.ts
 var row = recipeRuntime({ base: [
-	"v43xcm",
+	"_9v6qaa",
 	{
 		transition: "colors",
 		w: "full"
 	},
-	"rozwmc"
+	"qycwda"
 ] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/Tabs.css.ts.vanilla-4bg6JV04.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Tabs.css.ts.vanilla-CzyHGsQv.css";
 //#region src/tabs/Tabs.css.ts
-var tabs = recipeRuntime({ base: [{ display: "flex" }, "_1eoj05z"] });
+var tabs = recipeRuntime({ base: [{ display: "flex" }, "zjy88j"] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TabsList.css.ts.vanilla-CCx1Zbti.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TabsList.css.ts.vanilla-aqfZmxSg.css";
 //#region src/tabs/TabsList.css.ts
 var list = recipeRuntime({ base: [{
 	borderColor: "border.tertiary",
 	display: "flex"
-}, "y687xy"] });
+}, "_1vj5vtk"] });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/TabsTrigger.css.ts.vanilla-DhPtQAGY.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TabsTrigger.css.ts.vanilla-CAUgN9lH.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"
-}, "cka8de"] });
+}, "qxvzas"] });
 var trigger = recipeRuntime({ base: [
-	"_1bhr07i",
+	"bako93",
 	{
 		flex: ["1", "initial"],
 		fontSize: "md",
@@ -18,7 +18,7 @@ var trigger = recipeRuntime({ base: [
 		py: "4",
 		transition: "colors"
 	},
-	"_125vk33"
+	"_1m1cgcv"
 ] });
 //#endregion
 export { content, trigger };

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

@@ -1,8 +1,8 @@
 "use client";
 import { extractBoxProps } from "../box/extractBoxProps.js";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { decorateChildren } from "../utils/decorateChildren.js";
+import { Group } from "../group/Group.js";
 import { content, trigger } from "./TabsTrigger-css.js";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";

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-BFWK0cT2.css";
-import "./../../../../assets/Text.css.ts.vanilla-DKoKrE5V.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Text.css.ts.vanilla-CsT1luH5.css";
 //#region src/text/Text.css.ts
 var text = recipeRuntime(function() {
 	var x = { variants: {
 		lineClamp: {
 			"1": [
 				{ overflow: "hidden" },
-				"ez81cf",
-				"_15fqawn",
-				"_1nsieec"
+				"x77ve6",
+				"_1l11nf",
+				"bdvtgz"
 			],
 			"2": [
 				void 0,
-				"ez81cf",
-				"_15fqawn",
-				"u9l7yu"
+				"x77ve6",
+				"_1l11nf",
+				"_1rrdkut"
 			],
 			"3": [
 				void 0,
-				"ez81cf",
-				"_15fqawn",
-				"_19frv5u"
+				"x77ve6",
+				"_1l11nf",
+				"sn9l3h"
 			],
 			"4": [
 				void 0,
-				"ez81cf",
-				"_15fqawn",
-				"_1u15fji"
+				"x77ve6",
+				"_1l11nf",
+				"_1pmvj1w"
 			]
 		},
 		truncate: { true: [
 			void 0,
-			"ez81cf",
+			"x77ve6",
 			{ 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-BFWK0cT2.css";
-import "./../../../../assets/Textarea.css.ts.vanilla-D_taP2Ki.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Textarea.css.ts.vanilla-DbqUIvTr.css";
 //#region src/textarea/Textarea.css.ts
-var addon = recipeRuntime({ base: "eb9xwv" });
+var addon = recipeRuntime({ base: "_1eo0kj7" });
 //#endregion
 export { addon };

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

@@ -1,7 +1,7 @@
 "use client";
 import { extractBoxProps } from "../box/extractBoxProps.js";
-import { Group } from "../group/Group.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
+import { Group } from "../group/Group.js";
 import { SuggestionPopover } from "../suggestion/SuggestionPopover.js";
 import { InputAddon } from "../input/InputAddon.js";
 import { InputControl } from "../input/InputControl.js";

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-BFWK0cT2.css";
-import "./../../../../assets/TextareaAutosize.css.ts.vanilla-D5fOMA6C.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/TextareaAutosize.css.ts.vanilla-Bf1jQBKz.css";
 //#region src/textarea/TextareaAutosize.css.ts
-var shadow = recipeRuntime({ base: ["s5kj3y", "_1qja9sa"] });
+var shadow = recipeRuntime({ base: ["c5bviv", "m657d1"] });
 var textarea = recipeRuntime({
-	base: ["s5kj3y", "_1js39u3"],
+	base: ["c5bviv", "_1743wh3"],
 	variants: { resize: {
 		auto: { overflow: "hidden" },
 		none: {},
@@ -19,16 +19,16 @@ var wrapper = recipeRuntime({
 	},
 	variants: {
 		maxRows: {
-			"1": ["_2womp0", "_119p5c5"],
-			"2": ["_2womp0", "_1q9enum"],
-			"3": ["_2womp0", "_2gmvds"],
-			"4": ["_2womp0", "_5ioh2v"],
-			"5": ["_2womp0", "m8zkar"]
+			"1": ["_1xcnbqf", "_19ag1mt"],
+			"2": ["_1xcnbqf", "_1by107r"],
+			"3": ["_1xcnbqf", "_5l3ags"],
+			"4": ["_1xcnbqf", "btnfi2"],
+			"5": ["_1xcnbqf", "og19iw"]
 		},
 		resize: {
 			auto: {},
 			none: {},
-			vertical: "_1wdtlpi"
+			vertical: "_149ivr9"
 		}
 	}
 });

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-BFWK0cT2.css";
-import "./../../../../assets/ToastProvider.css.ts.vanilla-oEiem6xQ.css";
-import "./../../../../assets/Toast.css.ts.vanilla-CiZvZs8v.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ToastProvider.css.ts.vanilla-ByapBOM0.css";
+import "./../../../../assets/Toast.css.ts.vanilla-DeeAXZrJ.css";
 //#region src/toast/Toast.css.ts
 var icon = recipeRuntime({ base: [{
 	alignSelf: "start",
 	mt: "4"
-}, "_1mnngil"] });
-var offsetVar = "var(--_2l7jwm)";
+}, "_1rhc558"] });
+var offsetVar = "var(--vjtw7c)";
 var root = recipeRuntime({
 	base: [
-		"o9bt2d",
+		"_1p373ia",
 		{
 			alignItems: "center",
 			bg: "bg.default.inverse",
@@ -25,14 +25,14 @@ var root = recipeRuntime({
 			shadow: "md",
 			w: ["full", "max"]
 		},
-		"oxy5xi"
+		"_1u4qxwt"
 	],
 	variants: { intent: {
-		danger: "ii242p",
-		information: "vyaram",
-		neutral: "_1b3julg",
-		success: "yqihq0",
-		warning: "_1yaw1pc"
+		danger: "_1x3pdhg",
+		information: "zk7txo",
+		neutral: "_1r049nx",
+		success: "_1iewfyr",
+		warning: "_12o3jo0"
 	} }
 });
 //#endregion

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

@@ -4,7 +4,11 @@ import { Box } from "../box/Box.js";
 import { Icon } from "../icon/Icon.js";
 import { Button } from "../button/Button.js";
 import { icon, offsetVar, root } from "./Toast-css.js";
-import { IconCheckCircleSolid, IconCircleExclamation, IconCircleInfo, IconTriangleExclamation, IconXmark } from "@optiaxiom/icons";
+import { IconCheckCircleSolid } from "@optiaxiom/icons/IconCheckCircleSolid";
+import { IconCircleExclamation } from "@optiaxiom/icons/IconCircleExclamation";
+import { IconCircleInfo } from "@optiaxiom/icons/IconCircleInfo";
+import { IconTriangleExclamation } from "@optiaxiom/icons/IconTriangleExclamation";
+import { IconXmark } from "@optiaxiom/icons/IconXmark";
 import { createElement, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToastProviderContext } from "@optiaxiom/globals";

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-BFWK0cT2.css";
-import "./../../../../assets/ToastProvider.css.ts.vanilla-oEiem6xQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ToastProvider.css.ts.vanilla-ByapBOM0.css";
 var viewport = recipeRuntime({
 	base: [{
 		flexDirection: "column",
@@ -11,14 +11,14 @@ var viewport = recipeRuntime({
 		p: "24",
 		w: ["full", "384"],
 		z: "toast"
-	}, "_159o16n"],
+	}, "i5u6pp"],
 	variants: { position: {
-		bottom: "_1fpld3a",
-		"bottom-left": "_1c5gsu6",
-		"bottom-right": ["right-scroll-bar-position", "us8ktt"],
-		top: "i33213",
-		"top-left": "_1vebz89",
-		"top-right": ["right-scroll-bar-position", "_1fgsu2"]
+		bottom: "_3fobtb",
+		"bottom-left": "nt21du",
+		"bottom-right": ["right-scroll-bar-position", "xd5a1d"],
+		top: "yhh83t",
+		"top-left": "jt9lj2",
+		"top-right": ["right-scroll-bar-position", "_1df8kzy"]
 	} }
 });
 //#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-BFWK0cT2.css";
-import "./../../../../assets/ToastTitle.css.ts.vanilla-Ds25BUmP.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ToastTitle.css.ts.vanilla-BCw6OCix.css";
 //#region src/toast/ToastTitle.css.ts
-var title = recipeRuntime({ base: [{ flex: "1" }, "zwwpm9"] });
+var title = recipeRuntime({ base: [{ flex: "1" }, "_1gosqdl"] });
 //#endregion
 export { title };