@optiaxiom/react 3.4.3 → 3.5.0

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-CH9zlCwB.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-Bu53Xq1I.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"
-}, "_1nouflj"] });
+}, "_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-CH9zlCwB.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-DKnamlD4.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" }, "_55yscu"] });
+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,9 +1,9 @@
 "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 } from "@radix-ui/react-id";
 //#region src/listbox/ListboxGroup.tsx
 /**
 * @group Listbox

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-CH9zlCwB.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-HNRmtQ45.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"
-	}, "_1hm7r6o"],
+	}, "_3enrc5"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "sitwcd"] });
+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"
-	}, "_1uf6rjq"],
+	}, "nwpiky"],
 	variants: { intent: {
-		danger: "_10fokdk",
-		neutral: "_1hm9crp"
+		danger: "sbpv65",
+		neutral: "_1d1kwog"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_2j4ba3"] });
+}, "_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 } from "@radix-ui/react-id";
 //#region src/listbox/ListboxItem.tsx
 const Slot = createSlot("@optiaxiom/react/ListboxItem");
 /**

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-CH9zlCwB.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-B6wvfzyK.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: ["vbrfr0"],
+	base: ["mlo0x0"],
 	variants: { active: {
 		false: {},
-		true: "_11ouw4t"
+		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-CH9zlCwB.css";
-import "./../../../../assets/MenuDialogContent.css.ts.vanilla-C6EKaGuz.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: "_1v2tmf8" });
+var content = recipeRuntime({ base: "beqoyo" });
 //#endregion
 export { content };

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

@@ -5,10 +5,10 @@ import { DialogHeader } from "../dialog/DialogHeader.js";
 import { useFieldContext } from "../field/FieldContext.js";
 import { useMenuContext } from "./MenuContext.js";
 import { content } from "./MenuDialogContent-css.js";
+import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "@radix-ui/react-id";
 //#region src/menu/MenuDialogContent.tsx
 const MenuDialogContent = forwardRef(({ align: _align, "aria-label": ariaLabel, children, className, minW: _minW, side: _side, sideOffset: _sideOffset, ...props }, ref) => {
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/MenuDialogContent");

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-CH9zlCwB.css";
-import "./../../../../assets/MenuInput.css.ts.vanilla-CQ0Y2NOC.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"
-	}, "_19lz5ja"]
+	}, "_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 } from "@radix-ui/react-id";
 import { RemoveScroll } from "react-remove-scroll";
 //#region src/menu/MenuPopoverContent.tsx
 const Slot = createSlot("@optiaxiom/react/MenuPopoverContent");

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

@@ -9,11 +9,11 @@ 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 } 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");

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 } from "@radix-ui/react-id";
 //#region src/menu/MenuTrigger.tsx
 /**
 * Trigger button for Menu component with automatic chevron icon.

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-CH9zlCwB.css";
-import "./../../../../assets/ModalListbox.css.ts.vanilla-_j4Y9UJV.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"
-	}, "_1hyd7co"],
+	}, "_1lwytui"],
 	variants: {
 		maxH: {
-			xs: "xqhxyx",
-			sm: "_13dz54t",
-			md: "_168xcq0",
-			lg: "_1w3kr6s",
+			xs: "_6rzgks",
+			sm: "g2zrzp",
+			md: "_1skl7lb",
+			lg: "_1gd76wx",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_1pqhzx6"
+			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-CH9zlCwB.css";
-import "./../../../../assets/Nav.css.ts.vanilla-zP3EQXMT.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"
-}, "_18cat9x"] });
+}, "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-CH9zlCwB.css";
-import "./../../../../assets/NavAccountItem.css.ts.vanilla-CfbW9sz4.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: "_10qwho8",
-		true: "rl4c2i"
+		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-CH9zlCwB.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,9 +2,9 @@
 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 } from "@radix-ui/react-id";
 //#region src/nav/NavGroup.tsx
 /**
 * @extends Disclosure

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-CH9zlCwB.css";
-import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-WcxvtkjC.css";
-import "./../../../../assets/NavItem.css.ts.vanilla-uRx7R09p.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"
-}, "_1hkwf9m"] });
+}, "_1tennlo"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_1818fgg"],
+	}, "c48814"],
 	variants: { expanded: {
-		false: "_18yosfn",
-		true: "_15x0g01"
+		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-CH9zlCwB.css";
-import "./../../../../assets/Pagination.css.ts.vanilla-IXItCYxI.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" }, "mkpqxc"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_15ruzfj"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "_12ycuhg"],
+	}, "_1n9r8vs"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "b7c6x8"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "_1nsvgzn"] });
 //#endregion
 export { button, cursor, list };

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

@@ -1,17 +1,19 @@
 "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 { 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";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { IconEllipsisStroke } from "@optiaxiom/icons/IconEllipsisStroke";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
+import { IconChevronLeft } from "@optiaxiom/icons/IconChevronLeft";
 //#region src/pagination/Pagination.tsx
 /**
 * Display active page and navigate between multiple pages.

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

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.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/layers.css.ts.vanilla-CH9zlCwB.css";
-import "./../../../../assets/Pill.css.ts.vanilla-_NKGR4oh.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Pill.css.ts.vanilla-Do91x-Yd.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1muque4"],
+	}, "aqquaf"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_15fo5ov"
+			true: "k6cglv"
 		},
 		size: {
 			xs: { h: "xs" },

package/dist/esm/packages/react/src/pill/Pill.js

@@ -4,7 +4,7 @@ import { Box } from "../box/Box.js";
 import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
 import { pill } from "./Pill-css.js";
-import { IconXmark } from "@optiaxiom/icons";
+import { IconXmark } from "@optiaxiom/icons/IconXmark";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
-import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-CsCyNhHp.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-Di-q1xDs.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_1n5ngp1"],
+	}, "_120ouur"],
 	variants: { size: {
-		md: "_1jmf82p",
-		lg: "gyjca4"
+		md: "o328bf",
+		lg: "_1mdgvnl"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_10uc6te"] });
-var wrapper = recipeRuntime({ base: "_1vyd4ee" });
+}, "_1ccxk95"] });
+var wrapper = recipeRuntime({ base: "ps490w" });
 //#endregion
 export { root, trigger, wrapper };

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js

@@ -11,10 +11,10 @@ import { RovingFocus } from "../roving-focus/RovingFocus.js";
 import { RovingFocusItem } from "../roving-focus/RovingFocusItem.js";
 import { PillMenuPill } from "./PillMenuPill.js";
 import { root, trigger, wrapper } from "./PillMenuTrigger-css.js";
-import { IconPlus } from "@optiaxiom/icons";
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { IconPlus } from "@optiaxiom/icons/IconPlus";
 //#region src/pill-menu/PillMenuTrigger.tsx
 const remapSize = {
 	md: "xs",

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
-import "./../../../../assets/Progress.css.ts.vanilla-C2Na3eOC.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Progress.css.ts.vanilla-ZuJrtcOw.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,13 +9,13 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_17de47t",
+		danger: "r3xzi0",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_44ceyo",
+		style: "_1lvm55i",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -27,6 +27,6 @@ var progress = recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_1k5sewo"] });
+}, "eotwmv"] });
 //#endregion
 export { indicator, progress };

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
-import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-CuCEYKJw.css";
-import "./../../../../assets/Radio.css.ts.vanilla-TmdZAife.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-BOJ3ABfS.css";
+import "./../../../../assets/Radio.css.ts.vanilla-CcBQfYkE.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "_1irx8kn"],
+	}, "_3444rs"],
 	variants: { shift: {
 		false: {},
-		true: "_1idu7lf"
+		true: "_1i5e86u"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_16yjm9l"] });
-var input = recipeRuntime({ base: "_1ytxlh5" });
-var radio = recipeRuntime({ base: "soi4y6" });
+}, "_1l2py3m"] });
+var input = recipeRuntime({ base: "d6p53b" });
+var radio = recipeRuntime({ base: "vo9lsc" });
 //#endregion
 export { control, indicator, input, radio };