@optiaxiom/react 1.5.4 → 1.5.6

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-Bg2YlhiL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-B8hZrgBR.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'},'_1ecx42x']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'h1krkg']}}});
 
 export { input };

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

@@ -10,11 +10,6 @@ import { CommandInput } from '../command/CommandInput.js';
 import '../command/CommandItem.js';
 import '../command/CommandListbox.js';
 import { useCommandContext } from '../command/CommandContext.js';
-import '../focus-bookmark/FocusBookmarkRestore.js';
-import { useFocusBookmark } from '../focus-bookmark/useFocusBookmark.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
 import { useMenuContext } from './MenuContext.js';
 import { input } from './MenuInput-css.js';
 
@@ -27,7 +22,6 @@ const MenuInput = forwardRef(
       "@optiaxiom/react/MenuInput"
     );
     const ref = useComposedRefs(inputRef, outerRef);
-    useFocusBookmark(inputRef);
     const [minWidth, setMinWidth] = useState(160);
     const containerRef = useRef(null);
     useEffect(() => {

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

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

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

@@ -9,7 +9,6 @@ import { useCommandContext, resolveItemProperty } from '../command/CommandContex
 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';

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

@@ -1,14 +1,36 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { useFieldContext } from '../field/FieldContext.js';
 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 { MenuPopoverContentImpl } from './MenuPopoverContentImpl.js';
 
-const MenuPopoverContent = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(PopoverContent, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(MenuPopoverContentImpl, { children }) });
+const MenuPopoverContent = forwardRef(({ "aria-label": ariaLabel, children, ...props }, ref) => {
+  const { labelId: fieldLabelId } = useFieldContext(
+    "@optiaxiom/react/MenuPopoverContent"
+  );
+  const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
+  const labelId = useId();
+  return /* @__PURE__ */ jsx(
+    PopoverContent,
+    {
+      "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
+      asChild: true,
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxs(MenuPopoverContentImpl, { children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { id: labelId, children: ariaLabel || "Menu" }),
+        children
+      ] })
+    }
+  );
 });
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 

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

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

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

@@ -1,6 +1,8 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { useId } from '@radix-ui/react-id';
+import clsx from 'clsx';
 import { forwardRef, useState, useMemo, useRef, useEffect } from 'react';
 import { Command } from '../command/Command.js';
 import '../command/CommandInput.js';
@@ -19,7 +21,7 @@ import { useMenuSubContext, MenuSubProvider } from './MenuSubContext.js';
 import { MenuSubInput } from './MenuSubInput.js';
 
 const MenuSubContent = forwardRef(
-  ({ align = "start", children, side = "right", ...props }, outerRef) => {
+  ({ align = "start", side = "right", ...props }, outerRef) => {
     const { onSelect, setOpen: setRootMenuOpen } = useMenuContext(
       "@optiaxiom/react/MenuSubContent"
     );
@@ -31,11 +33,12 @@ const MenuSubContent = forwardRef(
     const {
       contentRef: parentContentRef,
       inputRef: parentInputRef,
-      triggerRef: parentTriggerRef
+      itemRef: parentItemRef
     } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
     const { open, presence } = usePopoverContext(
       "@optiaxiom/react/MenuSubContent"
     );
+    const labelId = useId();
     const ref = useComposedRefs(parentContentRef, outerRef);
     const [inputValue, setInputValue] = useState("");
     const options = useMemo(
@@ -44,7 +47,7 @@ const MenuSubContent = forwardRef(
     );
     const contentRef = useRef(null);
     const inputRef = useRef(null);
-    const triggerRef = useRef(null);
+    const itemRef = useRef(null);
     const [subMenuOpen, setSubMenuOpen] = useState(false);
     useEffect(() => {
       if (!open) {
@@ -61,12 +64,13 @@ const MenuSubContent = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: parentTriggerRef }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: parentItemRef }),
+      /* @__PURE__ */ jsxs(
         PopoverContent,
         {
           align,
           alignOffset: item.subOptionsInputVisible ? -46 : -4,
+          "aria-labelledby": clsx(parentItemRef.current?.id, labelId),
           onCloseAutoFocus: (event) => {
             event.preventDefault();
             parentInputRef.current?.focus();
@@ -98,51 +102,54 @@ const MenuSubContent = forwardRef(
           side,
           sideOffset: 0,
           ...props,
-          children: children ?? /* @__PURE__ */ jsxs(
-            Command,
-            {
-              enabled: true,
-              inputValue,
-              onHover: (item2) => {
-                setSubMenuOpen(
-                  typeof item2.subOptions === "function" || !!item2.subOptions?.length
-                );
-              },
-              onInputValueChange: (inputValue2) => {
-                if (item.subOptionsInputVisible) {
-                  setInputValue(inputValue2);
-                  return;
-                }
-                parentInputRef.current?.focus();
-                setParentInputValue(inputValue2);
-              },
-              onSelect: (item2, { dismiss }) => {
-                if (typeof item2.subOptions === "function" || item2.subOptions?.length) {
-                  setSubMenuOpen(true);
-                } else {
-                  onSelect(item2, { dismiss });
-                }
-              },
-              options,
-              children: [
-                /* @__PURE__ */ jsx(VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsx(MenuSubInput, { ref: inputRef }) }),
-                /* @__PURE__ */ jsx(
-                  MenuSubProvider,
-                  {
-                    contentRef,
-                    inputRef,
-                    open: subMenuOpen,
-                    setOpen: setSubMenuOpen,
-                    triggerRef,
-                    children: /* @__PURE__ */ jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
+          children: [
+            /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("h2", { id: labelId, children: "Submenu" }) }),
+            /* @__PURE__ */ jsxs(
+              Command,
+              {
+                enabled: true,
+                inputValue,
+                onHover: (item2, pointer) => {
+                  setSubMenuOpen(
+                    pointer && (typeof item2.subOptions === "function" || !!item2.subOptions?.length)
+                  );
+                },
+                onInputValueChange: (inputValue2) => {
+                  if (item.subOptionsInputVisible) {
+                    setInputValue(inputValue2);
+                    return;
                   }
-                )
-              ]
-            },
-            item.key ?? resolveItemProperty(item.label, {
-              inputValue: parentInputValue
-            })
-          )
+                  parentInputRef.current?.focus();
+                  setParentInputValue(inputValue2);
+                },
+                onSelect: (item2, { dismiss }) => {
+                  if (typeof item2.subOptions === "function" || item2.subOptions?.length) {
+                    setSubMenuOpen(true);
+                  } else {
+                    onSelect(item2, { dismiss });
+                  }
+                },
+                options,
+                children: [
+                  /* @__PURE__ */ jsx(VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsx(MenuSubInput, { placeholder: "Filter...", ref: inputRef }) }),
+                  /* @__PURE__ */ jsx(
+                    MenuSubProvider,
+                    {
+                      contentRef,
+                      inputRef,
+                      itemRef,
+                      open: subMenuOpen,
+                      setOpen: setSubMenuOpen,
+                      children: /* @__PURE__ */ jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
+                    }
+                  )
+                ]
+              },
+              item.key ?? resolveItemProperty(item.label, {
+                inputValue: parentInputValue
+              })
+            )
+          ]
         }
       )
     ] });

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

@@ -1,28 +1,19 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef } from 'react';
+import { forwardRef } from 'react';
 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 '../focus-bookmark/FocusBookmarkRestore.js';
-import { useFocusBookmark } from '../focus-bookmark/useFocusBookmark.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
 import { useMenuSubContext } from './MenuSubContext.js';
 
 const MenuSubInput = forwardRef(
-  ({ onKeyDown, ...props }, outerRef) => {
+  ({ onKeyDown, ...props }, ref) => {
     const { downshift, highlightedItem } = useCommandContext(
       "@optiaxiom/react/MenuSubInput"
     );
     const { setOpen } = useMenuSubContext("@optiaxiom/react/MenuSubInput");
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    useFocusBookmark(innerRef);
     return /* @__PURE__ */ jsx(
       CommandInput,
       {

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

@@ -21,7 +21,7 @@ const MenuSubTrigger = forwardRef(
   }, outerRef) => {
     const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = usePopoverContext("@optiaxiom/react/MenuSubTrigger");
-    const { contentRef, triggerRef } = useMenuSubContext(
+    const { contentRef, itemRef } = useMenuSubContext(
       "@optiaxiom/react/MenuSubTrigger"
     );
     const pointerEnterRef = useRef(false);
@@ -29,9 +29,9 @@ const MenuSubTrigger = forwardRef(
     const ref = useComposedRefs(innerRef, outerRef);
     useEffect(() => {
       if (open && highlightedItem === item && innerRef.current) {
-        triggerRef.current = innerRef.current;
+        itemRef.current = innerRef.current;
       }
-    }, [highlightedItem, item, open, triggerRef]);
+    }, [highlightedItem, item, open, itemRef]);
     return /* @__PURE__ */ jsx(
       MenuItem,
       {

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

@@ -1,7 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef } from 'react';
+import { useId } from '@radix-ui/react-id';
+import { forwardRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
 import '../dialog/Dialog.js';
 import '../dialog/DialogBody.js';
@@ -28,16 +29,19 @@ const MenuTrigger = forwardRef(
     onKeyDown,
     ...props
   }, outerRef) => {
-    const { setOpen, size } = useMenuContext("@optiaxiom/react/MenuTrigger");
+    const { setOpen, size, triggerRef } = useMenuContext(
+      "@optiaxiom/react/MenuTrigger"
+    );
     const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
-    const buttonRef = useRef(null);
-    const ref = useComposedRefs(outerRef, buttonRef);
-    const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
+    const ref = useComposedRefs(outerRef, triggerRef);
+    const id = useId();
+    const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
     return /* @__PURE__ */ jsx(
       Comp,
       {
         "aria-labelledby": labelId,
         asChild: true,
+        id,
         onKeyDown: (event) => {
           onKeyDown?.(event);
           if (event.defaultPrevented) {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-CJbzROcR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DmgdSSTi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1ajx29t'],variants:{maxH:{xs:'pswq3p',sm:'_1htvmpk',md:'r3hjjh',lg:'_1dlg97x',full:{}},minW:{'0':{},trigger:'z4fq61'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'ungcpg'],variants:{maxH:{xs:'_1oqg3s5',sm:'_17mzpjv',md:'_1dfufsw',lg:'dc0qoq',full:{}},minW:{'0':{},trigger:'d5ti0b'}}});
 
 export { listbox };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-C3UioF-q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-14tzYNRz.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'},'_1nkvu2']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1ku3ym8']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DJbP5pYq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-C67EEu4_.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:'o5e4w8',true:'_1n1nity'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1hprusm',true:'_1o5plqd'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.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-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-D4RtPpB9.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-COAqzSiL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-30NKybOr.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-D3tlGg6G.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'},'up84gs']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_4i3s7b'],variants:{expanded:{false:'atc5qo',true:'qjshxn'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1uiogzc']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'vd7961'],variants:{expanded:{false:'n7tvzt',true:'_16texol'}}});
 
 export { item, label };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-mCKiQPvf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-eAs-obEH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1s8cg2y']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1075nqb'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'h5n08c']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_93zjp3']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'uc6scg'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'ojuzyo']});
 
 export { button, cursor, list };

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

@@ -20,7 +20,7 @@ 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@8.0.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@8.1.0_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.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-3kSpbNl5.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-B2Is7XuO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-CoNYBuq7.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'},'lmeaay'],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'},'_1c66woz'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -5,6 +5,8 @@ import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
+import '../focus-bookmark/FocusBookmarkRestore.js';
 import { ModalProvider } from '../modal/ModalContext.js';
 import '../modal/ModalLayer.js';
 import { PopoverContentProvider } from './PopoverContentContext.js';
@@ -16,7 +18,7 @@ const PopoverContentImpl = forwardRef(({ children, ...props }, outerRef) => {
     PopoverContentProvider,
     {
       side: "data-side" in props && (props["data-side"] === "bottom" || props["data-side"] === "left" || props["data-side"] === "right" || props["data-side"] === "top") ? props["data-side"] : void 0,
-      children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsx(Box, { ref, ...props, children }) })
+      children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsx(FocusBookmarkProvider, { containerRef: innerRef, children: /* @__PURE__ */ jsx(Box, { ref, ...props, children }) }) })
     }
   );
 });

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BaMd6uJa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CNKvUxVp.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'},'g3tcqu']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_16y85iq']});
 
 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-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DHg2R8t_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DlAf6ou-.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-BqQimQNo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'mmf2nr'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'ul4srv']});
-var input = recipeRuntime({base:'sc5wop'});
-var radio = recipeRuntime({base:'u3u7h4'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_11pbt30'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1qeevd2']});
+var input = recipeRuntime({base:'_1ick8h6'});
+var radio = recipeRuntime({base:'bvyamp'});
 
 export { control, indicator, input, radio };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BQXtQioU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CIJyRV7i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'stx7tv']});
-var input = recipeRuntime({base:'vfwr0'});
-var search = recipeRuntime({base:'_1ncqso1'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1qlx3kh']});
+var input = recipeRuntime({base:'_1wyd6u9'});
+var search = recipeRuntime({base:'_16kktvf'});
 
 export { clear, input, search };

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

@@ -5,7 +5,7 @@ import { Popper } from '@radix-ui/react-popper';
 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 { useHighlightedIndex } from '../downshift/useHighlightedIndex.js';
 import '../field/FieldContext.js';
 import { useObserveValue } from '../hooks/useObserveValue.js';
 import '../utils/conditions.js';
@@ -51,16 +51,17 @@ const Select = forwardRef(
       onChange: onOpenChange,
       prop: open
     });
-    const [highlightedIndex, setHighlightedIndex, placed] = usePortalPatch(
+    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex(
       isOpen,
       () => selectedItem ? items.findIndex(
         (item) => !item.disabledReason && selectedItem.value === item.value
       ) : -1
     );
+    const highlightedItemRef = useRef(null);
     const downshift = useSelect({
-      highlightedIndex: highlightedIndex === -1 && placed ? items.findIndex((item) => !item.disabledReason) : highlightedIndex,
+      highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !item.disabledReason) : highlightedIndex,
       isItemDisabled: (item) => !!item.disabledReason,
-      isOpen: placed,
+      isOpen,
       // @ts-expect-error -- no harm in supporting read only arrays
       items,
       itemToKey: (item) => item !== null ? item.value : item,
@@ -105,6 +106,7 @@ const Select = forwardRef(
         disabled,
         downshift,
         highlightedItem: items[downshift.highlightedIndex],
+        highlightedItemRef,
         isOpen,
         items,
         loading,