@optiaxiom/react 1.5.0 → 1.5.2

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

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef, useEffect } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { usePopoverContentContext } from '../popover/PopoverContentContext.js';
+import '../popover/PopoverContext.js';
+
+const MenuPopoverContentImpl = forwardRef(({ children, ...props }, outerRef) => {
+  const { side } = usePopoverContentContext(
+    "@optiaxiom/react/MenuPopoverContentImpl"
+  );
+  const innerRef = useRef(null);
+  const ref = useComposedRefs(innerRef, outerRef);
+  useEffect(() => {
+    if (!innerRef.current || side !== "top") {
+      return;
+    }
+    const observer = new ResizeObserver((entries) => {
+      if (!innerRef.current) {
+        return;
+      }
+      for (const entry of entries) {
+        innerRef.current.style.minHeight = `${entry.borderBoxSize[0].blockSize}px`;
+      }
+    });
+    observer.observe(innerRef.current);
+    return () => observer.disconnect();
+  }, [side]);
+  return /* @__PURE__ */ jsx(Box, { ref, ...props, children });
+});
+MenuPopoverContentImpl.displayName = "@optiaxiom/react/MenuPopoverContentImpl";
+
+export { MenuPopoverContentImpl };

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

@@ -20,14 +20,14 @@ import '../listbox/ListboxSwitchItem.js';
 
 const MenuRadioItem = forwardRef(
   ({ children, ...props }, ref) => {
-    const Comp = props.item.link ? "a" : "div";
+    const Comp = props.item.href ? "a" : "div";
     return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
       ListboxRadioItem,
       {
         addonBefore: props.item.addon,
         asChild: true,
         description: props.item.description,
-        children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+        children: /* @__PURE__ */ jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
   }

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef, useState, useMemo, useEffect } from 'react';
+import { forwardRef, useState, useMemo, useRef, useEffect } from 'react';
 import { Command } from '../command/Command.js';
 import '../command/CommandInput.js';
 import '../command/CommandItem.js';
@@ -24,25 +24,19 @@ const MenuSubContent = forwardRef(
       "@optiaxiom/react/MenuSubContent"
     );
     const {
-      highlightedItem,
+      highlightedItem: item,
       inputValue: parentInputValue,
       setInputValue: setParentInputValue
     } = useCommandContext("@optiaxiom/react/MenuSubContent");
     const {
       contentRef: parentContentRef,
       inputRef: parentInputRef,
-      open: parentSubMenuOpen,
       triggerRef: parentTriggerRef
     } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
     const { open, presence } = usePopoverContext(
       "@optiaxiom/react/MenuSubContent"
     );
     const ref = useComposedRefs(parentContentRef, outerRef);
-    const itemRef = useRef(highlightedItem);
-    if (parentSubMenuOpen && highlightedItem && (typeof highlightedItem.subOptions === "function" || !!highlightedItem.subOptions?.length)) {
-      itemRef.current = highlightedItem;
-    }
-    const item = itemRef.current;
     const [inputValue, setInputValue] = useState("");
     const options = useMemo(
       () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
@@ -73,11 +67,7 @@ const MenuSubContent = forwardRef(
         {
           align,
           alignOffset: item.subOptionsInputVisible ? -46 : -4,
-          minW: "trigger",
           onCloseAutoFocus: (event) => {
-            if (parentSubMenuOpen) {
-              return;
-            }
             event.preventDefault();
             parentInputRef.current?.focus();
           },
@@ -90,6 +80,7 @@ const MenuSubContent = forwardRef(
               return;
             }
             event.preventDefault();
+            inputRef.current?.focus();
           },
           onPointerEnter: () => {
             if (item.subOptionsInputVisible) {

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

@@ -1,19 +1,28 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef } 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 }, ref) => {
+  ({ onKeyDown, ...props }, outerRef) => {
     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

@@ -4,6 +4,7 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef, useEffect } from 'react';
 import { useCommandContext } from '../command/CommandContext.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
+import '../popover/PopoverContentContext.js';
 import { usePopoverContext } from '../popover/PopoverContext.js';
 import { MenuItem } from './MenuItem.js';
 import { useMenuSubContext } from './MenuSubContext.js';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-Dwc1LppA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BgnugODO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_4a5ui8'],variants:{maxH:{xs:'wkrj2i',sm:'_1iggozq',md:'_44eops',lg:'_45zj6j',full:{}},minW:{'0':{},trigger:'wpo0rv'},provider:{'dropdown-menu':'_1770a28',popover:'_356dka',popper:'tjo06o'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'sa8pb1'],variants:{maxH:{xs:'_1j3yntz',sm:'ok61y1',md:'bjhhc5',lg:'_18zd4gu',full:{}},minW:{'0':{},trigger:'vr1594'}}});
 
 export { listbox };

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

@@ -19,11 +19,11 @@ import '../transition/TransitionGroup.js';
 import { listbox } from './ModalListbox-css.js';
 
 const ModalListbox = forwardRef(
-  ({ children, className, maxH, minW, provider = "popover", ...props }, ref) => /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsx(
+  ({ children, className, maxH, minW, ...props }, ref) => /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsx(
     Listbox,
     {
       ref,
-      ...listbox({ maxH, minW, provider }, className),
+      ...listbox({ maxH, minW }, className),
       ...props,
       children
     }

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-B_diGx7I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-D9tX272B.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:'_81szjv',true:'_1y8s27t'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1eixnwz',true:'_15w8ieu'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.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-Dclj4WBX.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-O9AqM-cn.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BrQFSPpt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CLFm0omN.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-Cb4w7_ti.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'},'_1yux5iv']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_16bitf5'],variants:{expanded:{false:'_1j4nk9t',true:'_1tr9bmv'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_17u5q21']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'qcbviz'],variants:{expanded:{false:'cs4j44',true:'rduuyj'}}});
 
 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-Dclj4WBX.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BymbFie0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-fLbnOLPz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'uumygv']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'igo22j'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'e1wc8g']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1gwj8ag']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1moxy5f'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_13y0h0w']});
 
 export { button, cursor, list };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.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-Dclj4WBX.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-OjU6W6Y3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BDiGt1qn.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'},'_1q0tpu1'],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'},'nbxhjo'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,10 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixPopover from '@radix-ui/react-popover';
-import { forwardRef, useRef } from 'react';
-import { ModalProvider } from '../modal/ModalContext.js';
-import '../modal/ModalLayer.js';
+import { forwardRef } from 'react';
 import { ModalListbox } from '../modal/ModalListbox.js';
 import { Portal } from '../portal/Portal.js';
 import '../transition/Transition.js';
@@ -12,15 +9,14 @@ import { TransitionGroup } from '../transition/TransitionGroup.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
+import { PopoverContentImpl } from './PopoverContentImpl.js';
 import { usePopoverContext } from './PopoverContext.js';
 
 const PopoverContent = forwardRef(
-  ({ align = "start", children, sideOffset = 4, ...props }, outerRef) => {
+  ({ align = "start", asChild, children, sideOffset = 4, ...props }, ref) => {
     const { open, presence, setPresence } = usePopoverContext(
       "@optiaxiom/react/PopoverContent"
     );
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsx(
       TransitionGroup,
       {
@@ -33,16 +29,16 @@ const PopoverContent = forwardRef(
             asChild: true,
             onBlur: onReactSelectInputBlur,
             p: "16",
-            provider: "popover",
             ...props,
             children: /* @__PURE__ */ jsx(
               RadixPopover.Content,
               {
                 align,
+                asChild: true,
                 collisionPadding: 16,
                 ref,
                 sideOffset,
-                children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children })
+                children: /* @__PURE__ */ jsx(PopoverContentImpl, { asChild, children })
               }
             )
           }

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

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [PopoverContentProvider, usePopoverContentContext] = createContext("@optiaxiom/react/PopoverContent", { side: void 0 });
+
+export { PopoverContentProvider, usePopoverContentContext };

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { ModalProvider } from '../modal/ModalContext.js';
+import '../modal/ModalLayer.js';
+import { PopoverContentProvider } from './PopoverContentContext.js';
+
+const PopoverContentImpl = forwardRef(({ children, ...props }, outerRef) => {
+  const innerRef = useRef(null);
+  const ref = useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsx(
+    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 }) })
+    }
+  );
+});
+PopoverContentImpl.displayName = "@optiaxiom/react/PopoverContentImpl";
+
+export { PopoverContentImpl };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-VHfLy_-i.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-ChcEp37y.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'},'zvsdfc']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'nnf5gw']});
 
 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-Dclj4WBX.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DI-V-pBk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CjP4uWdY.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-eoPceij7.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CkN56CVs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'g5c3za'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_162qnhy']});
-var input = recipeRuntime({base:'_1jgukhm'});
-var radio = recipeRuntime({base:'_1k5xa1v'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_187lsfw'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_3sjvpx']});
+var input = recipeRuntime({base:'_1b1a4im'});
+var radio = recipeRuntime({base:'l4m95q'});
 
 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-Dclj4WBX.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BM1YCu_Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DwpWBNWV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_3a82lm']});
-var input = recipeRuntime({base:'_1qedhb2'});
-var search = recipeRuntime({base:'_39fuwp'});
+var clear = recipeRuntime({base:[{size:'sm'},'n5f4gy']});
+var input = recipeRuntime({base:'cscq7t'});
+var search = recipeRuntime({base:'tmun3n'});
 
 export { clear, input, search };

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

@@ -56,7 +56,6 @@ const SelectContent = forwardRef(
           }
           event.preventDefault();
         },
-        provider: "popper",
         ref,
         role: "dialog",
         size,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-BqyG84oT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DMsXuGAu.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';
 
 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:'qyrt4v',md:'_10y70i9',base:'frui0v'},defaultClass:'frui0v'},vertical:{conditions:{sm:'_116lf03',md:'_15sdqo9',base:'_1gyfqqb'},defaultClass:'_1gyfqqb'}},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:'_1kjfyo9',md:'_1lwkiot',base:'_19wk6ny'},defaultClass:'_19wk6ny'},vertical:{conditions:{sm:'_1ft7iv0',md:'_1o2pell',base:'_3li098'},defaultClass:'_3li098'}},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-Dclj4WBX.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BDczmgVK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BfgQ5fq2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_16pav53']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'gjp9ek']});
 
 export { skeleton };

package/dist/esm/packages/react/src/sortable/Sortable-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/sortable/Sortable.css.ts.vanilla-DC5LTQ8N.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/sortable/Sortable.css.ts.vanilla-DgrF6r4-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:['_1ndhykc']});
+var overlay = recipeRuntime({base:['a4j6n8']});
 
 export { overlay };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-BGpVQBe_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CXUp0pMb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'_19q9ckt'});
+var handle = recipeRuntime({base:'_1is0nxq'});
 
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-6ttddd8f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BfyK8VBg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'xtw579'}}});
+var item = recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'mcj5xc'}}});
 
 export { item };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-rC41IFce.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BQNWCClo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'lw8537',inverse:'_1oh2efp'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'fpdio6',inverse:'_1u8hx0p'}}});
 
 export { track };