@optiaxiom/react 3.1.0 → 3.1.2

package/dist/esm/layers/layers-css.js

@@ -9,8 +9,8 @@ var layers_css_exports = /* @__PURE__ */ __exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom.sxo7zf";
-var reset = "optiaxiom._11bicz8";
+var components = "optiaxiom._1dfr2ib";
+var reset = "optiaxiom._1zwg4a";
 var theme = "optiaxiom.theme";
 //#endregion
 export { layers_css_exports };

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

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "3.1.0";
+var version = "3.1.2";
 //#endregion
 export { version };

package/dist/esm/packages/react/src/actions/ActionsContent-css.js

@@ -1,17 +1,17 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
-import "./../../../../assets/src/actions/ActionsContent.css.ts.vanilla-DBdMh3fo.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
+import "./../../../../assets/src/actions/ActionsContent.css.ts.vanilla-CzcHUxgm.css";
 //#region src/actions/ActionsContent.css.ts
 var content = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		justifyContent: "space-between"
-	}, "az1pzw"],
+	}, "ma73jd"],
 	variants: { visible: {
-		always: "nfqv2t",
-		"if-needed": "u42gct"
+		always: "_1e73mbe",
+		"if-needed": "_15vos2j"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/actions/ActionsRoot-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
 //#region src/actions/ActionsRoot.css.ts
-var root = recipeRuntime({ base: "_1yyapcp" });
+var root = recipeRuntime({ base: "osmvop" });
 //#endregion
 export { root };

package/dist/esm/packages/react/src/alert/Alert-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/alert/Alert.css.ts.vanilla-n-5dob31.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/alert/Alert.css.ts.vanilla-DYJOD2ct.css";
 //#region src/alert/Alert.css.ts
 var alert = recipeRuntime({
 	base: [{
@@ -28,7 +28,7 @@ var content = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_42brlf"] });
+}, "imh6ib"] });
 var icon = recipeRuntime({
 	base: [{ mt: "2" }],
 	variants: { intent: {

package/dist/esm/packages/react/src/alert/Alert.js

@@ -1,13 +1,13 @@
 "use client";
-import { Icon } from "../icon/Icon.js";
 import { Group } from "../group/Group.js";
+import { Icon } from "../icon/Icon.js";
 import { Button } from "../button/Button.js";
 import { IconOpal } from "../icons/IconOpal.js";
 import { alert, content, icon } from "./Alert-css.js";
 import { IconCheckCircleSolid, IconCircleExclamation, IconCircleInfo, IconTriangleExclamation, IconXmark } from "@optiaxiom/icons";
-import { useId } from "@radix-ui/react-id";
 import { createElement, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/alert/Alert.tsx
 const mapIntentToIcon = {
 	danger: IconCircleExclamation,
@@ -30,7 +30,7 @@ const mapIntentToIcon = {
 * @since 0.1.0
 */
 const Alert = forwardRef(({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
-	const labelId = useId();
+	const labelId = useId$1();
 	return /* @__PURE__ */ jsxs(Group, {
 		"aria-labelledby": labelId,
 		ref,

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C-yeIrW7.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-Oj4QPltk.css";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "f9gpdv"
+	true: "kvhhi4"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -12,19 +12,19 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "ht0cu5"],
+	}, "_1wpsb62"],
 	variants: { size: {
-		sm: "_18ozrte",
-		md: "_61i6ys",
-		lg: "_168cg35"
+		sm: "_13o2s2z",
+		md: "_2w85sb",
+		lg: "_1ixj307"
 	} }
 });
-var nestedDialogCountVar = "var(--_1aex3vc)";
+var nestedDialogCountVar = "var(--_1e47bgw)";
 var root = recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_85fb1n"] });
+}, "_13snqj7"] });
 //#endregion
 export { backdrop, content, nestedDialogCountVar, root };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent.js

@@ -3,11 +3,11 @@ import { Box } from "../box/Box.js";
 import { Group } from "../group/Group.js";
 import { Transition } from "../transition/Transition.js";
 import { TransitionGroup } from "../transition/TransitionGroup.js";
+import { Portal } from "../portal/Portal.js";
 import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
 import { FocusBookmarkProvider } from "../focus-bookmark/FocusBookmarkProvider.js";
 import { Backdrop } from "../backdrop/Backdrop.js";
 import { Paper } from "../paper/Paper.js";
-import { Portal } from "../portal/Portal.js";
 import { useAlertDialogContext } from "./AlertDialogContext.js";
 import { backdrop, content, nestedDialogCountVar, root } from "./AlertDialogContent-css.js";
 import { forwardRef, useContext, useRef } from "react";

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BLTGI78u.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DwE8dK49.css";
 //#region src/alert-dialog/AlertDialogFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var footer = recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "_4qi7z3"] });
+}, "_171xd8i"] });
 //#endregion
 export { footer };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter.js

@@ -1,6 +1,6 @@
 "use client";
-import { ButtonProvider } from "../button/ButtonContext.js";
 import { Group } from "../group/Group.js";
+import { ButtonProvider } from "../button/ButtonContext.js";
 import { footer } from "./AlertDialogFooter-css.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BkPXWfv1.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DdxigTe2.css";
 //#region src/alert-dialog/AlertDialogHeader.css.ts
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1lmje6t"] });
+}, "pyxs7x"] });
 //#endregion
 export { header };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader.js

@@ -1,7 +1,7 @@
 "use client";
+import { Group } from "../group/Group.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { Icon } from "../icon/Icon.js";
-import { Group } from "../group/Group.js";
 import { Heading } from "../heading/Heading.js";
 import { header } from "./AlertDialogHeader-css.js";
 import { forwardRef } from "react";

package/dist/esm/packages/react/src/avatar/Avatar-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
-import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-vQszy_yP.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
+import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-WMV0huaF.css";
 //#region src/avatar/Avatar.css.ts
 var avatar = recipeRuntime({
 	base: [{
@@ -12,7 +12,7 @@ var avatar = recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "extsmi"],
+	}, "_1lh1aq3"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -28,16 +28,16 @@ var avatar = recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "i2j3p4"],
+			}, "_3it49z"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "k2k3qc"],
-			sm: [{ size: "sm" }, "z70hhg"],
-			md: [{ size: "md" }, "zgv0nn"],
-			lg: [{ size: "lg" }, "_1dx3856"],
-			xl: [{ size: "xl" }, "_18eaj4i"],
-			"3xl": [{ size: "3xl" }, "_14xr22d"]
+			}, "_1y8783o"],
+			sm: [{ size: "sm" }, "_2wyvyk"],
+			md: [{ size: "md" }, "_1uhqxr8"],
+			lg: [{ size: "lg" }, "_134rk2h"],
+			xl: [{ size: "xl" }, "jxlq4j"],
+			"3xl": [{ size: "3xl" }, "_1wm1lpg"]
 		}
 	}
 });
@@ -53,7 +53,7 @@ var icon = recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "_8d0zsp"],
+		xs: [{ h: "16" }, "_7bhat1"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },

package/dist/esm/packages/react/src/avatar/AvatarGroup-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = recipeRuntime({ base: ["_95eoio", { display: "flex" }] });
+var avatarGroup = recipeRuntime({ base: ["_1iwp742", { display: "flex" }] });
 //#endregion
 export { avatarGroup };

package/dist/esm/packages/react/src/axiom-provider/AxiomProvider.js

@@ -1,11 +1,12 @@
 "use client";
 import { version } from "../../package.js";
+import { TooltipProvider } from "../tooltip/TooltipProvider.js";
 import { DialogKitProvider } from "../dialog-kit/DialogKitProvider.js";
 import { FocusBookmarkProvider } from "../focus-bookmark/FocusBookmarkProvider.js";
+import { LocaleProvider } from "../locale/LocaleContext.js";
 import { SuggestionProvider } from "../suggestion/SuggestionProvider.js";
 import { ThemeProvider } from "../theme-provider/ThemeProvider.js";
 import { ToastProvider } from "../toast/ToastProvider.js";
-import { TooltipProvider } from "../tooltip/TooltipProvider.js";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AxiomVersionContext } from "@optiaxiom/globals";
@@ -16,13 +17,17 @@ import { AxiomVersionContext } from "@optiaxiom/globals";
 * @category provider
 * @since 0.1.0
 */
-function AxiomProvider({ children, dialog, toast, tooltip }) {
+function AxiomProvider({ children, dialog, locale, toast, tooltip }) {
+	const resolvedLocale = locale ?? (typeof navigator !== "undefined" ? navigator.language : "en-US");
 	if (!useContext(AxiomVersionContext)) children = /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(SuggestionProvider, { children: [children, /* @__PURE__ */ jsx(ToastProvider, { ...toast })] }) });
 	return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, {
 		value: version,
-		children: /* @__PURE__ */ jsx(TooltipProvider, {
-			...tooltip,
-			children: /* @__PURE__ */ jsxs(FocusBookmarkProvider, { children: [children, /* @__PURE__ */ jsx(DialogKitProvider, { ...dialog })] })
+		children: /* @__PURE__ */ jsx(LocaleProvider, {
+			locale: resolvedLocale,
+			children: /* @__PURE__ */ jsx(TooltipProvider, {
+				...tooltip,
+				children: /* @__PURE__ */ jsxs(FocusBookmarkProvider, { children: [children, /* @__PURE__ */ jsx(DialogKitProvider, { ...dialog })] })
+			})
 		})
 	});
 }

package/dist/esm/packages/react/src/backdrop/Backdrop-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DWF42IIV.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CZ6rMsBn.css";
 //#region src/backdrop/Backdrop.css.ts
 var backdrop = recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "_1h5s2q2"] });
+}, "d67j4j"] });
 //#endregion
 export { backdrop };

package/dist/esm/packages/react/src/badge/Badge-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/badge/Badge.css.ts.vanilla-LONo67Rg.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/badge/Badge.css.ts.vanilla-CgyrRj0K.css";
 //#region src/badge/Badge.css.ts
 var badge = recipeRuntime({
 	base: [{
@@ -14,19 +14,19 @@ var badge = recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "_1lbd2gg"],
+	}, "_1vpqdnj"],
 	variants: {
 		intent: {
-			danger: "qvvlmg",
-			information: "_11kkmfj",
-			neutral: "_1ydgn1x",
-			primary: "_8ttc35",
-			success: "_5aoxn5",
-			warning: "pdgg3j"
+			danger: "_1f5cqjb",
+			information: "_1yiuikf",
+			neutral: "_1hujlld",
+			primary: "_1e7a3n4",
+			success: "_13w8mjq",
+			warning: "_16idbh7"
 		},
 		variant: {
-			strong: "fu7it0",
-			subtle: "_1vzj51b"
+			strong: "_1v5x2nd",
+			subtle: "_8bn5qo"
 		}
 	}
 });

package/dist/esm/packages/react/src/banner/Banner-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/banner/Banner.css.ts.vanilla-JzbkCOaV.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/banner/Banner.css.ts.vanilla-B9U6_N0P.css";
 //#region src/banner/Banner.css.ts
 var banner = recipeRuntime({
 	base: [{
@@ -26,7 +26,7 @@ var content = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_1ejdk8p"] });
+}, "_433pc7"] });
 var icon = recipeRuntime({
 	base: [{ mt: "4" }],
 	variants: { intent: {

package/dist/esm/packages/react/src/banner/Banner.js

@@ -1,12 +1,12 @@
 "use client";
-import { Icon } from "../icon/Icon.js";
 import { Group } from "../group/Group.js";
+import { Icon } from "../icon/Icon.js";
 import { Button } from "../button/Button.js";
 import { banner, content, icon } from "./Banner-css.js";
 import { IconCheckCircleSolid, IconCircleExclamation, IconCircleInfo, IconTriangleExclamation, IconXmark } from "@optiaxiom/icons";
-import { useId } from "@radix-ui/react-id";
 import { createElement, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/banner/Banner.tsx
 const mapIntentToIcon = {
 	danger: IconCircleExclamation,
@@ -23,7 +23,7 @@ const mapIntentToIcon = {
 * @since 0.1.0
 */
 const Banner = forwardRef(({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
-	const labelId = useId();
+	const labelId = useId$1();
 	return /* @__PURE__ */ jsxs(Group, {
 		"aria-labelledby": labelId,
 		ref,

package/dist/esm/packages/react/src/box/Box-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-Bsx6oDzD.css";
-import "./../../../../assets/src/box/Box.css.ts.vanilla-BUbCjiyb.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-DsO_AL4x.css";
+import "./../../../../assets/src/box/Box.css.ts.vanilla-BmrhXIr2.css";
 //#region src/box/Box.css.ts
-var box = recipeRuntime({ base: "_1om4zbb" });
+var box = recipeRuntime({ base: "_1u6frnh" });
 //#endregion
 export { box };

package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js

@@ -1,14 +1,14 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-FaFkO9sf.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CTihoLpj.css";
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = recipeRuntime({ base: "psfv1c" });
+var link = recipeRuntime({ base: "r0gj29" });
 var list = recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "zrout0"] });
+}, "_2ny4a1"] });
 //#endregion
 export { link, list };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DkrHoLDe.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DaRFP8uq.css";
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_17xy4q5"] });
+}, "ljr6fb"] });
 //#endregion
 export { item };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode.js

@@ -1,8 +1,8 @@
 "use client";
 import { extractBoxProps } from "../box/extractBoxProps.js";
 import { Box } from "../box/Box.js";
-import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { Group } from "../group/Group.js";
+import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { item } from "./BreadcrumbNode-css.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/packages/react/src/button/Button.js

@@ -80,11 +80,13 @@ const Button = forwardRef(({ addonAfter, addonBefore, asChild, children, icon, i
 			})
 		] });
 	});
+	const addon = square ? "only" : addonBefore && addonAfter ? "both" : addonBefore ? "start" : addonAfter ? "end" : "none";
 	const isIconMissingAriaLabel = isIconOnly && !props["aria-label"];
 	useEffect(() => {
 		if (isIconMissingAriaLabel) console.error(`Icon only \`Button\` requires an \`aria-label\` for the component to be accessible for screen reader users.`);
 	}, [isIconMissingAriaLabel]);
 	return /* @__PURE__ */ jsx(ButtonRoot, {
+		addon,
 		asChild: true,
 		justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
 		onClick: (event) => {
@@ -93,7 +95,6 @@ const Button = forwardRef(({ addonAfter, addonBefore, asChild, children, icon, i
 		},
 		ref,
 		size,
-		square,
 		...props,
 		children: /* @__PURE__ */ jsx(Comp, { children })
 	});

package/dist/esm/packages/react/src/button/ButtonGroup-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = recipeRuntime({ base: "_1cq3cy1" });
+var buttonGroup = recipeRuntime({ base: "fseufj" });
 //#endregion
 export { buttonGroup };

package/dist/esm/packages/react/src/button/ButtonIcon-css.js

@@ -1,13 +1,13 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-NQtyv2df.css";
-import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-CyQUKe2J.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CexBaGdR.css";
+import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-KOI8-4u1.css";
 //#region src/button/ButtonIcon.css.ts
 var icon = recipeRuntime({
 	variants: {
 		addon: {
-			false: "_1ukv3f9",
+			false: "_16e91tr",
 			true: {}
 		},
 		inverse: {
@@ -22,28 +22,28 @@ var icon = recipeRuntime({
 	},
 	variantsCompounded: [
 		{
-			style: "_1rhzrzb",
+			style: "q1c511",
 			variants: {
 				addon: true,
 				size: "sm"
 			}
 		},
 		{
-			style: "_11eb8c1",
+			style: "_1qqxq12",
 			variants: {
 				addon: true,
 				size: "md"
 			}
 		},
 		{
-			style: "earzsp",
+			style: "dygw6z",
 			variants: {
 				addon: true,
 				size: "lg"
 			}
 		},
 		{
-			style: [{ rounded: "sm" }, "t3d9j0"],
+			style: [{ rounded: "sm" }, "_3l3nor"],
 			variants: {
 				inverse: true,
 				size: "lg"

package/dist/esm/packages/react/src/button/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-NQtyv2df.css";
-import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-De7pus5F.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CexBaGdR.css";
+import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-fPXtJ9Nk.css";
 //#region src/button/ButtonLoadable.css.ts
-var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "_16ntivs"] });
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "b3lz84"] });
 //#endregion
 export { loadable };