@optiaxiom/react 0.12.0 → 0.12.2

package/dist/packages/react/src/nav-item/NavItem.js

@@ -1,49 +1,63 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Button } from '../button/Button.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
 import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
+import { Text } from '../text/Text.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
-import { Transition } from '../transition/Transition.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
-import { item } from './NavItem-css.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { item, label } from './NavItem-css.js';
 
 const NavItem = forwardRef(
-  ({ active, addonAfter, asChild, children, className, ...props }, ref) => {
-    const { animations, expanded } = useSidebarContext("NavItem");
+  ({
+    active,
+    addonAfter,
+    asChild,
+    children,
+    className,
+    disabled,
+    icon,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { expanded } = useSidebarContext("NavItem");
     let tooltip = null;
     children = decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
-      return expanded && /* @__PURE__ */ jsx(Transition, { skipAnimations: !animations, children: /* @__PURE__ */ jsx(Box, { whiteSpace: "nowrap", children: children2 }) });
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }),
+        /* @__PURE__ */ jsxs(Box, { ...label({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsx(Text, { truncate: true, children: children2 }),
+          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", flex: "none", children: fallbackSpan(addonAfter) })
+        ] })
+      ] });
     });
-    return /* @__PURE__ */ jsx(Flex, { role: "listitem", children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Flex, { asChild: true, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Tooltip,
       {
-        content: !expanded && (props["aria-label"] || tooltip),
+        content: props["aria-label"] || tooltip,
+        disabled: expanded,
         side: "right",
         children: /* @__PURE__ */ jsx(
-          Button,
+          Box,
           {
-            addonAfter: expanded && addonAfter,
-            appearance: "subtle",
-            asChild,
+            asChild: true,
+            "data-disabled": disabled ? "" : undefined,
             "data-state": active ? "active" : undefined,
-            justifyContent: expanded ? "start" : "center",
-            ref,
-            size: "lg",
-            transition: animations ? "colors" : undefined,
             ...item({}, className),
-            ...props,
-            children
+            ...boxProps,
+            children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children })
           }
         )
       }
-    ) });
+    ) }) });
   }
 );
 NavItem.displayName = "@optiaxiom/react/NavItem";

package/dist/packages/react/src/nav-list/NavList.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { DisclosureContent } from '../disclosure-content/DisclosureContent.js';
+import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
+
+const NavList = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id } = useNavGroupContext("NavList");
+    const Comp = id ? DisclosureContent : Box;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        asChild: true,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4",
+        p: "0",
+        ...props,
+        children: /* @__PURE__ */ jsx("ul", { ref, children })
+      }
+    );
+  }
+);
+NavList.displayName = "@optiaxiom/react/NavList";
+
+export { NavList };

package/dist/packages/react/src/nav-separator/NavSeparator.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Separator } from '../separator/Separator.js';
+
+const NavSeparator = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
+);
+NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
+
+export { NavSeparator };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DuMOgkJU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DDlSvYeC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1whx4et']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'kh9cjw'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_13r19y6']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'ybrfkp']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_8xvato'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_43t5i6']});
 
 export { button, cursor, list };

package/dist/packages/react/src/pagination/Pagination.js

@@ -15,7 +15,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { list, cursor, button } from './Pagination-css.js';
-import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.15.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.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'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});

package/dist/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Q0Zz6YuQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-D54c8Mvf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_7gjdcd'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1xmxqj4'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/packages/react/src/popover-content/PopoverContent.js

@@ -18,7 +18,7 @@ const PopoverContent = forwardRef(
       {
         asChild: true,
         onBlur: onReactSelectInputBlur,
-        p: "12",
+        p: "16",
         provider: "popover",
         ...props,
         children: /* @__PURE__ */ jsxs(

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CVYzx4Q6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-BB-c_cJe.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'},'sp4odo']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_17vnfv8']});
 
 export { indicator, progress };

package/dist/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BNzQxjeW.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CizQZHjJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CIa4x7XX.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-B0l3eVc8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1d2axmm'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1fs0xae']});
-var input = recipeRuntime({base:'_24gsoc'});
-var radio = recipeRuntime({base:'zt5pz6'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'y70bp9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'ijppd3']});
+var input = recipeRuntime({base:'_1g9b4ft'});
+var radio = recipeRuntime({base:'_1jqqhd3'});
 
 export { control, indicator, input, radio };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BYToi99M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-eexuELrn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'xgqlsc']});
-var search = recipeRuntime({base:'sq5ap8'});
+var clear = recipeRuntime({base:[{size:'sm'},'_19741sq']});
+var search = recipeRuntime({base:'_95lun8'});
 
 export { clear, search };

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

@@ -6,6 +6,9 @@ import { Button } from '../button/Button.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { IconX } from '../icons/IconX.js';
 import { Input } from '../input/Input.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import { forceValueChange } from '../utils/forceValueChange.js';
 import { clear, search } from './SearchInput-css.js';
 
 const SearchInput = forwardRef(
@@ -59,12 +62,5 @@ const SearchInput = forwardRef(
   }
 );
 SearchInput.displayName = "@optiaxiom/react/SearchInput";
-function forceValueChange(input, value) {
-  Object.getOwnPropertyDescriptor(
-    input.constructor.prototype,
-    "value"
-  )?.set?.call(input, value);
-  input.dispatchEvent(new Event("change", { bubbles: true }));
-}
 
 export { SearchInput };

package/dist/packages/react/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-DjIQ3r4s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CfIsfxsZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['th63gn']});
+var content = recipeRuntime({base:['_1sljfd8']});
 
 export { content };

package/dist/packages/react/src/select-trigger/SelectTrigger.js

@@ -3,9 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { PopperAnchor } from '@radix-ui/react-popper';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useRef, useEffect, useState } from 'react';
+import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
 import '../field-context/FieldContext.js';
 import { useFieldContext } from '../field-context/useFieldContext.js';
-import { MenuButton } from '../menu-button/MenuButton.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 
 const SelectTrigger = forwardRef(
@@ -47,7 +47,7 @@ const SelectTrigger = forwardRef(
             document.dispatchEvent(new Event("tooltip.open"));
           }
         }),
-        children: /* @__PURE__ */ jsx(Slot, { ref, children: asChild ? children : /* @__PURE__ */ jsx(MenuButton, { "aria-labelledby": labelId, ref: buttonRef, children }) })
+        children: /* @__PURE__ */ jsx(Slot, { ref, children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { "aria-labelledby": labelId, ref: buttonRef, children }) })
       }
     );
   }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-Kk8LoraM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CJw8jPF7.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_wcbutaohqjnkd6euht5r5xgz74/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:'_15apq2v',md:'_7iuc6p',base:'_1dmjdrv'},defaultClass:'_1dmjdrv'},vertical:{conditions:{sm:'pcs7fg',md:'_1wkpvwl',base:'_1lakpj6'},defaultClass:'_1lakpj6'}},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:'_1lskkxy',md:'ocagtd',base:'vlj6cv'},defaultClass:'vlj6cv'},vertical:{conditions:{sm:'lxag8q',md:'_1rboyhq',base:'_1lqkvya'},defaultClass:'_1lqkvya'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/packages/react/src/sidebar/Sidebar.js

@@ -1,39 +1,49 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState, useRef, useEffect } from 'react';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { SidebarContextProvider } from '../sidebar-context/SidebarContext.js';
 
-const Sidebar = ({
-  children,
-  defaultExpanded,
-  expanded: expandedProp,
-  onExpandedChange
-}) => {
-  const [expanded, setExpanded] = useControllableState({
-    defaultProp: defaultExpanded,
-    onChange: onExpandedChange,
-    prop: expandedProp
-  });
-  const [animations, setAnimations] = useState(false);
-  const timerRef = useRef();
-  useEffect(() => {
-    timerRef.current = window.setTimeout(() => setAnimations(false), 300);
-  }, [animations]);
-  return /* @__PURE__ */ jsx(
-    SidebarContextProvider,
-    {
-      animations,
-      expanded,
-      onExpandedChange: (flag) => {
-        window.clearTimeout(timerRef.current);
-        setAnimations(true);
-        setExpanded(flag);
-      },
-      children
-    }
-  );
-};
+const Sidebar = forwardRef(
+  ({
+    children,
+    defaultExpanded,
+    expanded: expandedProp,
+    onExpandedChange,
+    ...props
+  }, ref) => {
+    const [expanded, setExpanded] = useControllableState({
+      defaultProp: defaultExpanded,
+      onChange: onExpandedChange,
+      prop: expandedProp
+    });
+    return /* @__PURE__ */ jsx(
+      SidebarContextProvider,
+      {
+        expanded,
+        navId: useId(),
+        onExpandedChange: setExpanded,
+        spacing: "8",
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            alignItems: "stretch",
+            display: "flex",
+            gap: "0",
+            h: "full",
+            ref,
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
 Sidebar.displayName = "@optiaxiom/react/Sidebar";
 
 export { Sidebar };

package/dist/packages/react/src/sidebar-toggle/SidebarToggle.js

@@ -6,16 +6,18 @@ import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 
 const SidebarToggle = forwardRef(
   ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, onExpandedChange } = useSidebarContext("SidebarToggle");
+    const { expanded, navId, onExpandedChange } = useSidebarContext("SidebarToggle");
     return /* @__PURE__ */ jsx(
       NavItem,
       {
+        "aria-controls": navId,
+        "aria-expanded": expanded ? "true" : "false",
         "aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
         fontWeight: "400",
         onClick: () => onExpandedChange(!expanded),
         ref,
         ...props,
-        children: children ? children : expanded ? "Collapse" : "Expand"
+        children: children ?? "Collapse"
       }
     );
   }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-C9qJc-cL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CUkXEH0f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1jvkji4']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_119vv6r']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BZDCeON0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-B5fo-kff.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'dfcxzz',inverse:'_5r19p0'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'wg920d',inverse:'i5x6u9'}}});
 
 export { track };

package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CTsk_0oU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Dl6mcNap.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'muh4cu']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1rl4mql']});
 
 export { input };

package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CUQCkiay.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DIDaMA7U.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1qyicz5']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'jqfjq9']});
 
 export { item };

package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-COUckmC-.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CHNJAXg7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-P1KZpPmF.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DAtlV5W6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_6kf7w7',true:'_15nq7c2'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_16efqgr',true:'_1b7cy1m'}}});
 
 export { item };

package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js

@@ -7,7 +7,7 @@ import '../sprinkles/sprinklesMerge.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { useSpotlightContext } from '../spotlight-context/SpotlightContext.js';
-import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@7.15.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
+import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
 
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = forwardRef(({ addonAfter, children, hotkey = DEFAULT_HOTKEY, ...props }, ref) => {