@optiaxiom/react 3.1.1 → 3.1.3

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-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/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
-import "./../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Bw4zCkPh.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DD7nw0Ji.css";
+import "./../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DSFK_x2a.css";
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_9nmbjk"] });
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_7ngmr1"] });
 var content = recipeRuntime({
 	base: [{
 		fontSize: "sm",

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js

@@ -1,14 +1,14 @@
 "use client";
+import { Group } from "../group/Group.js";
 import { ButtonAddon } from "../button/ButtonAddon.js";
 import { Text } from "../text/Text.js";
-import { Group } from "../group/Group.js";
 import { ButtonRoot } from "../button/ButtonRoot.js";
 import { button, content, label } from "./LabelMenuButton-css.js";
 import { IconAngleDown } from "@optiaxiom/icons";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 import { Label } from "@radix-ui/react-label";
 //#region src/label-menu-button/LabelMenuButton.tsx
 /**
@@ -19,8 +19,8 @@ import { Label } from "@radix-ui/react-label";
 */
 const LabelMenuButton = forwardRef(({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
 	const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
-	const labelId = useId();
-	const valueId = useId();
+	const labelId = useId$1();
+	const valueId = useId$1();
 	return /* @__PURE__ */ jsxs(ButtonRoot, {
 		"aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
 		"data-filled": filled ? "" : void 0,

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,5 +1,5 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
 //#region src/layers/layers.css.ts
 var layers_css_exports = /* @__PURE__ */ __exportAll({
 	axiom: () => axiom,
@@ -10,8 +10,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._16itvng";
+var reset = "optiaxiom.rhvpol";
 var theme = "optiaxiom.theme";
 //#endregion
 export { layers_css_exports, theme };

package/dist/esm/packages/react/src/layout/Layout-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/layout/Layout.css.ts.vanilla-BuvGkMv2.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/layout/Layout.css.ts.vanilla-CHZQ-MIH.css";
 //#region src/layout/Layout.css.ts
 var layout = recipeRuntime({
 	base: [{
@@ -8,10 +8,10 @@ var layout = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_1ll1nt5"],
+	}, "_1trpt5f"],
 	variants: { size: {
-		full: "_1s7nmes",
-		screen: "_1xsyqxx"
+		full: "_53g8y7",
+		screen: "xgw9u9"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/layout/LayoutContent-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/layout/LayoutContent.css.ts.vanilla-ikmJOAm6.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/layout/LayoutContent.css.ts.vanilla-FCPR3uS7.css";
 //#region src/layout/LayoutContent.css.ts
 var content = recipeRuntime({ base: [{
 	bg: "bg.page",
@@ -12,6 +12,6 @@ var content = recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "peb9je"] });
+}, "ej6utk"] });
 //#endregion
 export { content };

package/dist/esm/packages/react/src/link/Link-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/link/Link.css.ts.vanilla-DQBQaWxn.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/link/Link.css.ts.vanilla-DZQMi0ii.css";
 //#region src/link/Link.css.ts
 var icon = recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1r7cmib"] });
+}, "_1r0deou"] });
 var link = recipeRuntime({
-	base: ["_1k73ggq"],
+	base: ["jo68oe"],
 	variants: { appearance: {
-		"default": "tli1g5",
-		inverse: "mqu1sz",
-		subtle: "_1cwqz94"
+		"default": "f0btkg",
+		inverse: "vk6c4q",
+		subtle: "_19yycoy"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/listbox/Listbox-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/listbox/Listbox.css.ts.vanilla-DfAM0BUB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/listbox/Listbox.css.ts.vanilla-sqRx2Ra-.css";
 //#region src/listbox/Listbox.css.ts
 var listbox = recipeRuntime({ base: [{
 	display: "flex",
@@ -8,6 +8,6 @@ var listbox = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "2",
 	overflow: "auto"
-}, "_13sinfc"] });
+}, "lldav"] });
 //#endregion
 export { listbox };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-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/listbox/ListboxCheckboxItem.css.ts.vanilla-BPqcKZx8.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-4x0EqNnb.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_1ai5xc3"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "d3gh7g"] });
 //#endregion
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Icon } from "../icon/Icon.js";
 import { Group } from "../group/Group.js";
+import { Icon } from "../icon/Icon.js";
 import { Checkbox } from "../checkbox/Checkbox.js";
 import { checkbox } from "./ListboxCheckboxItem-css.js";
 import { ListboxItem } from "./ListboxItem.js";

package/dist/esm/packages/react/src/listbox/ListboxGroup.js

@@ -1,15 +1,15 @@
 "use client";
 import { Box } from "../box/Box.js";
 import { ListboxGroupProvider } from "./ListboxGroupContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/listbox/ListboxGroup.tsx
 /**
 * @group Listbox
 */
 const ListboxGroup = forwardRef(({ children, ...props }, ref) => {
-	const groupId = useId();
+	const groupId = useId$1();
 	return /* @__PURE__ */ jsx(ListboxGroupProvider, {
 		id: groupId,
 		children: /* @__PURE__ */ jsx(Box, {

package/dist/esm/packages/react/src/listbox/ListboxItem-css.js

@@ -1,19 +1,19 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-CqZorH4O.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BNyDj7xv.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_1a7php2"],
+	}, "_1lbu736"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1cz6pzw"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "hihspz"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1dd7wxx"],
+	}, "_1hl65l5"],
 	variants: { intent: {
-		danger: "p0ei3r",
-		neutral: "_1xgke52"
+		danger: "_177j16d",
+		neutral: "_1044ge9"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1voyo8x"] });
+}, "s57yil"] });
 //#endregion
 export { addon, description, item, title };

package/dist/esm/packages/react/src/listbox/ListboxItem.js

@@ -1,16 +1,16 @@
 "use client";
 import { Box } from "../box/Box.js";
+import { Group } from "../group/Group.js";
 import { decorateChildren } from "../utils/decorateChildren.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { isHoverSupported } from "../utils/isHoverSupported.js";
 import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
-import { Group } from "../group/Group.js";
 import { addon, description, item, title } from "./ListboxItem-css.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/listbox/ListboxItem.tsx
 const Slot = createSlot("@optiaxiom/react/ListboxItem");
 /**
@@ -18,8 +18,8 @@ const Slot = createSlot("@optiaxiom/react/ListboxItem");
 */
 const ListboxItem = forwardRef(({ addonAfter, addonBefore, asChild, children, className, description: description$1, icon, intent = "neutral", ...props }, ref) => {
 	const Comp = asChild ? Slot : "div";
-	const labelId = useId();
-	const descriptionId = useId();
+	const labelId = useId$1();
+	const descriptionId = useId$1();
 	return /* @__PURE__ */ jsx(Group, {
 		"aria-describedby": description$1 ? descriptionId : void 0,
 		"aria-labelledby": labelId,

package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-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/listbox/ListboxItemIndicator.css.ts.vanilla-BAdQnztn.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-9iOVE9Rs.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["_18v9a96"],
+	base: ["glydix"],
 	variants: { active: {
 		false: {},
-		true: "nhchpf"
+		true: "iuwgaw"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/locale/LocaleContext.js

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import { createContext } from "@radix-ui/react-context";
+/**
+* Holds the BCP-47 locale used by date/time components (Calendar,
+* DateRangePicker, Clock, Time). The default value is the browser locale, so
+* `useLocaleContext` always returns a usable value even without a provider.
+*/
+const [LocaleProvider, useLocaleContext] = createContext("@optiaxiom/react/Locale", { locale: typeof navigator !== "undefined" ? navigator.language : "en-US" });
+//#endregion
+export { LocaleProvider, useLocaleContext };

package/dist/esm/packages/react/src/menu/MenuDialogContent-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/menu/MenuDialogContent.css.ts.vanilla-SEVIGTKp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-asUo3pHL.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "_1c44s2j" });
+var content = recipeRuntime({ base: "_1rfonrv" });
 //#endregion
 export { content };

package/dist/esm/packages/react/src/menu/MenuInput-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/menu/MenuInput.css.ts.vanilla-QtB4ThbM.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/menu/MenuInput.css.ts.vanilla-PvUbwfsL.css";
 //#region src/menu/MenuInput.css.ts
 var input = recipeRuntime({ variants: { size: {
 	sm: { m: "4" },
@@ -9,7 +9,7 @@ var input = recipeRuntime({ variants: { size: {
 		borderB: "1",
 		borderColor: "border.secondary",
 		rounded: "none"
-	}, "nnrznf"]
+	}, "jvwkf4"]
 } } });
 //#endregion
 export { input };

package/dist/esm/packages/react/src/menu/MenuPopoverContent.js

@@ -3,12 +3,12 @@ import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { useFieldContext } from "../field/FieldContext.js";
 import { PopoverContent } from "../popover/PopoverContent.js";
 import { useMenuContext } from "./MenuContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef, useLayoutEffect, useState } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModalContext } from "@optiaxiom/globals";
+import { useId as useId$1 } from "@radix-ui/react-id";
 import { RemoveScroll } from "react-remove-scroll";
 //#region src/menu/MenuPopoverContent.tsx
 const Slot = createSlot("@optiaxiom/react/MenuPopoverContent");
@@ -16,7 +16,7 @@ const MenuPopoverContent = forwardRef(({ align, "aria-label": ariaLabel, childre
 	const { shardRef } = useModalContext("@optiaxiom/react/MenuPopoverContent");
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/MenuPopoverContent");
 	const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
-	const labelId = useId();
+	const labelId = useId$1();
 	const [resolvedAlign, setResolvedAlign] = useState(align);
 	useLayoutEffect(() => {
 		const rect = triggerRef.current?.getBoundingClientRect();

package/dist/esm/packages/react/src/menu/MenuSubContent.js

@@ -9,18 +9,18 @@ import { useMenuContext } from "./MenuContext.js";
 import { MenuSubProvider, useMenuSubContext } from "./MenuSubContext.js";
 import { MenuSubInput } from "./MenuSubInput.js";
 import { MenuListbox } from "./MenuListbox.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/menu/MenuSubContent.tsx
 const MenuSubContent = forwardRef(({ align = "start", side = "right", ...props }, outerRef) => {
 	const { onSelect, setFocusVisible, setOpen: setRootMenuOpen } = useMenuContext("@optiaxiom/react/MenuSubContent");
 	const { highlightedItem: item, inputValue: parentInputValue, setInputValue: setParentInputValue } = useCommandContext("@optiaxiom/react/MenuSubContent");
 	const { contentRef: parentContentRef, inputRef: parentInputRef, itemRef: parentItemRef } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
 	const { open, presence } = usePopoverContext("@optiaxiom/react/MenuSubContent");
-	const labelId = useId();
+	const labelId = useId$1();
 	const ref = useComposedRefs(parentContentRef, outerRef);
 	const [inputValue, setInputValue] = useState("");
 	const options = useMemo(() => resolveItemProperty(item?.subOptions, { inputValue }) ?? [], [inputValue, item]);

package/dist/esm/packages/react/src/menu/MenuTrigger.js

@@ -4,10 +4,10 @@ import { AngleMenuButton } from "../angle-menu-button/AngleMenuButton.js";
 import { useFieldLabelTrigger } from "../hooks/useFieldLabelTrigger.js";
 import { PopoverTrigger } from "../popover/PopoverTrigger.js";
 import { useMenuContext } from "./MenuContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/menu/MenuTrigger.tsx
 /**
 * Trigger button for Menu component with automatic chevron icon.
@@ -26,7 +26,7 @@ const MenuTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild, ch
 	const { setFocusVisible, setOpen, size, triggerRef } = useMenuContext("@optiaxiom/react/MenuTrigger");
 	const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
 	const ref = useComposedRefs(outerRef, triggerRef);
-	const id = useId();
+	const id = useId$1();
 	return /* @__PURE__ */ jsx(Comp, {
 		"aria-labelledby": useFieldLabelTrigger(triggerRef, ariaLabelledBy),
 		asChild: true,

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla-eaAQt1lz.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BG_T4PQE.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_9fy3zr"],
+	}, "_1cqm246"],
 	variants: {
 		maxH: {
-			xs: "_4vtfp6",
-			sm: "w5v0fv",
-			md: "k05qxo",
-			lg: "wvr5mn",
+			xs: "_1fjtwd3",
+			sm: "_1w3iaob",
+			md: "e1dknn",
+			lg: "_4exojk",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "skinjx"
+			trigger: "_1yj0jc8"
 		}
 	}
 });

package/dist/esm/packages/react/src/nav/Nav-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/nav/Nav.css.ts.vanilla-CaoVmpTi.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/nav/Nav.css.ts.vanilla-DGsRtLtF.css";
 //#region src/nav/Nav.css.ts
 var nav = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -10,6 +10,6 @@ var nav = recipeRuntime({ base: [{
 	overflow: "hidden",
 	pb: "8",
 	pt: "16"
-}, "_1chzebu"] });
+}, "_1f3vb51"] });
 //#endregion
 export { nav };

package/dist/esm/packages/react/src/nav/NavAccountItem-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/nav/NavAccountItem.css.ts.vanilla-CfETpEnP.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-uh9x2jlM.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "eofuyr",
-		true: "_7zmnpa"
+		false: "_1szdfk8",
+		true: "n71pae"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/nav/NavAccountItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Text } from "../text/Text.js";
 import { Group } from "../group/Group.js";
+import { Text } from "../text/Text.js";
 import { Avatar } from "../avatar/Avatar.js";
 import { useSidebarContext } from "../sidebar/SidebarContext.js";
 import { item } from "./NavAccountItem-css.js";

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

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
 //#region src/nav/NavBody.css.ts
 var body = recipeRuntime({
 	base: [{

package/dist/esm/packages/react/src/nav/NavGroup.js

@@ -2,16 +2,16 @@
 import { Group } from "../group/Group.js";
 import { Disclosure } from "../disclosure/Disclosure.js";
 import { NavGroupProvider } from "./NavGroupContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/nav/NavGroup.tsx
 /**
 * @extends Disclosure
 * @group Sidebar
 */
 const NavGroup = forwardRef(({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
-	const groupId = useId();
+	const groupId = useId$1();
 	return /* @__PURE__ */ jsx(Group, {
 		asChild: true,
 		flexDirection: "column",

package/dist/esm/packages/react/src/nav/NavItem-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/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
-import "./../../../../assets/src/nav/NavItem.css.ts.vanilla-FRYeynIm.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DD7nw0Ji.css";
+import "./../../../../assets/src/nav/NavItem.css.ts.vanilla-CRXF_YiG.css";
 //#region src/nav/NavItem.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -14,7 +14,7 @@ var item = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	transition: "colors"
-}, "solfx9"] });
+}, "_1emp6ys"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_1bs6u5m"],
+	}, "_16gh66s"],
 	variants: { expanded: {
-		false: "_14w7xcz",
-		true: "tsa363"
+		false: "uedq3k",
+		true: "_1xa6870"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/nav/NavItem.js

@@ -1,11 +1,11 @@
 "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 { fallbackSpan } from "../utils/fallbackSpan.js";
 import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
-import { Group } from "../group/Group.js";
 import { Tooltip } from "../tooltip/Tooltip.js";
 import { useSidebarContext } from "../sidebar/SidebarContext.js";
 import { item, label } from "./NavItem-css.js";

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/pagination/Pagination.css.ts.vanilla-Di1QUElh.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/pagination/Pagination.css.ts.vanilla-BkJHEmfD.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_17m34sb"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_11dlfgg"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "_16pd4yj"],
+	}, "_1vurus2"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "fajz5h"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "vt5bmb"] });
 //#endregion
 export { button, cursor, list };

package/dist/esm/packages/react/src/pagination/Pagination.js

@@ -1,12 +1,12 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Icon } from "../icon/Icon.js";
 import { Group } from "../group/Group.js";
+import { Icon } from "../icon/Icon.js";
 import { ButtonRoot } from "../button/ButtonRoot.js";
 import { Button } from "../button/Button.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
 import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { usePagination } from "../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js";
-import { Tooltip } from "../tooltip/Tooltip.js";
 import { button, cursor, list } from "./Pagination-css.js";
 import { IconChevronLeft, IconChevronRight, IconEllipsisStroke } from "@optiaxiom/icons";
 import { forwardRef, useEffect, useRef, useState } from "react";

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
 //#region src/paper/Paper.css.ts
 var paper = recipeRuntime({
 	base: {

package/dist/esm/packages/react/src/pill/Pill-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/pill/Pill.css.ts.vanilla-fFjBkfyX.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/pill/Pill.css.ts.vanilla-DDz8o0X6.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1wzcqj6"],
+	}, "_1d5gqzp"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_116ytn5"
+			true: "_1uylhab"
 		},
 		size: {
 			xs: { h: "xs" },