@optiaxiom/react 1.4.5 → 1.5.1

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

@@ -1,13 +1,14 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useMemo, useRef, useState, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useState, useMemo, useRef, useEffect } from 'react';
 import { Command } from '../command/Command.js';
 import '../command/CommandInput.js';
 import '../command/CommandItem.js';
 import '../command/CommandListbox.js';
-import { useCommandContext } from '../command/CommandContext.js';
+import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
 import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
+import { PopoverAnchor } from '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import '../popover/PopoverTrigger.js';
 import { usePopoverContext } from '../popover/PopoverContext.js';
@@ -18,100 +19,133 @@ import { useMenuSubContext, MenuSubProvider } from './MenuSubContext.js';
 import { MenuSubInput } from './MenuSubInput.js';
 
 const MenuSubContent = forwardRef(
-  ({ align = "start", children, item, side = "right", ...props }, ref) => {
-    const options = useMemo(() => item.subOptions ?? [], [item]);
+  ({ align = "start", children, side = "right", ...props }, outerRef) => {
     const { onSelect, setOpen: setRootMenuOpen } = useMenuContext(
       "@optiaxiom/react/MenuSubContent"
     );
-    const { setInputValue } = useCommandContext(
+    const {
+      highlightedItem: item,
+      inputValue: parentInputValue,
+      setInputValue: setParentInputValue
+    } = useCommandContext("@optiaxiom/react/MenuSubContent");
+    const {
+      contentRef: parentContentRef,
+      inputRef: parentInputRef,
+      triggerRef: parentTriggerRef
+    } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
+    const { open, presence } = usePopoverContext(
       "@optiaxiom/react/MenuSubContent"
     );
-    const { inputRef: parentInputRef, open: parentSubMenuOpen } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
-    const { open } = usePopoverContext("@optiaxiom/react/MenuSubContent");
+    const ref = useComposedRefs(parentContentRef, outerRef);
+    const [inputValue, setInputValue] = useState("");
+    const options = useMemo(
+      () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
+      [inputValue, item]
+    );
+    const contentRef = useRef(null);
     const inputRef = useRef(null);
+    const triggerRef = useRef(null);
     const [subMenuOpen, setSubMenuOpen] = useState(false);
     useEffect(() => {
       if (!open) {
         setSubMenuOpen(false);
       }
     }, [open]);
-    return /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        align,
-        alignOffset: item.subOptionsInputVisible ? -46 : -4,
-        minW: "trigger",
-        onCloseAutoFocus: (event) => {
-          if (parentSubMenuOpen) {
-            return;
-          }
-          event.preventDefault();
-          parentInputRef.current?.focus();
-        },
-        onEscapeKeyDown: () => setRootMenuOpen(false),
-        onPointerDown: (event) => {
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
-            return;
-          }
-          event.preventDefault();
-        },
-        onPointerEnter: () => {
-          if (item.subOptionsInputVisible) {
-            inputRef.current?.focus();
-          }
-        },
-        onPointerLeave: (event) => {
-          if (item.subOptionsInputVisible) {
+    useEffect(() => {
+      return () => {
+        setInputValue("");
+        setSubMenuOpen(false);
+      };
+    }, [item]);
+    if (!item || !(open || presence)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: parentTriggerRef }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          align,
+          alignOffset: item.subOptionsInputVisible ? -46 : -4,
+          onCloseAutoFocus: (event) => {
+            event.preventDefault();
             parentInputRef.current?.focus();
-            event.stopPropagation();
-          }
-        },
-        p: "4",
-        ref,
-        side,
-        sideOffset: 0,
-        ...props,
-        children: children ?? /* @__PURE__ */ jsxs(
-          Command,
-          {
-            onHover: (item2) => {
-              setSubMenuOpen(!!item2.subOptions?.length);
-            },
-            onInputValueChange: (inputValue) => {
-              if (item.subOptionsInputVisible) {
-                return;
-              }
+          },
+          onEscapeKeyDown: () => setRootMenuOpen(false),
+          onPointerDown: (event) => {
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (event.target instanceof Element && event.target.closest('[role="option"]')) {
+              return;
+            }
+            event.preventDefault();
+            inputRef.current?.focus();
+          },
+          onPointerEnter: () => {
+            if (item.subOptionsInputVisible) {
+              inputRef.current?.focus();
+            }
+          },
+          onPointerLeave: (event) => {
+            if (item.subOptionsInputVisible) {
               parentInputRef.current?.focus();
-              setInputValue(inputValue);
-            },
-            onSelect: (item2, { dismiss }) => {
-              if (item2.subOptions?.length) {
-                setSubMenuOpen(true);
-              } else {
-                onSelect(item2, { dismiss });
-              }
-            },
-            open: true,
-            options,
-            children: [
-              /* @__PURE__ */ jsx(VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsx(MenuSubInput, { ref: inputRef }) }),
-              /* @__PURE__ */ jsx(
-                MenuSubProvider,
-                {
-                  inputRef,
-                  open: subMenuOpen,
-                  setOpen: setSubMenuOpen,
-                  children: /* @__PURE__ */ jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
+              event.stopPropagation();
+            }
+          },
+          p: "4",
+          ref,
+          side,
+          sideOffset: 0,
+          ...props,
+          children: children ?? /* @__PURE__ */ jsxs(
+            Command,
+            {
+              enabled: true,
+              inputValue,
+              onHover: (item2) => {
+                setSubMenuOpen(
+                  typeof item2.subOptions === "function" || !!item2.subOptions?.length
+                );
+              },
+              onInputValueChange: (inputValue2) => {
+                if (item.subOptionsInputVisible) {
+                  setInputValue(inputValue2);
+                  return;
                 }
-              )
-            ]
-          }
-        )
-      }
-    );
+                parentInputRef.current?.focus();
+                setParentInputValue(inputValue2);
+              },
+              onSelect: (item2, { dismiss }) => {
+                if (typeof item2.subOptions === "function" || item2.subOptions?.length) {
+                  setSubMenuOpen(true);
+                } else {
+                  onSelect(item2, { dismiss });
+                }
+              },
+              options,
+              children: [
+                /* @__PURE__ */ jsx(VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsx(MenuSubInput, { ref: inputRef }) }),
+                /* @__PURE__ */ jsx(
+                  MenuSubProvider,
+                  {
+                    contentRef,
+                    inputRef,
+                    open: subMenuOpen,
+                    setOpen: setSubMenuOpen,
+                    triggerRef,
+                    children: /* @__PURE__ */ jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
+                  }
+                )
+              ]
+            },
+            item.key ?? resolveItemProperty(item.label, {
+              inputValue: parentInputValue
+            })
+          )
+        }
+      )
+    ] });
   }
 );
 MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";

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,
       {
@@ -32,7 +41,7 @@ const MenuSubInput = forwardRef(
           if (event.key === "ArrowLeft") {
             event.preventDefault();
             setOpen(false);
-          } else if (event.key === "ArrowRight" && highlightedItem?.subOptions?.length) {
+          } else if (event.key === "ArrowRight" && (typeof highlightedItem?.subOptions === "function" || highlightedItem?.subOptions?.length)) {
             event.preventDefault();
             downshift.selectItem(highlightedItem);
           }

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

@@ -1,29 +1,37 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef, useEffect } from 'react';
 import { useCommandContext } from '../command/CommandContext.js';
-import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
-import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import '../popover/PopoverContent.js';
-import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { usePopoverContext } from '../popover/PopoverContext.js';
 import { MenuItem } from './MenuItem.js';
+import { useMenuSubContext } from './MenuSubContext.js';
 
 const MenuSubTrigger = forwardRef(
   ({
     children,
-    contentRef,
     item,
     onPointerDown,
     onPointerEnter,
     onPointerLeave,
+    onPointerMove,
     ...props
-  }, ref) => {
+  }, outerRef) => {
     const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = usePopoverContext("@optiaxiom/react/MenuSubTrigger");
-    return /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "type", children: /* @__PURE__ */ jsx(
+    const { contentRef, triggerRef } = useMenuSubContext(
+      "@optiaxiom/react/MenuSubTrigger"
+    );
+    const pointerEnterRef = useRef(false);
+    const innerRef = useRef();
+    const ref = useComposedRefs(innerRef, outerRef);
+    useEffect(() => {
+      if (open && highlightedItem === item && innerRef.current) {
+        triggerRef.current = innerRef.current;
+      }
+    }, [highlightedItem, item, open, triggerRef]);
+    return /* @__PURE__ */ jsx(
       MenuItem,
       {
         addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}),
@@ -36,17 +44,23 @@ const MenuSubTrigger = forwardRef(
         },
         onPointerEnter: (event) => {
           onPointerEnter?.(event);
-          if (highlightedItem !== item) {
+          if (event.defaultPrevented) {
             return;
           }
-          downshift.selectItem(item);
+          if (highlightedItem === item) {
+            pointerEnterRef.current = true;
+          }
         },
         onPointerLeave: (event) => {
           onPointerLeave?.(event);
+          pointerEnterRef.current = false;
           const box = contentRef.current?.getBoundingClientRect();
           if (!box) {
             return;
           }
+          if (pauseInteractionRef.current.isInsideTriangle) {
+            return;
+          }
           const bottom = {
             x: box.left,
             y: box.top + box.height
@@ -67,11 +81,21 @@ const MenuSubTrigger = forwardRef(
             pauseInteractionRef.current.isInsideTriangle = null;
           }, 20);
         },
+        onPointerMove: (event) => {
+          onPointerMove?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (pointerEnterRef.current && downshift.isOpen) {
+            downshift.selectItem(item);
+          }
+          pointerEnterRef.current = false;
+        },
         ref,
         ...props,
         children
       }
-    ) }) });
+    );
   }
 );
 MenuSubTrigger.displayName = "@optiaxiom/react/MenuSubTrigger";

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

@@ -21,7 +21,13 @@ import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { useMenuContext } from './MenuContext.js';
 
 const MenuTrigger = forwardRef(
-  ({ "aria-labelledby": ariaLabelledBy, asChild, children, ...props }, outerRef) => {
+  ({
+    "aria-labelledby": ariaLabelledBy,
+    asChild,
+    children,
+    onKeyDown,
+    ...props
+  }, outerRef) => {
     const { setOpen, size } = useMenuContext("@optiaxiom/react/MenuTrigger");
     const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
     const buttonRef = useRef(null);
@@ -33,6 +39,10 @@ const MenuTrigger = forwardRef(
         "aria-labelledby": labelId,
         asChild: true,
         onKeyDown: (event) => {
+          onKeyDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
           switch (event.key) {
             case "ArrowDown":
               setOpen(true);

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-Dqt3__za.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BzdnTk-p.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1d3acop'],variants:{maxH:{xs:'_1t3137t',sm:'_13c6tct',md:'_989yqe',lg:'_4mpbvh',full:{}},minW:{'0':{},trigger:'icprc7'},provider:{'dropdown-menu':'mhjjts',popover:'t316vl',popper:'_6rornk'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_137o7zz'],variants:{maxH:{xs:'_19e9f8x',sm:'_6qxdh0',md:'_3eoqqh',lg:'gqddap',full:{}},minW:{'0':{},trigger:'_6ejizl'}}});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DiyfPdb3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-V7wQzusF.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'},'_1av69qs']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1alniqk']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-CLaBZvXR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DJh8tYjr.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:'_1dtqo4c',true:'lqafdi'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1gvu9sk',true:'y3qzu2'}}});
 
 export { item };

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

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

@@ -10,12 +10,12 @@ const NavGroupContent = forwardRef(({ children, ...props }, ref) => {
     DisclosureContent,
     {
       asChild: true,
+      "data-transition-scale": true,
       display: "flex",
       flexDirection: "column",
       gap: "4",
       pb: "0",
       pt: "0",
-      transitionType: "slidePop",
       ...props,
       children: /* @__PURE__ */ jsx("ul", { ref, children })
     }

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dx1pjGJE.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BIB32Kxv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-c0Df-0jA.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-eNc92HM5.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'},'_1arxn28']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'h6wf4w'],variants:{expanded:{false:'_1jvg4w8',true:'xvq5bx'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1262qdk']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1qy9o6e'],variants:{expanded:{false:'_5j7v87',true:'_8lejm8'}}});
 
 export { item, label };

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

@@ -4,14 +4,9 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useNavGroupContext } from './NavGroupContext.js';
 
 const NavList = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("@optiaxiom/react/NavList");
-    if (id) {
-      throw new Error("huh");
-    }
     return /* @__PURE__ */ jsx(
       Box,
       {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-wa8ut6PQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CwdmFgL-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_3taapp']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1twqkls'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'if696u']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1oeuyqb']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1l3s26x'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_24xzyz']});
 
 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@7.17.4_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@8.0.1_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({
@@ -95,7 +95,6 @@ const Pagination = forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  cursor: disabled ? "not-allowed" : "default",
                   children: /* @__PURE__ */ jsx(IconEllipsis, {})
                 }
               )

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.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-sGpaWqx5.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-qAQ5gQIP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-LFamA4C1.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'},'_13f8cbk'],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'},'_1cbd4tv'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,6 +1,5 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { theme } from '@optiaxiom/globals';
+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';
@@ -16,7 +15,7 @@ import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 import { usePopoverContext } from './PopoverContext.js';
 
 const PopoverContent = forwardRef(
-  ({ align = "start", children, sideOffset = 4, withArrow, ...props }, outerRef) => {
+  ({ align = "start", children, sideOffset = 4, ...props }, outerRef) => {
     const { open, presence, setPresence } = usePopoverContext(
       "@optiaxiom/react/PopoverContent"
     );
@@ -34,41 +33,15 @@ const PopoverContent = forwardRef(
             asChild: true,
             onBlur: onReactSelectInputBlur,
             p: "16",
-            provider: "popover",
             ...props,
-            children: /* @__PURE__ */ jsxs(
+            children: /* @__PURE__ */ jsx(
               RadixPopover.Content,
               {
                 align,
                 collisionPadding: 16,
                 ref,
                 sideOffset,
-                children: [
-                  /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children }),
-                  withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
-                    "svg",
-                    {
-                      fill: theme.colors["bg.default"],
-                      height: 4,
-                      preserveAspectRatio: "none",
-                      stroke: theme.colors["border.secondary"],
-                      viewBox: "0 0 30 10",
-                      width: 8,
-                      children: [
-                        /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
-                        /* @__PURE__ */ jsx(
-                          "polyline",
-                          {
-                            points: "0,0 15,10 30,0",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            strokeWidth: "2.5"
-                          }
-                        )
-                      ]
-                    }
-                  ) })
-                ]
+                children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children })
               }
             )
           }

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-s1nNYPKL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CgJ1rTXQ.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'},'jyzif3']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1wpb0tk']});
 
 export { indicator, progress };