@optiaxiom/react 1.3.2 → 1.3.3

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

@@ -2,11 +2,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { forwardRef, useRef, useState, useEffect, useContext, useMemo } from 'react';
+import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { TransitionGroupContext } from '../transition/TransitionGroupContext.js';
+import { useTransitionGroupContext } from '../transition/TransitionGroupContext.js';
 import { Listbox } from './Listbox.js';
 
 const ListboxVirtualized = forwardRef(({ children, highlightedItem, items, ...props }, outerRef) => {
@@ -16,7 +16,7 @@ const ListboxVirtualized = forwardRef(({ children, highlightedItem, items, ...pr
   useEffect(() => {
     requestAnimationFrame(() => setEnabled(true));
   }, []);
-  const { presence } = useContext(TransitionGroupContext) ?? {};
+  const { presence } = useTransitionGroupContext("@optiaxiom/react/ListboxVirtualized") ?? {};
   const rowVirtualizer = useVirtualizer({
     count: items.length,
     enabled,

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

@@ -39,11 +39,13 @@ function Menu({
   });
   const Comp = size === "sm" ? MenuPopover : Dialog;
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/Menu",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
   const [inputValue, setInputValue] = useControllableState({
+    caller: "@optiaxiom/react/Menu",
     defaultProp: "",
     onChange: onInputValueChange,
     prop: inputValueProp
@@ -146,6 +148,7 @@ function Menu({
               }
             }
           },
+          open,
           options,
           ...props,
           children

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

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useCommandContext } from '../command/CommandContext.js';
-import { useFieldContext } from '../field/useFieldContext.js';
+import { useFieldContext } from '../field/FieldContext.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useMenuContext } from './MenuContext.js';
 import { MenuDialogContent } from './MenuDialogContent.js';
@@ -12,7 +12,7 @@ import { MenuPopoverContent } from './MenuPopoverContent.js';
 
 const MenuContent = forwardRef(
   ({ children, ...props }, ref) => {
-    const { labelId } = useFieldContext();
+    const { labelId } = useFieldContext("@optiaxiom/react/MenuContent");
     const { inputVisible, placeholder, size } = useMenuContext(
       "@optiaxiom/react/MenuContent"
     );

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

@@ -1,6 +1,5 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
 import '../dialog/Dialog.js';
 import '../dialog/DialogBody.js';
@@ -10,6 +9,7 @@ import '../dialog/DialogFooter.js';
 import '../dialog/DialogForm.js';
 import { DialogHeader } from '../dialog/DialogHeader.js';
 import '../dialog/DialogTrigger.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 
 const MenuDialogContent = forwardRef(
   ({

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-oNHGAD0Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-FyouPppH.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'},'_1m3xa98']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_9zd1ku']}}});
 
 export { input };

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

@@ -37,7 +37,7 @@ const MenuListbox = forwardRef(
     const shouldShowGroup = (group) => {
       const show = group !== lastGroup;
       lastGroup = group;
-      return show && !group?.hidden;
+      return show && !!group && !group?.hidden;
     };
     return /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children: children ?? ((item, index) => {
       if (index === 0) {

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

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 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 { CommandInput } from '../command/CommandInput.js';
@@ -12,6 +11,7 @@ import '../popover/Popover.js';
 import '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import '../popover/PopoverTrigger.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useMenuContext } from './MenuContext.js';
 import { MenuListbox } from './MenuListbox.js';
 import { useMenuNestedContext, MenuNestedProvider } from './MenuNestedContext.js';
@@ -89,6 +89,7 @@ const MenuSubContent = forwardRef(
                 onSelect(item2, { close });
               }
             },
+            open: true,
             options,
             children: [
               /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(

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

@@ -13,7 +13,6 @@ 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';

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

@@ -3,11 +3,12 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import { FocusGuards } from '@radix-ui/react-focus-guards';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useRef } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 import { useModalContext, ModalProvider } from './ModalContext.js';
 
+const Slot = createSlot("@optiaxiom/react/ModalLayer");
 const ModalLayer = forwardRef(
   ({ asChild, children, ...props }, outerRef) => {
     const { shardRef } = useModalContext("@optiaxiom/react/ModalLayer");

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-CXAEMq21.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DNlWa43q.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'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1hjmfw0'],variants:{maxH:{xs:'_1j574zv',sm:'dzhdhd',md:'_8bwl30',lg:'_1p5xsao',full:{}},minW:{'0':{},trigger:'_1pu7wt8'},provider:{'dropdown-menu':'_1adk536',popover:'c4jsk3',popper:'_1f09rfq'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-BtN9Qmmr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-BptKNhUC.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'},'_1gft6oy']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1q28l6d']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DWjlPOgk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-BS0CPXKK.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'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_16q0i0g',true:'qo5myg'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.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/NavItem-css.js

@@ -1,10 +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 './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BnswEL8I.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BrhBE5HW.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'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'jdxvwc']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ipmpf9'],variants:{expanded:{false:'rqbghb',true:'_1cgz0i8'}}});
 
 export { item, label };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
@@ -19,6 +19,7 @@ import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
 import { label, item } from './NavItem-css.js';
 
+const Slot = createSlot("@optiaxiom/react/NavItem");
 const NavItem = forwardRef(
   ({
     active,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DWS6TkqO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BuhaMNMY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'g1hloj']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'wycdop'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1qufs7g']});
 
 export { button, cursor, list };

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

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
@@ -19,12 +18,21 @@ import '../tooltip/TooltipContent.js';
 import '../tooltip/TooltipProvider.js';
 import '../tooltip/TooltipRoot.js';
 import '../tooltip/TooltipTrigger.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.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';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.17.4_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
-  ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {
+  ({
+    defaultPage = 1,
+    disabled,
+    onPageChange,
+    page: pageProp,
+    total,
+    ...props
+  }, ref) => {
     const [value, setValue] = useControllableState({
+      caller: "@optiaxiom/react/Pagination",
       defaultProp: defaultPage,
       onChange: onPageChange,
       prop: pageProp

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.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-CKOpez_X.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-DBVrbfPg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-D1Dp0lEq.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'},'upe9zn'],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'},'_1hj6b35'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
@@ -9,6 +9,7 @@ import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
 import { pill } from './Pill-css.js';
 
+const Slot = createSlot("@optiaxiom/react/Pill");
 const Pill = forwardRef(
   ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
     const Comp = asChild ? Slot : "button";

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

@@ -7,17 +7,18 @@ import { PopoverProvider } from './PopoverContext.js';
 
 function Popover({
   children,
-  defaultOpen,
+  defaultOpen = false,
   onOpenChange,
   open: openProp,
   ...props
 }) {
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/Popover",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
-  const [presence, setPresence] = useState();
+  const [presence, setPresence] = useState(false);
   return /* @__PURE__ */ jsx(
     RadixPopover.Root,
     {

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

@@ -10,7 +10,6 @@ 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';

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-Cl7TjgZv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-BIk4-33y.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'},'_1xdzovr']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1grqs5e']});
 
 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-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 './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-DzBEF66t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ocqtbp'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_6y3i26']});
+var input = recipeRuntime({base:'emb7tk'});
+var radio = recipeRuntime({base:'_88cwk3'});
 
 export { control, indicator, input, radio };

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

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

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

@@ -9,7 +9,6 @@ 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';
@@ -24,6 +23,7 @@ const SearchInput = forwardRef(
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     const [value, setValue] = useControllableState({
+      caller: "@optiaxiom/react/SearchInput",
       defaultProp: props.defaultValue,
       prop: props.value
     });

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

@@ -9,7 +9,6 @@ import { usePortalPatch } from '../downshift/usePortalPatch.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';
@@ -35,7 +34,8 @@ const Select = forwardRef(
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     const [shadowValue, setShadowValue] = useControllableState({
-      defaultProp: defaultValue,
+      caller: "@optiaxiom/react/Select",
+      defaultProp: defaultValue ?? "",
       onChange: onValueChange,
       prop: value
     });
@@ -46,15 +46,19 @@ const Select = forwardRef(
       [items, shadowValue]
     );
     const [isOpen, setIsOpen] = useControllableState({
+      caller: "@optiaxiom/react/Select",
       defaultProp: defaultOpen,
       onChange: onOpenChange,
       prop: open
     });
-    const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-      () => selectedItem ? items.findIndex((item) => selectedItem.value === item.value) : -1
+    const [highlightedIndex, setHighlightedIndex, placed] = usePortalPatch(
+      isOpen,
+      () => selectedItem ? items.findIndex(
+        (item) => !item.disabledReason && selectedItem.value === item.value
+      ) : -1
     );
     const downshift = useSelect({
-      highlightedIndex,
+      highlightedIndex: highlightedIndex === -1 && placed ? items.findIndex((item) => !item.disabledReason) : highlightedIndex,
       isItemDisabled: (item) => !!item.disabledReason,
       isOpen: placed,
       // @ts-expect-error -- no harm in supporting read only arrays
@@ -72,7 +76,23 @@ const Select = forwardRef(
       onSelectedItemChange({ selectedItem: selectedItem2 }) {
         forceValueChange(selectedItem2?.value ?? "");
       },
-      selectedItem: selectedItem ?? null
+      selectedItem: selectedItem ?? null,
+      stateReducer: (state, actionAndChanges) => {
+        const { changes, type } = actionAndChanges;
+        switch (type) {
+          case useSelect.stateChangeTypes.ToggleButtonBlur:
+            return {
+              ...changes,
+              /**
+               * Do not select highlighted item when tabbing out of clicking
+               * outside to close the menu.
+               */
+              selectedItem: state.selectedItem
+            };
+          default:
+            return changes;
+        }
+      }
     });
     downshift.getMenuProps({}, { suppressRefError: true });
     return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsxs(
@@ -80,14 +100,12 @@ const Select = forwardRef(
       {
         disabled,
         downshift,
-        highlightedItem: items[highlightedIndex],
+        highlightedItem: items[downshift.highlightedIndex],
         isOpen,
         items,
         loading,
         onBlur,
-        placed,
         selectedItem,
-        setPlaced,
         children: [
           /* @__PURE__ */ jsx(
             SelectHiddenSelect,

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

@@ -2,7 +2,7 @@
 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 { forwardRef, useState } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
@@ -26,15 +26,8 @@ import { SelectRadioItem } from './SelectRadioItem.js';
 
 const SelectContent = forwardRef(
   ({ align = "start", children, side = "bottom", size, ...props }, ref) => {
-    const {
-      downshift,
-      highlightedItem,
-      isOpen,
-      items,
-      loading,
-      placed,
-      setPlaced
-    } = useSelectContext("@optiaxiom/react/SelectContent");
+    const { downshift, highlightedItem, isOpen, items, loading } = useSelectContext("@optiaxiom/react/SelectContent");
+    const [placed, setPlaced] = useState(false);
     let isFirstItem = true;
     let lastGroup = void 0;
     const shouldShowSeparator = (group) => {
@@ -45,7 +38,7 @@ const SelectContent = forwardRef(
     const shouldShowGroup = (group) => {
       const show = group !== lastGroup;
       lastGroup = group;
-      return show && !group?.hidden;
+      return show && !!group && !group?.hidden;
     };
     return /* @__PURE__ */ jsx(TransitionGroup, { open: isOpen, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
       ModalListbox,

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

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