@optiaxiom/react 0.5.4 → 0.7.0

package/dist/packages/react/src/input/Input.js

@@ -20,6 +20,7 @@ const Input = forwardRef(
     asChild,
     children,
     className,
+    htmlSize,
     size = "md",
     style,
     ...props
@@ -42,7 +43,7 @@ const Input = forwardRef(
               size,
               ...input({ appearance, size }),
               ...restProps,
-              children: /* @__PURE__ */ jsx(Comp, { ref, children })
+              children: /* @__PURE__ */ jsx(Comp, { ref, size: htmlSize, children })
             }
           ),
           addonAfter && /* @__PURE__ */ jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonAfter) })

package/dist/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DZ_MpokI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUckf1rs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1s8yc55',{bg:'transparent',flex:'auto',w:'full'},'_1w51pei','_1yjlkz7'],variants:{size:{md:{},lg:{},'2xl':['z9it9i']}}});
+var control = recipeRuntime({base:['_1sfee3l',{bg:'transparent',flex:'auto',w:'full'},'_1y0qgvs','_1au3joy'],variants:{size:{md:{},lg:{},'2xl':['_1rxt0tr']}}});
 
 export { control };

package/dist/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DZ_MpokI.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DauYQlGZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUckf1rs.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-D8aeRr0y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1l6r291']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_11jn52o']});
 
 export { root };

package/dist/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-KTiG6JXI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CdYDIi8D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_77mq4n',variants:{variant:{outline:'_2gpvy4',subtle:{}}}});
+var keys = recipeRuntime({base:'sbp1lw',variants:{variant:{outline:'_1okci8',subtle:{}}}});
 
 export { kbd, keys };

package/dist/packages/react/src/layers/layers-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._5hw727';
-var reset = 'optiaxiom._1crvvgf';
+var components = 'optiaxiom._1mjfn1x';
+var reset = 'optiaxiom._45e95h';
 
 export { axiom, base, components, reset };

package/dist/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CB4UgyvG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CMN-MXAA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'j8gahk']});
-var link = recipeRuntime({base:['z9lax'],variants:{appearance:{'default':'_1gcifsw',inverse:'yfecka',subtle:'_1i8a190'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1za6gp']});
+var link = recipeRuntime({base:['n28i4q'],variants:{appearance:{'default':'_16xz9f9',inverse:'p564s6',subtle:'_4hdw66'}}});
 
 export { icon, link };

package/dist/packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js

@@ -2,9 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Checkbox } from '../checkbox/Checkbox.js';
 import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
 import { ListboxItem } from '../listbox-item/ListboxItem.js';
 
-const ListboxCheckboxItem = forwardRef(({ addonBefore, ...props }, ref) => {
+const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ListboxItem,
     {
@@ -18,7 +19,7 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, ...props }, ref) => {
             tabIndex: -1
           }
         ),
-        addonBefore
+        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null
       ] }),
       ref,
       ...props

package/dist/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CnTL6MJe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BLiTkRSv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1k2rqjx']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1sodkh'],variants:{intent:{danger:'r15ut',neutral:'_8uyx71'}}});
-var title = recipeRuntime({base:['_1qyeih7']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'hblc3s']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'xqc54s'],variants:{intent:{danger:'jkef5m',neutral:'at74sg'}}});
+var title = recipeRuntime({base:['_1i28ef2']});
 
 export { description, item, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BoM-vKnA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BtekA5v0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1vwsh9t'],variants:{minW:{'0':{},trigger:'ijhd5e'},provider:{'dropdown-menu':'_115lfai',popover:'_1vflq52',popper:'khbyys'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1b6a7o8'],variants:{minW:{'0':{},trigger:'_1l37j2z'},provider:{'dropdown-menu':'_5pg7gz',popover:'_1j0f3ox',popper:'_1k6bldi'}}});
 
 export { listbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CkMDSTPk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DQ6XLlsf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'ail2hr'});
-var cursor = recipeRuntime({base:[{z:'10'},'_5cw8qr'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'gzyre5']});
+var button = recipeRuntime({base:'_1weompa'});
+var cursor = recipeRuntime({base:[{z:'10'},'_62pmcm'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'g4pjlk']});
 
 export { button, cursor, list };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.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-CAta_a7S.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-CvQpiDVH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DQSJjQdi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'mergxb'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1w92phm'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.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'}}}});

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-xzxOxzJM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CFDLhGIa.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-B-t8CBy5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_13o9rlc'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'tusfh8']});
-var input = recipeRuntime({base:'_109gstj'});
-var radio = recipeRuntime({base:'_14er316'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'ftamzl'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'nj42f4']});
+var input = recipeRuntime({base:'c0rjpq'});
+var radio = recipeRuntime({base:'_1n4f9o3'});
 
 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-CAta_a7S.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Wlcjqtr4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-WXo2_aFF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_1t3zfet']});
-var search = recipeRuntime({base:'ifvmvf'});
+var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_87sqaq']});
+var search = recipeRuntime({base:'_371dgq'});
 
 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-CAta_a7S.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-8RA4UukF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-DOWr3SzZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['y8jpd']});
+var content = recipeRuntime({base:['ftr3ye']});
 
 export { content };

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

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
-import { SelectItemContextProvider } from '../select-item-context/SelectItemContext.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
@@ -12,7 +11,7 @@ const SelectItem = forwardRef(
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const { downshift, highlightedItem, selectedItem } = useSelectContext("SelectItem");
     const itemProps = downshift.getItemProps({ item, ...restProps });
-    return /* @__PURE__ */ jsx(SelectItemContextProvider, { active: selectedItem === item, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       Box,
       {
         "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
@@ -23,7 +22,7 @@ const SelectItem = forwardRef(
         ...itemProps,
         children
       }
-    ) });
+    );
   }
 );
 SelectItem.displayName = "@optiaxiom/react/SelectItem";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-lHtLWVc5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CSbFG-4I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';
 
 var base = recipeRuntime({base:{bg:'border.default'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_140ymw3',md:'ba82sn',lg:'mdgtiu',base:'zf2t4c'},defaultClass:'zf2t4c'},vertical:{conditions:{sm:'n83l63',md:'_1616pys',lg:'josgkw',base:'ubnxva'},defaultClass:'ubnxva'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_12z1czb',md:'_931jyb',lg:'_110ydjv',base:'_7jojf'},defaultClass:'_7jojf'},vertical:{conditions:{sm:'u7l434',md:'_1otmvxv',lg:'_7xe3u6',base:'rrsi3e'},defaultClass:'rrsi3e'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/packages/react/src/{sidenav-content/SidenavContent.js → sidenav-body/SidenavBody.js}

@@ -5,7 +5,7 @@ import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
-const SidenavContent = forwardRef(
+const SidenavBody = forwardRef(
   ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
     return /* @__PURE__ */ jsx(
@@ -25,6 +25,6 @@ const SidenavContent = forwardRef(
     );
   }
 );
-SidenavContent.displayName = "@optiaxiom/react/SidenavContent";
+SidenavBody.displayName = "@optiaxiom/react/SidenavBody";
 
-export { SidenavContent };
+export { SidenavBody };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-jPsBU9c0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DgmSK1x9.css';
+import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BY76tqoo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1isjdyt']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'otah1w']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BJ4nKDYA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BO_w0zXl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'m2q7ns']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_1jshija']});
 
 export { skeleton };

package/dist/packages/react/src/spotlight-content/SpotlightContent.js

@@ -3,6 +3,7 @@ import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { useCombobox } from 'downshift';
 import { forwardRef } from 'react';
 import { Command } from '../command/Command.js';
+import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import { DialogContent } from '../dialog-content/DialogContent.js';
 import { DialogTitle } from '../dialog-title/DialogTitle.js';
 import { useSpotlightContext } from '../spotlight-context/SpotlightContext.js';
@@ -22,7 +23,9 @@ const SpotlightContent = forwardRef(({ "aria-label": ariaLabel, children, size:
     DialogContent,
     {
       "aria-describedby": void 0,
+      gap: "0",
       overflow: "hidden",
+      pb: "lg",
       ref,
       transitionType: "pop",
       ...props,
@@ -57,7 +60,7 @@ const SpotlightContent = forwardRef(({ "aria-label": ariaLabel, children, size:
                   return changes;
               }
             },
-            children
+            children: /* @__PURE__ */ jsx(CommandListbox, { children })
           }
         )
       ]

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DYpdErei.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BXjLaC3M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_3ksk43']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'o54bed']});
 
 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-CAta_a7S.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DWgBJ5ZO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-GOxtIvrG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_1wviad9']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_160kvw1']});
 
 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-CAta_a7S.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-C7hKRSOB.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C8Vk9MZj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DmK--pA1.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C-Pbsofi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_5pl3k7',true:'_1w88tbt'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'amli2f',true:'_1ss60qo'}}});
 
 export { item };

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

@@ -4,20 +4,20 @@ import { Badge } from '../badge/Badge.js';
 import { CommandSubItem } from '../command-sub-item/CommandSubItem.js';
 import { item } from './SpotlightSubItem-css.js';
 
-const SpotlightSubItem = forwardRef(({ active, children, className, ...props }, ref) => {
+const SpotlightSubItem = forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     CommandSubItem,
     {
-      active,
       asChild: true,
       ref,
-      ...item({ active: active || false }, className),
+      selected,
+      ...item({ active: selected || false }, className),
       ...props,
       children: /* @__PURE__ */ jsx(
         Badge,
         {
-          intent: active ? "information" : "neutral",
-          variant: active ? "solid" : "light",
+          intent: selected ? "information" : "neutral",
+          variant: selected ? "solid" : "light",
           children
         }
       )