@optiaxiom/react 3.4.2 → 3.5.0

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 { IconAngleDown } from "@optiaxiom/icons/IconAngleDown";
 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$1();
-	const valueId = useId$1();
+	const labelId = useId();
+	const valueId = useId();
 	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/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.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.hjtpuo";
-var reset = "optiaxiom._1qphju2";
+var components = "optiaxiom._15i3me5";
+var reset = "optiaxiom._1xy85se";
 var theme = "optiaxiom.theme";
 //#endregion
 export { axiom, base, components, layers_css_exports, reset, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Layout.css.ts.vanilla-CWJfqGME.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Layout.css.ts.vanilla-zEm-y1Qz.css";
 //#region src/layout/Layout.css.ts
 var layout = recipeRuntime({
 	base: [{
@@ -8,10 +8,10 @@ var layout = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "naebv1"],
+	}, "x6zxzr"],
 	variants: { size: {
-		full: "_10yx5jz",
-		screen: "_1rnnoed"
+		full: "_15uvs53",
+		screen: "_1g9ss5i"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/LayoutContent.css.ts.vanilla-Cjg4sJ2g.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/LayoutContent.css.ts.vanilla-BPY6UZJn.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"
-}, "mv0a7q"] });
+}, "_3d2bsp"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Link.css.ts.vanilla-C7rI177Q.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Link.css.ts.vanilla-DNF80SEv.css";
 //#region src/link/Link.css.ts
 var icon = recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "whmth6"] });
+}, "f5koju"] });
 var link = recipeRuntime({
-	base: ["_5to7op"],
+	base: ["_64ewi8"],
 	variants: { appearance: {
-		"default": "_6ym6ud",
-		inverse: "_1ndc8w5",
-		subtle: "eip8mp"
+		"default": "hzoozb",
+		inverse: "_5yc4sw",
+		subtle: "_6vzzgy"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/link/Link.js

@@ -4,10 +4,10 @@ import { Box } from "../box/Box.js";
 import { decorateChildren } from "../utils/decorateChildren.js";
 import { Cover } from "../cover/Cover.js";
 import { icon, link } from "./Link-css.js";
-import { IconArrowUpRightFromSquare } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { IconArrowUpRightFromSquare } from "@optiaxiom/icons/IconArrowUpRightFromSquare";
 //#region src/link/Link.tsx
 const Slot = createSlot("@optiaxiom/react/Link");
 /**

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-Tc0QfCgn.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Listbox.css.ts.vanilla-BI2PlcN1.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"
-}, "npsv4r"] });
+}, "_1fy2ex5"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-CJTHS8ws.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-DDxyZ8SF.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_67vi9f"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_196zxyx"] });
 //#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 { Group } from "../group/Group.js";
 import { Icon } from "../icon/Icon.js";
+import { Group } from "../group/Group.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$1();
+	const groupId = useId();
 	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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-TUpkzGOA.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ListboxItem.css.ts.vanilla-DWpw4o3e.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_1j8s4mx"],
+	}, "_3enrc5"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_10f1jt2"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "mv9j27"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "yu44v2"],
+	}, "nwpiky"],
 	variants: { intent: {
-		danger: "_1ljfc0c",
-		neutral: "_1p1min1"
+		danger: "sbpv65",
+		neutral: "_1d1kwog"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_17qfz9o"] });
+}, "_1v2gzxc"] });
 //#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$1();
-	const descriptionId = useId$1();
+	const labelId = useId();
+	const descriptionId = useId();
 	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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-CujlbR6S.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-DlobHSMH.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["c0552m"],
+	base: ["mlo0x0"],
 	variants: { active: {
 		false: {},
-		true: "_15209ms"
+		true: "_2gbur8"
 	} }
 });
 //#endregion

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

@@ -1,9 +1,9 @@
 "use client";
 import { Box } from "../box/Box.js";
 import { indicator } from "./ListboxItemIndicator-css.js";
-import { IconCheck } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { IconCheck } from "@optiaxiom/icons/IconCheck";
 //#region src/listbox/ListboxItemIndicator.tsx
 /**
 * @group Listbox

package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/MenuDialogContent.css.ts.vanilla-CXKTkTYL.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/MenuDialogContent.css.ts.vanilla-DjCkqnJA.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "xfl9o1" });
+var content = recipeRuntime({ base: "beqoyo" });
 //#endregion
 export { content };

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

@@ -5,7 +5,8 @@ import { DialogHeader } from "../dialog/DialogHeader.js";
 import { useFieldContext } from "../field/FieldContext.js";
 import { useMenuContext } from "./MenuContext.js";
 import { content } from "./MenuDialogContent-css.js";
-import { forwardRef, useId } from "react";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/menu/MenuDialogContent.tsx

package/dist/esm/packages/react/src/menu/MenuInput-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/MenuInput.css.ts.vanilla-5194zPrb.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/MenuInput.css.ts.vanilla-B5rtfRUp.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"
-	}, "_1gkxm7z"]
+	}, "_1w1gwja"]
 } } });
 //#endregion
 export { input };

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

@@ -3,9 +3,9 @@ import { resolveItemProperty, useCommandContext } from "../command/CommandContex
 import { ListboxItem } from "../listbox/ListboxItem.js";
 import { CommandItem } from "../command/CommandItem.js";
 import { useMenuContext } from "./MenuContext.js";
-import { IconArrowUpRightFromSquare } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { IconArrowUpRightFromSquare } from "@optiaxiom/icons/IconArrowUpRightFromSquare";
 //#region src/menu/MenuItem.tsx
 const MenuItem = forwardRef(({ addonAfter, children, ...props }, ref) => {
 	const Comp = props.item.href ? "a" : "div";

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$1();
+	const labelId = useId();
 	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$1();
+	const labelId = useId();
 	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/MenuSubTrigger.js

@@ -3,10 +3,10 @@ import { useCommandContext } from "../command/CommandContext.js";
 import { usePopoverContext } from "../popover/PopoverContext.js";
 import { useMenuSubContext } from "./MenuSubContext.js";
 import { MenuItem } from "./MenuItem.js";
-import { IconChevronRight } from "@optiaxiom/icons";
 import { forwardRef, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
 //#region src/menu/MenuSubTrigger.tsx
 const MenuSubTrigger = forwardRef(({ children, item, onPointerDown, onPointerEnter, onPointerLeave, onPointerMove, ...props }, outerRef) => {
 	const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");

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$1();
+	const id = useId();
 	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
 	return /* @__PURE__ */ jsx(Comp, {
 		"aria-labelledby": labelId,

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

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ModalListbox.css.ts.vanilla-DjDipPx1.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ModalListbox.css.ts.vanilla-DepGdip1.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "hcuo6o"],
+	}, "_1lwytui"],
 	variants: {
 		maxH: {
-			xs: "spskf7",
-			sm: "_1tlvriw",
-			md: "hfei6o",
-			lg: "zyrxxi",
+			xs: "_6rzgks",
+			sm: "g2zrzp",
+			md: "_1skl7lb",
+			lg: "_1gd76wx",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_1ueas6q"
+			trigger: "_15dbrog"
 		}
 	}
 });

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Nav.css.ts.vanilla-BP_4mNp5.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Nav.css.ts.vanilla-ROii1y8m.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"
-}, "_8zu0i6"] });
+}, "czla5v"] });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/NavAccountItem.css.ts.vanilla-6o6stwG5.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/NavAccountItem.css.ts.vanilla-C20LZWOQ.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "_15ar14v",
-		true: "x594k4"
+		false: "_1q6gv0i",
+		true: "_1hsjlom"
 	} }
 });
 //#endregion

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

@@ -1,13 +1,13 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Avatar } from "../avatar/Avatar.js";
 import { useSidebarContext } from "../sidebar/SidebarContext.js";
 import { item } from "./NavAccountItem-css.js";
-import { IconEllipsisStroke } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconEllipsisStroke } from "@optiaxiom/icons/IconEllipsisStroke";
 //#region src/nav/NavAccountItem.tsx
 /**
 * @group Sidebar

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

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.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$1();
+	const groupId = useId();
 	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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-BozVCzxi.css";
-import "./../../../../assets/NavItem.css.ts.vanilla-pyCT9_ZT.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-BkvixQWK.css";
+import "./../../../../assets/NavItem.css.ts.vanilla-H9KFZHf8.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"
-}, "wrvpsv"] });
+}, "_1tennlo"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_14653rp"],
+	}, "c48814"],
 	variants: { expanded: {
-		false: "_381lsb",
-		true: "_1d0xinv"
+		false: "_24pr37",
+		true: "qidsrh"
 	} }
 });
 //#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/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Pagination.css.ts.vanilla-CjpiM-Zx.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Pagination.css.ts.vanilla-yYxi9W3S.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_18glmro"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_15ruzfj"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "_161f70o"],
+	}, "_1n9r8vs"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "czjlci"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "_1nsvgzn"] });
 //#endregion
 export { button, cursor, list };