@optiaxiom/react 1.5.4 → 1.5.5

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProvider.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { FocusBookmarkProviderProvider } from './FocusBookmarkProviderContext.js';
+
+const BOOKMARK_LIMIT = 5;
+function FocusBookmarkProvider({
+  children,
+  containerRef
+}) {
+  const bookmarksRef = useRef([]);
+  useEffect(() => {
+    const container = containerRef?.current ?? document.body;
+    const listener = (event) => {
+      if ("preventFocusBookmarkDefault" in event && event.preventFocusBookmarkDefault) {
+        return;
+      }
+      if (event.target instanceof HTMLElement) {
+        Object.assign(event, { preventFocusBookmarkDefault: true });
+        if (bookmarksRef.current.includes(event.target)) {
+          bookmarksRef.current = bookmarksRef.current.filter(
+            (element) => element !== event.target
+          );
+        }
+        bookmarksRef.current.push(event.target);
+        if (bookmarksRef.current.length > BOOKMARK_LIMIT) {
+          bookmarksRef.current.shift();
+        }
+      }
+    };
+    container.addEventListener("focusin", listener);
+    return () => container.removeEventListener("focusin", listener);
+  }, [containerRef]);
+  return /* @__PURE__ */ jsx(FocusBookmarkProviderProvider, { bookmarksRef, children });
+}
+FocusBookmarkProvider.displayName = "@optiaxiom/react/FocusBookmarkProvider";
+
+export { FocusBookmarkProvider };

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProviderContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [FocusBookmarkProviderProvider, useFocusBookmarkProviderContext] = createContext("@optiaxiom/react/FocusBookmarkProvider");
+
+export { FocusBookmarkProviderProvider, useFocusBookmarkProviderContext };

package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkRestore.js

@@ -1,16 +1,30 @@
 "use client";
 import { forwardRef, useImperativeHandle } from 'react';
-import { useFocusBookmarkRestore } from './useFocusBookmarkRestore.js';
+import { useFocusBookmarkProviderContext } from './FocusBookmarkProviderContext.js';
 
 const FocusBookmarkRestore = forwardRef((_props, ref) => {
-  const restore = useFocusBookmarkRestore();
+  const { bookmarksRef } = useFocusBookmarkProviderContext(
+    "@optiaxiom/react/FocusBookmarkRestore"
+  );
   useImperativeHandle(
     ref,
     () => ({
       contains: () => false,
-      focus: restore
+      focus: () => {
+        bookmarksRef.current = bookmarksRef.current.filter(
+          (element) => document.body.contains(element)
+        );
+        while (bookmarksRef.current.length) {
+          const element = bookmarksRef.current.pop();
+          if (!element) {
+            break;
+          }
+          element.focus();
+          break;
+        }
+      }
     }),
-    [restore]
+    [bookmarksRef]
   );
   return null;
 });

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DDa5-u9M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DZrZIsyu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1m3nnp4'});
+var mark = recipeRuntime({base:'_9up3ox'});
 
 export { mark };

package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js

@@ -3,7 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../utils/isHoverSupported.js';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.0.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.1.0_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-4eApDFcu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BKl2vzUO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1eybzm8',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1xip2l5']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1c80xl7']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_5fd1hj'],variants:{offset:{false:'cpq0hr',true:{}},position:{'bottom-right':'io39ty','top-right':'_8yjqcx'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1yeedej']});
+var badge = recipeRuntime({base:'_5gdaac',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ydnfci']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_3sfhiy']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_19mv9po'],variants:{offset:{false:'_1vzm338',true:{}},position:{'bottom-right':'_1ncefab','top-right':'vaa1ua'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'ghjaes']});
 
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BBuNcCvH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CGm_vJVt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'jrfco2',variants:{empty:{false:{},true:'_12oosr1'}}});
-var input = recipeRuntime({base:'_1x0c0ss'});
+var editor = recipeRuntime({base:'cx4bl2',variants:{empty:{false:{},true:'_1bwocic'}}});
+var input = recipeRuntime({base:'fyc0qx'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-tCmBEyVy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DGnwLOnv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['jbg1bx',{bg:'transparent',flex:'auto',w:'full'},'pe59vr','el218n'],variants:{size:{md:{},lg:{},xl:['_1ononkh']}}});
+var control = recipeRuntime({base:['_16iev89',{bg:'transparent',flex:'auto',w:'full'},'_13r8gjv','_1g4c6z1'],variants:{size:{md:{},lg:{},xl:['yuimfl']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-tCmBEyVy.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-DB66dcP2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DGnwLOnv.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Cvu47XQC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'co7wud']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qn1aqk']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CnQuEno3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CZchcyis.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_6fc8e2'],subtle:{}}}});
+var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'e95mgl'],subtle:{}}}});
 
 export { kbd, key };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-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/label-menu-button/LabelMenuButton.css.ts.vanilla-BlwbLsgT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CKV8XYmU.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-jYWWRq58.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1y1yz83']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_16gjx8k']});
 var content = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1j1bwj';
-var reset = 'optiaxiom.fhq5i4';
+var components = 'optiaxiom._16mxn3u';
+var reset = 'optiaxiom._153l05a';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layouts-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DhjR3-Ki.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-GQk_WUda.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1wfqeks']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'cm7pn4']});
 
 export { layout };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CZWAIa03.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-_8_jYioD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'o2q7tv']});
-var link = recipeRuntime({base:['uu6z5s'],variants:{appearance:{'default':'_191zt2h',inverse:'_18ttnl3',subtle:'_1npsqp'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ergu77']});
+var link = recipeRuntime({base:['_1giepd8'],variants:{appearance:{'default':'_1wtgzja',inverse:'d6mxwx',subtle:'w0pcw6'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BrSi_uD3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Boysq-Qv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'p8swiq']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1gqxg0y']});
 
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Dlhs2Jtu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-aWtUx5zZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'qc5deo']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1mvno2s'],variants:{intent:{danger:'mpdbgk',neutral:'_1nym8d0'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'zaz28y']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'jqievf']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_104xx84'],variants:{intent:{danger:'nvitq8',neutral:'_14lbfg4'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'pdux46']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-cTJvWDIo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DGO9QbUA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_9uv6ui'],variants:{active:{false:{},true:'_13es0fr'}}});
+var indicator = recipeRuntime({base:['_1tj7gyo'],variants:{active:{false:{},true:'jmy4dn'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-B4CE23FH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-CWorIM2m.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_1vtzzea'});
+var content = recipeRuntime({base:'_17tyw2w'});
 
 export { content };

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-DKXh4Gs6.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-B3WavHO0.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'},'quf22t']}}});
 
 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/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/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-DKXh4Gs6.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-CwrW5T_8.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'},'sovhuw'],variants:{maxH:{xs:'iaa75f',sm:'t5g4uj',md:'_1oc5ymv',lg:'_1xvfpwl',full:{}},minW:{'0':{},trigger:'urnjxj'}}});
 
 export { listbox };

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-DKXh4Gs6.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-zeWE_kzB.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'},'n54q9q']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-BhVbRAeR.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:'_1bpbt30',true:'yn9qmy'}}});
 
 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-DKXh4Gs6.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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CKV8XYmU.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-ChnzoLtS.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'},'_1oxl9yj']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1t6phut'],variants:{expanded:{false:'_18ohup2',true:'_18mso2d'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-z6LwupeP.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'},'_13pgrb2']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_154y10p'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'i1gw7j']});
 
 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-DKXh4Gs6.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-DKXh4Gs6.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-C6rS48Ul.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'},'_1yd1mvw'],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-DKXh4Gs6.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CKT_MGSU.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'},'wdv9tz']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BCilgzn2.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CZfwX7sK.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'},'_1nvqrvf'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'v07sx3']});
+var input = recipeRuntime({base:'rmvxez'});
+var radio = recipeRuntime({base:'_3ahpd0'});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C56hMF5N.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'},'fw5vrt']});
+var input = recipeRuntime({base:'kn1z9o'});
+var search = recipeRuntime({base:'_1uwkq90'});
 
 export { clear, input, search };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-nEW92Qgm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DGE7X2K0.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_xhwggtma63filsfym6perbhgxm/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
+import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.4_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_asf7eqp3jdj5gfnzqmvududbgm/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:'_10cszdq',md:'_12xnyuo',base:'_5jk1pa'},defaultClass:'_5jk1pa'},vertical:{conditions:{sm:'_1jen0ko',md:'l2rc76',base:'bbdinm'},defaultClass:'bbdinm'}},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:'_1i6ufrr',md:'_14ozoew',base:'_4f2eh2'},defaultClass:'_4f2eh2'},vertical:{conditions:{sm:'wmrbxp',md:'_174xw1p',base:'_11gs0we'},defaultClass:'_11gs0we'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-0fMBJUjO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BabUUhln.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'pfr213']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'q0xx1g']});
 
 export { skeleton };