@optiaxiom/react 0.9.0 → 0.10.1

package/dist/packages/react/src/listbox-scroll-area/ListboxScrollArea.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const ListboxScrollArea = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(

package/dist/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Co9Ao69E.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BxWR7CRk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'shjgtc'],variants:{maxH:{xs:'d6qili',sm:'_195073f',md:'_1bbyut7',lg:'_1s5b0i0',full:{}},minW:{'0':{},trigger:'_1p67vq3'},provider:{'dropdown-menu':'_10td287',popover:'_9djrke',popper:'n69kl9'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'ef1ly4'],variants:{maxH:{xs:'uyseye',sm:'_1z954a',md:'h555ym',lg:'_1cn3d5b',full:{}},minW:{'0':{},trigger:'epmhef'},provider:{'dropdown-menu':'pkbj8p',popover:'z5ko8c',popper:'_1vp8c2o'}}});
 
 export { listbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CoU68RuL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CKJScZBD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_15srxn2'});
-var cursor = recipeRuntime({base:[{z:'10'},'kz8ilx'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_58i2vo']});
+var button = recipeRuntime({base:'y09x8p'});
+var cursor = recipeRuntime({base:[{z:'10'},'_1f8nlkq'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'lx85cu']});
 
 export { button, cursor, list };

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

@@ -4,6 +4,8 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
 import { ButtonBase } from '../button-base/ButtonBase.js';
 import { Flex } from '../flex/Flex.js';

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.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/paper/Paper.js

@@ -2,6 +2,8 @@
 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 { paper } from './Paper-css.js';
 
 const Paper = forwardRef(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-RBtt5el_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BKwAsoDn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'ctetf0'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_3vflp0'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/packages/react/src/popover-anchor/PopoverAnchor.js

@@ -3,6 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const PopoverAnchor = forwardRef(
   ({ asChild, children, ...props }, ref) => {

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-qTUYSPcJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-BKQPCmt2.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'},'_1khq1uk']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'h1ers7']});
 
 export { indicator, progress };

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

@@ -3,6 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { progress, indicator } from './Progress-css.js';
 
 const Progress = forwardRef(

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgMgylht.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-Bf_vmx1L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DmAbWBYz.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CVmacqr-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'kqja35'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1auzo3c']});
-var input = recipeRuntime({base:'_1c2z87c'});
-var radio = recipeRuntime({base:'_18iebar'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1sn9u7e'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'zr8nx7']});
+var input = recipeRuntime({base:'_1bg8xrg'});
+var radio = recipeRuntime({base:'_1fexdji'});
 
 export { control, indicator, input, radio };

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

@@ -2,10 +2,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
 import { useRadioGroupContext } from '../radio-group-context/RadioGroupContext.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
 import { ToggleInput } from '../toggle-input/ToggleInput.js';
 import { ToggleInputContent } from '../toggle-input-content/ToggleInputContent.js';
 import { ToggleInputControl } from '../toggle-input-control/ToggleInputControl.js';
@@ -25,7 +23,7 @@ const Radio = forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { boxProps, restProps } = extractBoxProps(props);
     const groupContext = useRadioGroupContext("Radio");
     if (groupContext) {
       if ("checked" in props) {
@@ -44,7 +42,7 @@ const Radio = forwardRef(
       {
         description: !!description,
         ...radio({}, className),
-        ...sprinkleProps,
+        ...boxProps,
         children: [
           /* @__PURE__ */ jsx(
             ToggleInputHiddenInput,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-0wrAu85G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CaslNjhc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1653kw8']});
-var search = recipeRuntime({base:'_1bm2w5q'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1a9lzqa']});
+var search = recipeRuntime({base:'_1n07scm'});
 
 export { clear, search };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-qjS_JoqW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-BPIjCrTp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_1n9daq4']});
+var content = recipeRuntime({base:['_16ukm6r']});
 
 export { content };

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

@@ -4,13 +4,11 @@ import { PopperContent } from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { ModalLayer } from '../modal-layer/ModalLayer.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 import { Spinner } from '../spinner/Spinner.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
 import { content } from './SelectContent-css.js';
 
 const SelectContent = forwardRef(
@@ -22,7 +20,7 @@ const SelectContent = forwardRef(
     side = "bottom",
     ...props
   }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { boxProps, restProps } = extractBoxProps(props);
     const { downshift, isOpen } = useSelectContext("SelectContent");
     return isOpen && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
       MenuListbox,
@@ -32,7 +30,7 @@ const SelectContent = forwardRef(
         minW: loading ? "trigger" : undefined,
         provider: "popper",
         ...content({}, className),
-        ...sprinkleProps,
+        ...boxProps,
         ...downshift.getMenuProps({ ref, ...restProps }),
         children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset: 5, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children })
       }

package/dist/packages/react/src/select-item/SelectItem.js

@@ -2,6 +2,8 @@
 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 { useSelectContext } from '../select-context/SelectContext.js';
 
 const SelectItem = forwardRef(

package/dist/packages/react/src/select-value/SelectValue.js

@@ -2,6 +2,8 @@
 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 { useSelectContext } from '../select-context/SelectContext.js';
 
 const SelectValue = forwardRef(

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-D46Ll8o8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-BHsUdAn7.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:'_8vsmsw',md:'_2bh1k0',base:'h33imv'},defaultClass:'h33imv'},vertical:{conditions:{sm:'_15v3eqb',md:'v2uxma',base:'venmqa'},defaultClass:'venmqa'}},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:'lwidk5',md:'_14frzo3',base:'_1lgec4e'},defaultClass:'_1lgec4e'},vertical:{conditions:{sm:'_1lflnkb',md:'lhqyfm',base:'_19lgvo3'},defaultClass:'_19lgvo3'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

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

@@ -4,6 +4,8 @@ import * as RadixSeparator from '@radix-ui/react-separator';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { base, separator } from './Separator-css.js';
 
 const Separator = forwardRef(

package/dist/packages/react/src/sidenav/Sidenav.js

@@ -33,31 +33,21 @@ const Sidenav = forwardRef(
           setAnimations(true);
           setExpanded(flag);
         },
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", w: "fit", ...props, children: /* @__PURE__ */ jsx(
           Flex,
           {
-            borderColor: "border.tertiary",
-            borderR: "1",
-            h: "full",
-            w: "fit",
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              Flex,
-              {
-                asChild: true,
-                bg: "bg.default",
-                flex: "1",
-                gap: "0",
-                overflow: "hidden",
-                pb: "8",
-                pt: "16",
-                transition: animations ? "all" : undefined,
-                w: expanded ? "224" : "56",
-                children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", ref, children })
-              }
-            )
+            asChild: true,
+            bg: "bg.default",
+            flex: "1",
+            gap: "0",
+            overflow: "hidden",
+            pb: "8",
+            pt: "16",
+            transition: animations ? "all" : undefined,
+            w: expanded ? "224" : "56",
+            children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", ref, children })
           }
-        )
+        ) })
       }
     );
   }

package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js

@@ -3,6 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { useSidenavContext } from '../sidenav-context/SidenavContext.js';

package/dist/packages/react/src/sidenav-item/SidenavItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CrqPWBsM.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-Cs83XPKB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B8btnEyN.css';
+import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CZz5os0M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'8',textAlign:'start'},'juay1o']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'8',textAlign:'start'},'_72an5q']});
 
 export { item };

package/dist/packages/react/src/sidenav-item/SidenavItem.js

@@ -2,6 +2,8 @@
 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 { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
 import { useSidenavContext } from '../sidenav-context/SidenavContext.js';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-B7O28Qy_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CAEwlqFE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_13c8u16']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_3wajwb']});
 
 export { skeleton };

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

@@ -3,6 +3,8 @@ import { jsx } 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 { skeleton } from './Skeleton-css.js';
 
 const Skeleton = forwardRef(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-C7NfSuwZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-Dki-E_Wq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_18c4v2',inverse:'yhnzpq'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'vepl7l',inverse:'_1bzhsgs'}}});
 
 export { track };

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

@@ -2,6 +2,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
 import { Transition } from '../transition/Transition.js';
 import { track } from './Spinner-css.js';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DgV2N16s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-B8y8ONcs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1309dul']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_12h0zne']});
 
 export { input };

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

@@ -14,7 +14,17 @@ const SpotlightInput = forwardRef(
       {
         addonAfter: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", children: [
           addonAfter,
-          /* @__PURE__ */ jsx(DialogClose, { fontSize: "xs", fontWeight: "500", h: "xs", size: "sm", children: "ESC" })
+          /* @__PURE__ */ jsx(
+            DialogClose,
+            {
+              appearance: "default",
+              fontSize: "xs",
+              fontWeight: "500",
+              h: "xs",
+              size: "sm",
+              children: "ESC"
+            }
+          )
         ] }),
         addonBefore: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}),
         ref,

package/dist/packages/react/src/spotlight-label/SpotlightLabel.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const SpotlightLabel = forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DHAnHklK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CWB3lOZF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_15zt7wt']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1vbo24s']});
 
 export { item };

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

@@ -2,6 +2,8 @@
 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 { IconAngleRight } from '../icons/IconAngleRight.js';
 import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
 import { SpotlightItem } from '../spotlight-item/SpotlightItem.js';

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BvS_yf0c.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DWQ4oo_3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DpxBRu4y.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-D55VlVTQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'bsiy2y',true:'_17ow54x'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_155fv3h',true:'aoqks7'}}});
 
 export { item };

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

@@ -2,6 +2,8 @@
 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 { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { useSpotlightContext } from '../spotlight-context/SpotlightContext.js';