@optiaxiom/react 3.1.1 → 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.frggve";
-var reset = "optiaxiom._1mz0s4u";
+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.1";
+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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/actions/ActionsContent.css.ts.vanilla-DV_49MaU.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"
-	}, "_1zayoi"],
+	}, "ma73jd"],
 	variants: { visible: {
-		always: "nh2xep",
-		"if-needed": "v7a660"
+		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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.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: "_1usk0do" });
+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-DRoTvdmB.css";
-import "./../../../../assets/src/alert/Alert.css.ts.vanilla-CFonuvAx.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"
-}, "_5zf60v"] });
+}, "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-DRoTvdmB.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CceGAaTr.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: "_1z0hb76"
+	true: "kvhhi4"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -12,19 +12,19 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1o857lu"],
+	}, "_1wpsb62"],
 	variants: { size: {
-		sm: "_9du4wp",
-		md: "_2nxf21",
-		lg: "_1745jwg"
+		sm: "_13o2s2z",
+		md: "_2w85sb",
+		lg: "_1ixj307"
 	} }
 });
-var nestedDialogCountVar = "var(--_82vj59)";
+var nestedDialogCountVar = "var(--_1e47bgw)";
 var root = recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "gd2go0"] });
+}, "_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-DRoTvdmB.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B9rjgWpt.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"
-}, "syphvv"] });
+}, "_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-DRoTvdmB.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DmFE6DEr.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"
-}, "_1svhndg"] });
+}, "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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-B9WrCShA.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"
-	}, "_156iy8e"],
+	}, "_1lh1aq3"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -28,16 +28,16 @@ var avatar = recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_19lkkv3"],
+			}, "_3it49z"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_2dvy81"],
-			sm: [{ size: "sm" }, "_155foea"],
-			md: [{ size: "md" }, "dq5pst"],
-			lg: [{ size: "lg" }, "_1n3kqaw"],
-			xl: [{ size: "xl" }, "_17esp0b"],
-			"3xl": [{ size: "3xl" }, "vmujxh"]
+			}, "_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" }, "_1u6ayfa"],
+		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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.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: ["_1ibot7i", { 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-DRoTvdmB.css";
-import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DtGp1Ma3.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"
-}, "_1nkc8hl"] });
+}, "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-DRoTvdmB.css";
-import "./../../../../assets/src/badge/Badge.css.ts.vanilla-ClmeD5F4.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"
-	}, "_1wu3mi7"],
+	}, "_1vpqdnj"],
 	variants: {
 		intent: {
-			danger: "_1eu8ot",
-			information: "dmis5e",
-			neutral: "rd579p",
-			primary: "_1y7g3t6",
-			success: "rrkfol",
-			warning: "pt55ii"
+			danger: "_1f5cqjb",
+			information: "_1yiuikf",
+			neutral: "_1hujlld",
+			primary: "_1e7a3n4",
+			success: "_13w8mjq",
+			warning: "_16idbh7"
 		},
 		variant: {
-			strong: "wtyr4q",
-			subtle: "_1tqtkm"
+			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-DRoTvdmB.css";
-import "./../../../../assets/src/banner/Banner.css.ts.vanilla-DGluz8hv.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"
-}, "_18se0ds"] });
+}, "_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-DRoTvdmB.css";
-import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-B8eP0F2V.css";
-import "./../../../../assets/src/box/Box.css.ts.vanilla-DztS1UJV.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: "_1j4mk8n" });
+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-DRoTvdmB.css";
-import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-d4nfcnDQ.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: "_3diax5" });
+var link = recipeRuntime({ base: "r0gj29" });
 var list = recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "u0azor"] });
+}, "_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-DRoTvdmB.css";
-import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-1TWCBdu1.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"
-}, "_6atmck"] });
+}, "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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.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: "jgq7zh" });
+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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
-import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-BoaWaLvx.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: "zg8ft0",
+			false: "_16e91tr",
 			true: {}
 		},
 		inverse: {
@@ -22,28 +22,28 @@ var icon = recipeRuntime({
 	},
 	variantsCompounded: [
 		{
-			style: "sf69d",
+			style: "q1c511",
 			variants: {
 				addon: true,
 				size: "sm"
 			}
 		},
 		{
-			style: "_1x73uj",
+			style: "_1qqxq12",
 			variants: {
 				addon: true,
 				size: "md"
 			}
 		},
 		{
-			style: "_1shi91k",
+			style: "dygw6z",
 			variants: {
 				addon: true,
 				size: "lg"
 			}
 		},
 		{
-			style: [{ rounded: "sm" }, "_1ve2bua"],
+			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-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
-import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-DB1DlgxY.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" }, "uytkn3"] });
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "b3lz84"] });
 //#endregion
 export { loadable };