@optiaxiom/react 1.3.0 → 1.3.2

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-9E2kDjKk.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-D0WNNLdw.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'},'izsqg1']});
+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-9E2kDjKk.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-9E2kDjKk.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CrrHJq3H.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'},'pwm3b3']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1n2e9ia'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'wk1s9r']});
+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-9E2kDjKk.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-9E2kDjKk.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Dt9oEgDm.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'},'tdfzjm'],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,

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

@@ -4,14 +4,16 @@ import { theme } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef, useRef } from 'react';
-import { ModalProvider } from '../modal-context/ModalContext.js';
-import { OverlayListbox } from '../overlay-listbox/OverlayListbox.js';
-import { usePopoverContext } from '../popover-context/PopoverContext.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { ModalProvider } from '../modal/ModalContext.js';
+import '../modal/ModalLayer.js';
+import { ModalListbox } from '../modal/ModalListbox.js';
+import '../transition/Transition.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import '../utils/isHoverSupported.js';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
+import { usePopoverContext } from './PopoverContext.js';
 
 const PopoverContent = forwardRef(
   ({ align = "start", children, sideOffset = 2, withArrow, ...props }, outerRef) => {
@@ -27,7 +29,7 @@ const PopoverContent = forwardRef(
         open,
         presence,
         children: /* @__PURE__ */ jsx(RadixPopover.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(
-          OverlayListbox,
+          ModalListbox,
           {
             asChild: true,
             onBlur: onReactSelectInputBlur,

package/dist/esm/packages/react/src/{popover-trigger → popover}/PopoverTrigger.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef, useState, useEffect } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const PopoverTrigger = forwardRef(({ asChild, children, hasCustomAnchor, ...props }, ref) => {
   const [shouldRender, setShouldRender] = useState(!hasCustomAnchor);

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BFKb9lu8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-Cl7TjgZv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_13xqgbu']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1xdzovr']});
 
 export { indicator, progress };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BD9DPgTh.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-MkXQcu00.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpdhCvOY.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-vWXZHGl_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ybljh6'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'tfv6hy']});
-var input = recipeRuntime({base:'_13ab1u9'});
-var radio = recipeRuntime({base:'l3qc26'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'eyhj7v'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'rdjyev']});
+var input = recipeRuntime({base:'_1n3ufsz'});
+var radio = recipeRuntime({base:'_1ubhc5'});
 
 export { control, indicator, input, radio };

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

@@ -3,14 +3,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { useRadioGroupContext } from '../radio-group-context/RadioGroupContext.js';
 import { ToggleInput } from '../toggle-input/ToggleInput.js';
-import { ToggleInputContent } from '../toggle-input-content/ToggleInputContent.js';
-import { ToggleInputControl } from '../toggle-input-control/ToggleInputControl.js';
-import { ToggleInputDescription } from '../toggle-input-description/ToggleInputDescription.js';
-import { ToggleInputHiddenInput } from '../toggle-input-hidden-input/ToggleInputHiddenInput.js';
-import { ToggleInputLabel } from '../toggle-input-label/ToggleInputLabel.js';
+import { ToggleInputContent } from '../toggle-input/ToggleInputContent.js';
+import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
+import { ToggleInputDescription } from '../toggle-input/ToggleInputDescription.js';
+import { ToggleInputHiddenInput } from '../toggle-input/ToggleInputHiddenInput.js';
+import { ToggleInputLabel } from '../toggle-input/ToggleInputLabel.js';
 import { radio, input, control, indicator } from './Radio-css.js';
+import { useRadioGroupContext } from './RadioGroupContext.js';
 
 const Radio = forwardRef(
   ({

package/dist/esm/packages/react/src/{radio-group → radio}/RadioGroup.js

@@ -2,9 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { RadioGroupProvider } from '../radio-group-context/RadioGroupContext.js';
 import { mapResponsiveValue } from '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { RadioGroupProvider } from './RadioGroupContext.js';
 
 const mapGapToOrientation = {
   column: "12",

package/dist/esm/packages/react/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CvWIeABv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C0bBEWDh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'qaj927']});
-var search = recipeRuntime({base:'vf1p8a'});
+var clear = recipeRuntime({base:[{size:'sm'},'_2lgnpc']});
+var search = recipeRuntime({base:'_1hgkces'});
 
 export { clear, search };

package/dist/esm/packages/react/src/search-input/SearchInput.js

@@ -4,11 +4,19 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Flex } from '../flex/Flex.js';
+import '../field/FieldContext.js';
+import { useObserveValue } from '../hooks/useObserveValue.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import '../utils/isHoverSupported.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { IconX } from '../icons/IconX.js';
 import { Input } from '../input/Input.js';
-import { useObserveValue } from '../use-observe-value/useObserveValue.js';
+import '../input/InputAddon.js';
+import '../input/InputControl.js';
+import '../input/InputRoot.js';
 import { search, clear } from './SearchInput-css.js';
 
 const SearchInput = forwardRef(

package/dist/esm/packages/react/src/segmented-control/SegmentedControl.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { SegmentedControlProvider } from '../segmented-control-context/SegmentedControlContext.js';
+import { SegmentedControlProvider } from './SegmentedControlContext.js';
 
 const SegmentedControl = forwardRef(({ children, type = "single", ...props }, ref) => {
   return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsx(RadixSegmentedControl.Root, { ref, type, children: /* @__PURE__ */ jsx(SegmentedControlProvider, { children }) }) });

package/dist/esm/packages/react/src/{segmented-control-item → segmented-control}/SegmentedControlItem.js

@@ -3,7 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
-import { useSegmentedControlContext } from '../segmented-control-context/SegmentedControlContext.js';
+import '../button/ButtonGroup.js';
+import { useSegmentedControlContext } from './SegmentedControlContext.js';
 
 const SegmentedControlItem = forwardRef(({ children, ...props }, ref) => {
   useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");

package/dist/esm/packages/react/src/select/Select.js

@@ -6,9 +6,13 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useSelect } from 'downshift';
 import { forwardRef, useRef, useMemo } from 'react';
 import { usePortalPatch } from '../downshift/usePortalPatch.js';
-import { SelectProvider } from '../select-context/SelectContext.js';
-import { SelectHiddenSelect } from '../select-hidden-select/SelectHiddenSelect.js';
-import { useObserveValue } from '../use-observe-value/useObserveValue.js';
+import '../field/FieldContext.js';
+import { useObserveValue } from '../hooks/useObserveValue.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import '../utils/isHoverSupported.js';
+import { SelectProvider } from './SelectContext.js';
+import { SelectHiddenSelect } from './SelectHiddenSelect.js';
 import { useObserveReset } from './useObserveReset.js';
 
 const Select = forwardRef(

package/dist/esm/packages/react/src/{select-content → select}/SelectContent.js

@@ -3,14 +3,26 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PopperContent } from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { forwardRef } from 'react';
-import { ListboxItemized } from '../listbox-itemized/ListboxItemized.js';
-import { ListboxLabel } from '../listbox-label/ListboxLabel.js';
-import { ListboxSeparator } from '../listbox-separator/ListboxSeparator.js';
-import { ModalLayer } from '../modal-layer/ModalLayer.js';
-import { OverlayListbox } from '../overlay-listbox/OverlayListbox.js';
-import { useSelectContext } from '../select-context/SelectContext.js';
-import { SelectRadioItem } from '../select-radio-item/SelectRadioItem.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.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 { ListboxItemized } from '../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 '../modal/ModalContext.js';
+import { ModalLayer } from '../modal/ModalLayer.js';
+import { ModalListbox } from '../modal/ModalListbox.js';
+import '../transition/Transition.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
+import { useSelectContext } from './SelectContext.js';
+import { SelectRadioItem } from './SelectRadioItem.js';
 
 const SelectContent = forwardRef(
   ({ align = "start", children, side = "bottom", size, ...props }, ref) => {
@@ -36,7 +48,7 @@ const SelectContent = forwardRef(
       return show && !group?.hidden;
     };
     return /* @__PURE__ */ jsx(TransitionGroup, { open: isOpen, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
-      OverlayListbox,
+      ModalListbox,
       {
         asChild: true,
         maxH: "sm",

package/dist/esm/packages/react/src/{select-hidden-select → select}/SelectHiddenSelect.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef, useMemo } from 'react';
-import { useSelectContext } from '../select-context/SelectContext.js';
+import { useSelectContext } from './SelectContext.js';
 
 const SelectHiddenSelect = forwardRef(({ defaultValue, disabled, name, onChange, required, value }, ref) => {
   const { items } = useSelectContext("@optiaxiom/react/SelectHiddenSelect");

package/dist/esm/packages/react/src/{select-item → select}/SelectItem.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useSelectContext } from '../select-context/SelectContext.js';
+import { useSelectContext } from './SelectContext.js';
 
 const SelectItem = forwardRef(
   ({ children, item, onMouseMove, size, ...props }, ref) => {

package/dist/esm/packages/react/src/select/SelectRadioItem.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+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';
+import { SelectItem } from './SelectItem.js';
+
+const SelectRadioItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(SelectItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxRadioItem, { children }) });
+  }
+);
+SelectRadioItem.displayName = "@optiaxiom/react/SelectRadioItem";
+
+export { SelectRadioItem };

package/dist/esm/packages/react/src/{select-trigger → select}/SelectTrigger.js

@@ -6,11 +6,11 @@ import { forwardRef, useRef, useState, useEffect } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { useSelectContext } from '../select-context/SelectContext.js';
-import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
+import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
+import { useSelectContext } from './SelectContext.js';
 
 const SelectTrigger = forwardRef(
   ({

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-Duu7HDfq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CFaaASm6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_h2fokeqwgislkw3fqntlep77qq/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'yky82x',md:'wiymn5',base:'_1j2yo94'},defaultClass:'_1j2yo94'},vertical:{conditions:{sm:'zf5d4l',md:'teuj4w',base:'_1tnv3tu'},defaultClass:'_1tnv3tu'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1wpf5ic',md:'_1ler3xb',base:'ks64u1'},defaultClass:'ks64u1'},vertical:{conditions:{sm:'_1v3n4rn',md:'_1f8y11n',base:'_14ob61v'},defaultClass:'_14ob61v'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/sidebar/Sidebar.js

@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { SidebarProvider } from '../sidebar-context/SidebarContext.js';
+import { SidebarProvider } from './SidebarContext.js';
 
 const Sidebar = forwardRef(
   ({