@optiaxiom/react 1.5.3 → 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-8LhR5w3v.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BocAEG9j.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:'_16vfsi9'});
+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-8LhR5w3v.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CWcy8z_N.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:'_19cfiau',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1qafj1s']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1qedl9u']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1da06l2'],variants:{offset:{false:'lra3yp',true:{}},position:{'bottom-right':'_6wpbi2','top-right':'_1c7ki1w'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'akce0k']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C454O81a.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:'n0w604',variants:{empty:{false:{},true:'oh9bpb'}}});
-var input = recipeRuntime({base:'_86ucpu'});
+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-8LhR5w3v.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-8LhR5w3v.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2smGP-j.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:['blp80o',{bg:'transparent',flex:'auto',w:'full'},'ai6674','_12t48le'],variants:{size:{md:{},lg:{},xl:['hfhsrr']}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2smGP-j.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-C6gmwJZA.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'},'_1ad9riy']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-utEiylLi.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'},'_1qy4p2z'],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-8LhR5w3v.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-z8aQkdYA.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BoTsJSUp.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'},'_1r9pxvf']});
+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-8LhR5w3v.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DKXh4Gs6.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1p6cx7k';
-var reset = 'optiaxiom._1q23x02';
+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-8LhR5w3v.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-BFUu_GyR.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'},'_1uebty']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-Bx_q1DaI.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'},'pdbzeu']});
-var link = recipeRuntime({base:['_1dun51i'],variants:{appearance:{'default':'_1xjp43b',inverse:'r48uxz',subtle:'e0b7ge'}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-JMfsYW26.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'},'xgl7gi']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BYPobqvu.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'},'_1howt9q']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1og9tjd'],variants:{intent:{danger:'_72kxnq',neutral:'_1ilap08'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'xq98tw']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BENwxMg5.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:['_15svojx'],variants:{active:{false:{},true:'_1i7fa0c'}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-laHh_DG3.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:'_1ors29n'});
+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-8LhR5w3v.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-DaXyL8HV.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'},'_1f6sbo1']}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-D8wejmbE.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'},'_1ynmmcu'],variants:{maxH:{xs:'lpu6fn',sm:'_11m9rrj',md:'_1rmq6qy',lg:'ff9kp7',full:{}},minW:{'0':{},trigger:'_1wp6idh'}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-CwyEdzud.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'},'_17mfqeq']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-CCq0o31x.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:'_1nc4slm',true:'f7cr7x'}}});
+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-8LhR5w3v.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-8LhR5w3v.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-z8aQkdYA.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-CRadsGPm.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'},'th2fl7']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ru5rkg'],variants:{expanded:{false:'rd9gsy',true:'z2wchc'}}});
+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-8LhR5w3v.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-Cca_4s1e.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'},'_1yxj67d']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_12827jf'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1s6b9hl']});
+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-8LhR5w3v.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-8LhR5w3v.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-CNLuvMBl.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'},'_1r6qn5a'],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-8LhR5w3v.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CMcbrz5Z.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'},'blccg8']});
+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-8LhR5w3v.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DJvZ0etP.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CcOA0bAo.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'},'_4shuzw'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'oozu5j']});
-var input = recipeRuntime({base:'evkc31'});
-var radio = recipeRuntime({base:'_16g673o'});
+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-8LhR5w3v.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BuKl-R6W.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'},'sfeia0']});
-var input = recipeRuntime({base:'_1adotu1'});
-var search = recipeRuntime({base:'_1nsxuia'});
+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-8LhR5w3v.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-CcXUnze5.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:'_1g3nvtm',md:'_1q7r6jr',base:'_9t945w'},defaultClass:'_9t945w'},vertical:{conditions:{sm:'_1yq5wcq',md:'d4qunw',base:'_1p5k2mj'},defaultClass:'_1p5k2mj'}},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-8LhR5w3v.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CUNyez_P.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'},'totctu']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'q0xx1g']});
 
 export { skeleton };