@optiaxiom/react 1.5.12 → 1.6.1

package/dist/esm/packages/react/src/pill-menu/PillMenuContent.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import '../menu/Menu.js';
+import { MenuContent } from '../menu/MenuContent.js';
+import '../menu/MenuTrigger.js';
+
+const PillMenuContent = forwardRef(
+  (props, ref) => {
+    const lastFocusRef = useRef();
+    return /* @__PURE__ */ jsx(
+      MenuContent,
+      {
+        onCloseAutoFocus: (event) => {
+          if (lastFocusRef.current instanceof HTMLElement && lastFocusRef.current !== document.body && document.body.contains(lastFocusRef.current)) {
+            event.preventDefault();
+            lastFocusRef.current.focus();
+          }
+          lastFocusRef.current = void 0;
+        },
+        onOpenAutoFocus: () => {
+          lastFocusRef.current = document.activeElement ?? void 0;
+        },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+PillMenuContent.displayName = "@optiaxiom/react/PillMenuContent";
+
+export { PillMenuContent };

package/dist/esm/packages/react/src/pill-menu/PillMenuContext.js

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

package/dist/esm/packages/react/src/pill-menu/PillMenuImpl.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import * as RadixRovingFocus from '@radix-ui/react-roving-focus';
+import { forwardRef, useRef } from 'react';
+import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
+import { useMenuContext } from '../menu/MenuContext.js';
+import '../pill/Pill.js';
+import { PillGroup } from '../pill/PillGroup.js';
+import '../popover/Popover.js';
+import { PopoverAnchor } from '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { usePillMenuContext } from './PillMenuContext.js';
+import { PillMenuPill } from './PillMenuPill.js';
+
+const PillMenuImpl = forwardRef(
+  ({ children, ...props }, outerRef) => {
+    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuImpl");
+    const { size } = useMenuContext("@optiaxiom/react/PillMenuImpl");
+    const { inputValue } = useCommandContext("@optiaxiom/react/PillMenuImpl");
+    const innerRef = useRef(null);
+    const ref = useComposedRefs(innerRef, outerRef);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PillGroup, { asChild: true, ref, role: "toolbar", ...props, children: /* @__PURE__ */ jsxs(RadixRovingFocus.Root, { orientation: "horizontal", children: [
+        options.slice(0, -1).map((item) => /* @__PURE__ */ jsx(
+          RadixRovingFocus.Item,
+          {
+            asChild: true,
+            children: /* @__PURE__ */ jsx(PillMenuPill, { item })
+          },
+          item.key ?? resolveItemProperty(item.label, { inputValue })
+        )),
+        /* @__PURE__ */ jsxs(PillGroup, { children: [
+          options.length > 0 && /* @__PURE__ */ jsx(RadixRovingFocus.Item, { asChild: true, children: /* @__PURE__ */ jsx(PillMenuPill, { item: options[options.length - 1] }) }, "pill"),
+          children
+        ] })
+      ] }) }),
+      size === "sm" && /* @__PURE__ */ jsx(PopoverAnchor, { staticRef: innerRef })
+    ] });
+  }
+);
+PillMenuImpl.displayName = "@optiaxiom/react/PillMenuImpl";
+
+export { PillMenuImpl };

package/dist/esm/packages/react/src/pill-menu/PillMenuPill.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
+import { useMenuContext } from '../menu/MenuContext.js';
+import { Pill } from '../pill/Pill.js';
+import '../pill/PillGroup.js';
+import { usePillMenuContext } from './PillMenuContext.js';
+
+const PillMenuPill = forwardRef(
+  ({ item, onKeyDown, ...props }, ref) => {
+    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuPill");
+    const { open, setOpen } = useMenuContext("@optiaxiom/react/PillMenuPill");
+    const { inputValue } = useCommandContext("@optiaxiom/react/PillMenuPill");
+    const index = options.indexOf(item);
+    const hasInteractedInsideRef = useRef(false);
+    return /* @__PURE__ */ jsx(
+      Pill,
+      {
+        onClick: () => {
+          if (hasInteractedInsideRef.current) {
+            hasInteractedInsideRef.current = false;
+            return;
+          }
+          setOpen(!open);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Backspace") {
+            if (index === 0 || index !== options.length - 1) {
+              event.key = index > 0 ? "ArrowLeft" : "ArrowRight";
+            }
+            item.execute?.({ dismiss: false, inputValue });
+          }
+          onKeyDown?.(event);
+        },
+        onPointerDown: () => {
+          hasInteractedInsideRef.current = Boolean(open);
+        },
+        ref,
+        ...props,
+        children: resolveItemProperty(item.label, { inputValue })
+      }
+    );
+  }
+);
+PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
+
+export { PillMenuPill };

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import * as RadixRovingFocus from '@radix-ui/react-roving-focus';
+import { forwardRef, useRef } from 'react';
+import { useCommandContext } from '../command/CommandContext.js';
+import { IconPlusSolid } from '../icons/IconPlusSolid.js';
+import '../menu/Menu.js';
+import '../menu/MenuContent.js';
+import { MenuTrigger } from '../menu/MenuTrigger.js';
+import { usePillMenuContext } from './PillMenuContext.js';
+
+const PillMenuTrigger = forwardRef(({ onKeyDown, ...props }, outerRef) => {
+  const { options } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
+  const { inputValue } = useCommandContext("@optiaxiom/react/PillMenuTrigger");
+  const innerRef = useRef(null);
+  const ref = useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsx(RadixRovingFocus.Item, { asChild: true, children: /* @__PURE__ */ jsx(
+    MenuTrigger,
+    {
+      appearance: options.length ? "subtle" : "default",
+      "aria-label": props["aria-label"],
+      icon: /* @__PURE__ */ jsx(IconPlusSolid, {}),
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (event.key === "Backspace") {
+          if (options.length) {
+            const last = options.length - 1;
+            options[last].execute?.({ dismiss: false, inputValue });
+          }
+        }
+      },
+      ref,
+      rounded: options.length ? "full" : void 0,
+      size: "sm",
+      ...props,
+      children: options.length ? void 0 : props["aria-label"]
+    }
+  ) }, "trigger");
+});
+PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
+
+export { PillMenuTrigger };

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

@@ -1,16 +1,41 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixPopper from '@radix-ui/react-popper';
-import { forwardRef } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { usePopoverContext } from './PopoverContext.js';
 import { usePopoverScope } from './usePopoverScope.js';
 
 const PopoverAnchor = forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ asChild, children, staticRef, ...props }, ref) => {
     const { __scopePopover } = usePopoverScope(void 0);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, ...{ __scopePopper: __scopePopover }, children: /* @__PURE__ */ jsx(RadixPopper.Anchor, { children }) });
+    const { open, presence } = usePopoverContext(
+      "@optiaxiom/react/PopoverAnchor"
+    );
+    const [virtualRef, setVirtualRef] = useState({ current: null });
+    useEffect(() => {
+      if (!staticRef?.current || !(open || presence)) {
+        return;
+      }
+      const rect = staticRef.current.getBoundingClientRect();
+      setVirtualRef({ current: { getBoundingClientRect: () => rect } });
+      return () => {
+        requestAnimationFrame(() => setVirtualRef({ current: null }));
+      };
+    }, [open, presence, staticRef]);
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        ref,
+        virtualRef: staticRef ? virtualRef : void 0,
+        ...props,
+        ...{ __scopePopper: __scopePopover },
+        children: /* @__PURE__ */ jsx(RadixPopper.Anchor, { asChild, children })
+      }
+    );
   }
 );
 PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-9-3QEZYO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-CMNCIq8h.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'},'_1be1mrw']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'f6x7w1']});
 
 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-BpEx1Goo.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-Dh4mAtuW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-VlkxLccC.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CGq6tpB3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_51vuy0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_2dx1nw']});
-var input = recipeRuntime({base:'_173wtf8'});
-var radio = recipeRuntime({base:'_1yg8psn'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'fama8'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_5vtp22']});
+var input = recipeRuntime({base:'o19qp1'});
+var radio = recipeRuntime({base:'_18uh6o7'});
 
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BNNhK72V.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-Dia6p9d-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'rmt8il']});
-var root = recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'kemtbh']});
+var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1ceb76q']});
+var root = recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'_1a5ynbv']});
 
 export { handle, root };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CIizjMmy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-EWf8re_b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'hmp6yj']});
-var input = recipeRuntime({base:'_1fgjdcp'});
-var search = recipeRuntime({base:'jjjti9'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1c7rxb0']});
+var input = recipeRuntime({base:'zc4abn'});
+var search = recipeRuntime({base:'blxich'});
 
 export { clear, input, search };

package/dist/esm/packages/react/src/segmented-control/SegmentedControlItem.js

@@ -6,7 +6,7 @@ import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { useSegmentedControlContext } from './SegmentedControlContext.js';
 
-const SegmentedControlItem = forwardRef(({ children, ...props }, ref) => {
+const SegmentedControlItem = forwardRef(({ asChild, children, ...props }, ref) => {
   useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");
   return /* @__PURE__ */ jsx(
     RadixSegmentedControl.Item,
@@ -15,7 +15,7 @@ const SegmentedControlItem = forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx(Button, { children })
+      children: /* @__PURE__ */ jsx(Button, { asChild, children })
     }
   );
 });

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

@@ -89,7 +89,7 @@ const SelectContent = forwardRef(
                 highlightedItem,
                 items,
                 itemToKey: (item) => item.value,
-                loading: loading ? "placeholder" : void 0,
+                loading: loading ? "skeleton" : void 0,
                 onPlacedChange: (placed2) => {
                   setPlaced(placed2);
                   if (placed2 && highlightedItemRef.current) {

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

@@ -12,6 +12,7 @@ import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
+import { Text } from '../text/Text.js';
 import { useSelectContext } from './SelectContext.js';
 
 const Slot = createSlot("@optiaxiom/react/SelectTrigger");
@@ -40,10 +41,10 @@ const SelectTrigger = forwardRef(
       [focusOnOpen]
     );
     const value = selectedItem?.value ? selectedItem.label || placeholder : placeholder;
-    return /* @__PURE__ */ jsx(
-      PopperAnchor,
+    return /* @__PURE__ */ jsx(PopperAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
+      Slot,
       {
-        asChild: true,
+        ref,
         ...boxProps,
         ...downshift.getToggleButtonProps({
           ...restProps,
@@ -89,12 +90,12 @@ const SelectTrigger = forwardRef(
           },
           type: "button"
         }),
-        children: /* @__PURE__ */ jsx(Slot, { ref, children: asChild ? decorateChildren(
+        children: asChild ? decorateChildren(
           { asChild, children },
-          (children2) => (children2 ?? value) && /* @__PURE__ */ jsx("span", { id: valueId, children: children2 ?? value })
-        ) : /* @__PURE__ */ jsx(AngleMenuButton, { ref: buttonRef, children: /* @__PURE__ */ jsx("span", { id: valueId, children: children ?? value }) }) })
+          (children2) => (children2 ?? value) && /* @__PURE__ */ jsx(Text, { asChild: true, truncate: true, children: /* @__PURE__ */ jsx("span", { id: valueId, children: children2 ?? value }) })
+        ) : /* @__PURE__ */ jsx(AngleMenuButton, { ref: buttonRef, children: /* @__PURE__ */ jsx(Text, { asChild: true, truncate: true, children: /* @__PURE__ */ jsx("span", { id: valueId, children: children ?? value }) }) })
       }
-    );
+    ) });
   }
 );
 SelectTrigger.displayName = "@optiaxiom/react/SelectTrigger";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-C5usFFY5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CcL2sqUF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.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';
+import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_ff29e2a63cc347b263901e6ac2d561ef/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:'_15c1ise',md:'lz0ooh',base:'_1au9x68'},defaultClass:'_1au9x68'},vertical:{conditions:{sm:'_1qvvtyx',md:'_3p5yem',base:'_7sxys6'},defaultClass:'_7sxys6'}},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:'j0peem',md:'_1cpkyal',base:'_563s7n'},defaultClass:'_563s7n'},vertical:{conditions:{sm:'_1wachwc',md:'n04hlm',base:'o72jyu'},defaultClass:'o72jyu'}},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-BpEx1Goo.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-8phcKv_U.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-MXxd5-Qf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'bt43b1']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1rx5i2o']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-BmPyewiH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-Dcl1w-r7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'_1ron25l'});
+var handle = recipeRuntime({base:'_1u0vukm'});
 
 export { handle };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-av6KdyJG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-C26dFOfN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_18neqq5',variants:{handle:{false:{},true:'_1o1w3ko'}}});
+var item = recipeRuntime({base:'a2ylci',variants:{handle:{false:{},true:'_1bdk6ux'}}});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DaCr50R7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-8wH_rbL6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_1ngopu7',inverse:'f8qah0'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'ux34si',inverse:'mmq2u8'}}});
 
 export { track };

package/dist/esm/packages/react/src/spotlight/SpotlightTrigger.js

@@ -11,7 +11,7 @@ import '../menu/Menu.js';
 import '../menu/MenuContent.js';
 import { MenuTrigger } from '../menu/MenuTrigger.js';
 import { useMenuContext } from '../menu/MenuContext.js';
-import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@8.1.0_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
+import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@8.2.1_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
 
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = forwardRef(({ children, ...props }, ref) => {