@optiaxiom/react 1.3.1 → 1.3.2

package/dist/esm/packages/react/src/{menu-dialog-content → menu}/MenuDialogContent.js

@@ -2,8 +2,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
-import { DialogContent } from '../dialog-content/DialogContent.js';
-import { DialogHeader } from '../dialog-header/DialogHeader.js';
+import '../dialog/Dialog.js';
+import '../dialog/DialogBody.js';
+import '../dialog/DialogClose.js';
+import { DialogContent } from '../dialog/DialogContent.js';
+import '../dialog/DialogFooter.js';
+import '../dialog/DialogForm.js';
+import { DialogHeader } from '../dialog/DialogHeader.js';
+import '../dialog/DialogTrigger.js';
 
 const MenuDialogContent = forwardRef(
   ({

package/dist/esm/packages/react/src/{menu-input → menu}/MenuInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/menu-input/MenuInput.css.ts.vanilla-CUqEzWEo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-oNHGAD0Z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1hote6u']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1m3xa98']}}});
 
 export { input };

package/dist/esm/packages/react/src/{menu-input → menu}/MenuInput.js

@@ -5,9 +5,12 @@ import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
+import '../command/Command.js';
+import { CommandInput } from '../command/CommandInput.js';
+import '../command/CommandItem.js';
+import '../command/CommandListbox.js';
+import { useCommandContext } from '../command/CommandContext.js';
+import { useMenuContext } from './MenuContext.js';
 import { input } from './MenuInput-css.js';
 
 const MenuInput = forwardRef(

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

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import '../command/Command.js';
+import '../command/CommandInput.js';
+import { CommandItem } from '../command/CommandItem.js';
+import '../command/CommandListbox.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import { ListboxItem } from '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+
+const MenuItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    const Comp = props.item.link ? "a" : "div";
+    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
+      ListboxItem,
+      {
+        addonBefore: props.item.addon,
+        asChild: true,
+        description: props.item.description,
+        children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+      }
+    ) });
+  }
+);
+MenuItem.displayName = "@optiaxiom/react/MenuItem";
+
+export { MenuItem };

package/dist/esm/packages/react/src/{menu-listbox → menu}/MenuListbox.js

@@ -1,14 +1,28 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
-import { ListboxLabel } from '../listbox-label/ListboxLabel.js';
-import { ListboxSeparator } from '../listbox-separator/ListboxSeparator.js';
-import { MenuCheckboxItem } from '../menu-checkbox-item/MenuCheckboxItem.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { MenuItem } from '../menu-item/MenuItem.js';
-import { MenuRadioItem } from '../menu-radio-item/MenuRadioItem.js';
-import { MenuSub } from '../menu-sub/MenuSub.js';
+import '../command/Command.js';
+import '../command/CommandInput.js';
+import '../command/CommandItem.js';
+import { CommandListbox } from '../command/CommandListbox.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import { ListboxLabel } from '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import { ListboxSeparator } from '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+import { MenuCheckboxItem } from './MenuCheckboxItem.js';
+import { useMenuContext } from './MenuContext.js';
+import { MenuItem } from './MenuItem.js';
+import { MenuRadioItem } from './MenuRadioItem.js';
+import { MenuSub } from './MenuSub.js';
 
 const MenuListbox = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/{menu-popover → menu}/MenuPopover.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Popover } from '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
 
 function MenuPopover(props) {
   return /* @__PURE__ */ jsx(Popover, { modal: true, ...props });

package/dist/esm/packages/react/src/{menu-popover-content → menu}/MenuPopoverContent.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
 
 const MenuPopoverContent = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(PopoverContent, { maxH: "sm", minW: "trigger", ref, ...props });

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

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import '../command/Command.js';
+import '../command/CommandInput.js';
+import { CommandItem } from '../command/CommandItem.js';
+import '../command/CommandListbox.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import { ListboxRadioItem } from '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+
+const MenuRadioItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    const Comp = props.item.link ? "a" : "div";
+    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
+      ListboxRadioItem,
+      {
+        addonBefore: props.item.addon,
+        asChild: true,
+        description: props.item.description,
+        children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+      }
+    ) });
+  }
+);
+MenuRadioItem.displayName = "@optiaxiom/react/MenuRadioItem";
+
+export { MenuRadioItem };

package/dist/esm/packages/react/src/{menu-sub → menu}/MenuSub.js

@@ -1,13 +1,16 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { useMenuNestedContext } from '../menu-nested-context/MenuNestedContext.js';
-import { MenuSubContent } from '../menu-sub-content/MenuSubContent.js';
-import { MenuSubProvider } from '../menu-sub-context/MenuSubContext.js';
-import { MenuSubTrigger } from '../menu-sub-trigger/MenuSubTrigger.js';
+import { useCommandContext } from '../command/CommandContext.js';
 import { Popover } from '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { useMenuContext } from './MenuContext.js';
+import { useMenuNestedContext } from './MenuNestedContext.js';
+import { MenuSubContent } from './MenuSubContent.js';
+import { MenuSubProvider } from './MenuSubContext.js';
+import { MenuSubTrigger } from './MenuSubTrigger.js';
 
 function MenuSub({ children, item }) {
   const { activePath, setActivePath } = useMenuContext(

package/dist/esm/packages/react/src/{menu-sub-content → menu}/MenuSubContent.js

@@ -4,13 +4,18 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef, useMemo } from 'react';
 import { Command } from '../command/Command.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { MenuListbox } from '../menu-listbox/MenuListbox.js';
-import { useMenuNestedContext, MenuNestedProvider } from '../menu-nested-context/MenuNestedContext.js';
-import { useMenuSubContext } from '../menu-sub-context/MenuSubContext.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { CommandInput } from '../command/CommandInput.js';
+import '../command/CommandItem.js';
+import '../command/CommandListbox.js';
+import { useCommandContext } from '../command/CommandContext.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { useMenuContext } from './MenuContext.js';
+import { MenuListbox } from './MenuListbox.js';
+import { useMenuNestedContext, MenuNestedProvider } from './MenuNestedContext.js';
+import { useMenuSubContext } from './MenuSubContext.js';
 
 const MenuSubContent = forwardRef(
   ({ align = "start", children, item, side = "right", ...props }, outerRef) => {

package/dist/esm/packages/react/src/{menu-sub-trigger → menu}/MenuSubTrigger.js

@@ -1,12 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { useCommandContext } from '../command-context/CommandContext.js';
+import { useCommandContext } from '../command/CommandContext.js';
 import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { MenuItem } from '../menu-item/MenuItem.js';
-import { useMenuSubContext } from '../menu-sub-context/MenuSubContext.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import { PopoverTrigger } from '../popover/PopoverTrigger.js';
+import { MenuItem } from './MenuItem.js';
+import { useMenuSubContext } from './MenuSubContext.js';
 
 const MenuSubTrigger = forwardRef(
   ({ children, item, onPointerDown, ...props }, ref) => {

package/dist/esm/packages/react/src/{menu-trigger → menu}/MenuTrigger.js

@@ -3,10 +3,23 @@ import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
-import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
-import { useMenuContext } from '../menu-context/MenuContext.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
+import '../dialog/Dialog.js';
+import '../dialog/DialogBody.js';
+import '../dialog/DialogClose.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogFooter.js';
+import '../dialog/DialogForm.js';
+import '../dialog/DialogHeader.js';
+import { DialogTrigger } from '../dialog/DialogTrigger.js';
+import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import '../utils/isHoverSupported.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import { PopoverTrigger } from '../popover/PopoverTrigger.js';
+import { useMenuContext } from './MenuContext.js';
 
 const MenuTrigger = forwardRef(
   ({ "aria-labelledby": ariaLabelledBy, asChild, children, ...props }, outerRef) => {

package/dist/esm/packages/react/src/{modal-layer → modal}/ModalLayer.js

@@ -6,7 +6,7 @@ import { FocusGuards } from '@radix-ui/react-focus-guards';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useRef } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
-import { useModalContext, ModalProvider } from '../modal-context/ModalContext.js';
+import { useModalContext, ModalProvider } from './ModalContext.js';
 
 const ModalLayer = forwardRef(
   ({ asChild, children, ...props }, outerRef) => {

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-CXAEMq21.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1n71rmz'],variants:{maxH:{xs:'_1mj41d8',sm:'ewtpev',md:'_1139h0f',lg:'_7lxud6',full:{}},minW:{'0':{},trigger:'k54cyl'},provider:{'dropdown-menu':'kqnjuw',popover:'_2nrxt3',popper:'z7bj4t'}}});
+
+export { listbox };

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Listbox } from '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+import { Paper } from '../paper/Paper.js';
+import { Transition } from '../transition/Transition.js';
+import '../transition/TransitionGroup.js';
+import { listbox } from './ModalListbox-css.js';
+
+const ModalListbox = forwardRef(
+  ({ children, className, maxH, minW, provider = "popover", ...props }, ref) => /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsx(
+    Listbox,
+    {
+      ref,
+      ...listbox({ maxH, minW, provider }, className),
+      ...props,
+      children
+    }
+  ) }) })
+);
+ModalListbox.displayName = "@optiaxiom/react/ModalListbox";
+
+export { ModalListbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-da2koA86.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-BtN9Qmmr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1xvc1jl']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1gft6oy']});
 
 export { nav };

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

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 import { nav } from './Nav-css.js';
 
 const Nav = forwardRef(

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DWjlPOgk.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'ydedrw',true:'_1i5dzlg'}}});
+
+export { item };

package/dist/esm/packages/react/src/{nav-account-item → nav}/NavAccountItem.js

@@ -2,12 +2,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
+import '../avatar/AvatarGroup.js';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 import { Text } from '../text/Text.js';
 import { item } from './NavAccountItem-css.js';
 

package/dist/esm/packages/react/src/{nav-body → nav}/NavBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

package/dist/esm/packages/react/src/{nav-body → nav}/NavBody.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 import { body } from './NavBody-css.js';
 
 const NavBody = forwardRef(

package/dist/esm/packages/react/src/{nav-footer → nav}/NavFooter.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 
 const NavFooter = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/{nav-group → nav}/NavGroup.js

@@ -3,7 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
 import { Disclosure } from '../disclosure/Disclosure.js';
-import { NavGroupProvider } from '../nav-group-context/NavGroupContext.js';
+import '../disclosure/DisclosureContent.js';
+import '../disclosure/DisclosureTrigger.js';
+import { NavGroupProvider } from './NavGroupContext.js';
 
 const NavGroup = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/{nav-group-content → nav}/NavGroupContent.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
+import '../disclosure/Disclosure.js';
+import { DisclosureContent } from '../disclosure/DisclosureContent.js';
+import '../disclosure/DisclosureTrigger.js';
 
 const NavGroupContent = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/{nav-group-trigger → nav}/NavGroupTrigger.js

@@ -1,8 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { DisclosureTrigger } from '../disclosure-trigger/DisclosureTrigger.js';
-import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
+import '../disclosure/Disclosure.js';
+import '../disclosure/DisclosureContent.js';
+import { DisclosureTrigger } from '../disclosure/DisclosureTrigger.js';
+import { useNavGroupContext } from './NavGroupContext.js';
 
 const NavGroupTrigger = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/{nav-header → nav}/NavHeader.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 
 const NavHeader = forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DOeVqQUF.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-Cg4gT5py.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1crfi5l']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'sh886z'],variants:{expanded:{false:'_98s0c6',true:'_1cwkfou'}}});
+
+export { item, label };

package/dist/esm/packages/react/src/{nav-item → nav}/NavItem.js

@@ -6,9 +6,13 @@ import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
-import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { useSidebarContext } from '../sidebar/SidebarContext.js';
 import { Text } from '../text/Text.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';

package/dist/esm/packages/react/src/{nav-list → nav}/NavList.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
+import { useNavGroupContext } from './NavGroupContext.js';
 
 const NavList = forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-ZIE8tgBJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DWS6TkqO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'rhpcsk']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'fuo7b1'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'e4ivib']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_8ufa9y']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_17dupn1'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_7fqoui']});
 
 export { button, cursor, list };

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

@@ -7,13 +7,18 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
-import { ButtonBase } from '../button-base/ButtonBase.js';
+import '../button/ButtonGroup.js';
+import { ButtonRoot } from '../button/ButtonRoot.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
 import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
 import { list, cursor, button } from './Pagination-css.js';
 import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.17.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
@@ -43,7 +48,7 @@ const Pagination = forwardRef(
     }, [active]);
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...list(), children: /* @__PURE__ */ jsxs("ul", { children: [
       /* @__PURE__ */ jsx(
-        ButtonBase,
+        ButtonRoot,
         {
           appearance: "subtle",
           "aria-hidden": true,
@@ -88,7 +93,7 @@ const Pagination = forwardRef(
               )
             }
           ) : /* @__PURE__ */ jsxs(
-            ButtonBase,
+            ButtonRoot,
             {
               appearance: "subtle",
               "aria-current": active === page ? "page" : void 0,

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-D2bvjE-M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DBVrbfPg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1vmftfb'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'upe9zn'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/popover/Popover.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState } from 'react';
-import { PopoverProvider } from '../popover-context/PopoverContext.js';
+import { PopoverProvider } from './PopoverContext.js';
 
 function Popover({
   children,