@optiaxiom/react 0.6.0 → 0.7.1

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

@@ -1,8 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._178w3s8';
-var reset = 'optiaxiom._2ask9u';
+var components = 'optiaxiom.p7w70f';
+var reset = 'optiaxiom._1jg9at';
+var theme = 'optiaxiom.theme';
 
-export { axiom, base, components, reset };
+export { axiom, base, components, reset, theme };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CLYvmhqR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Debfh9fF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1iv8fmq']});
-var link = recipeRuntime({base:['_14yjwrp'],variants:{appearance:{'default':'_13q9mvz',inverse:'_142c383',subtle:'wfwl1v'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_11zj2o8']});
+var link = recipeRuntime({base:['_48dm8h'],variants:{appearance:{'default':'_2zpino',inverse:'z549mw',subtle:'q0uqha'}}});
 
 export { icon, link };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BNLhxeLq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-D-oxpDV6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1ul5sho']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1p32v0e'],variants:{intent:{danger:'u80qrr',neutral:'_195o7de'}}});
-var title = recipeRuntime({base:['_1co0ex8']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'imyl42']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1ugspvk'],variants:{intent:{danger:'_1vvh6pl',neutral:'e8a06s'}}});
+var title = recipeRuntime({base:['_9cfgus']});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BjXPArek.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-N2cbZ5v6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_4zhimu'],variants:{minW:{'0':{},trigger:'_1qlwwah'},provider:{'dropdown-menu':'_1cwpc51',popover:'_1abslq1',popper:'yjn6ki'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_2p35h3'],variants:{minW:{'0':{},trigger:'_8db66n'},provider:{'dropdown-menu':'_9elhux',popover:'odt5z4',popper:'lvahqh'}}});
 
 export { listbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D9XMVRUc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DONVa4gx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'i9ogx3'});
-var cursor = recipeRuntime({base:[{z:'10'},'yiir0k'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1wetvny']});
+var button = recipeRuntime({base:'ljugzn'});
+var cursor = recipeRuntime({base:[{z:'10'},'_1not3x3'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'m254zv']});
 
 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-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.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-BYJE1gjQ.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Bna2beye.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-iwfLfIk7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1a8f273'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'hdcmqw'],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-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.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-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-BvyHKapA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CXm0oE65.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DcivYpeX.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-BinpDDbS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_19wpno0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1xbrq7e']});
-var input = recipeRuntime({base:'_1l19loo'});
-var radio = recipeRuntime({base:'jg26ud'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_1rw3f8f'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1bp8nb2']});
+var input = recipeRuntime({base:'dcvfsl'});
+var radio = recipeRuntime({base:'e54zp'});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DdhfcH19.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-uG9b-ce0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_16288vw']});
-var search = recipeRuntime({base:'w2v6j4'});
+var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_157iban']});
+var search = recipeRuntime({base:'_1f6xnul'});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-BcS74a2e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-D9b7mg62.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['ne43u5']});
+var content = recipeRuntime({base:['is4dpr']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-tbkhF289.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DhQgp1Mx.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:'_1qu11q9',md:'_1mzb4gd',lg:'pcyvq4',base:'_1vupnmu'},defaultClass:'_1vupnmu'},vertical:{conditions:{sm:'_1lcexk9',md:'_16vcx74',lg:'_1lefh8o',base:'a9my6w'},defaultClass:'a9my6w'}},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:'_134qokk',md:'_1w7hvs',lg:'ohay96',base:'_1seu9ot'},defaultClass:'_1seu9ot'},vertical:{conditions:{sm:'_120m83a',md:'_6k35yw',lg:'p9p45d',base:'_1uiqhpi'},defaultClass:'_1uiqhpi'}},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-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BErl3UKt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CXm0oE65.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B5WMuLCR.css';
+import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CnRPlcHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1ueadl5']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1etmhi1']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-4pjmbsRZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DTjh2rB-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'f3npbl']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_172k7tv']});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Cy87XbNc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Dd46E-SW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1vkylzf']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_18vkskm']});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-AuaNf5sg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-er5O836G.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_6kee9g']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_9wxwa2']});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-3hLwWO1L.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-C2ir8b-K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CAk47vet.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DrpBMKtg.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-BFT3_ss_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1nbwvan',true:'_1dliy1r'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_13q011f',true:'_6vs7j7'}}});
 
 export { item };