@optiaxiom/react 0.3.2 → 0.3.4

package/dist/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-C9lF22QT.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DbhN4jbL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_2vyxjw']});
+var content = recipeRuntime({base:[{p:'4'},'bb2k0v']});
 
 export { content };

package/dist/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-MGu5LI76.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-DH4ziCzi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'kwut0u'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_9th8ra'],sm:[{fontSize:'xs',size:'sm'},'b2l97o'],md:[{fontSize:'md',size:'md'},'_1nnq1qo'],lg:[{fontSize:'lg',size:'lg'},'x3qzy8'],xl:[{fontSize:'2xl',size:'xl'},'oiu9qr'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1oyrhbq']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_126xuk5'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1advlkn'],sm:[{fontSize:'xs',size:'sm'},'ma63w8'],md:[{fontSize:'md',size:'md'},'_1rbybnk'],lg:[{fontSize:'lg',size:'lg'},'voclpu'],xl:[{fontSize:'2xl',size:'xl'},'m83r23'],'5xl':[{fontSize:'4xl',size:'5xl'},'prrad6']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

package/dist/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_274n9n',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1x7izju',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/badge/Badge.css.ts.vanilla-DP1kIyWj.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-DEIxzeC8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1fxl2gg'],variants:{colorScheme:{danger:'_17urkrf',information:'sngfgn',neutral:'_10t3lox',primary:'_14gk5cr',success:'lmmbfi',warning:'_158mx3w'},variant:{light:'_1xtomza',solid:'qn78n9'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_2gjlym'],variants:{colorScheme:{danger:'_2msu2d',information:'_1fv3eud',neutral:'_1rcq4u',primary:'u3yrn6',success:'_1ubkxzi',warning:'_3sazb9'},variant:{light:'d60pqa',solid:'_1twi6yl'}}});
 
 export { badge };

package/dist/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{colorScheme:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

package/dist/src/banner-description/BannerDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useBannerContext } from '../banner-context/BannerContext.js';
-import { Flex } from '../flex/Flex.js';
+import { Box } from '../box/Box.js';
 
 const BannerDescription = forwardRef(({ children, ...props }, ref) => {
   const { descriptionId } = useBannerContext("BannerDescription");
-  return /* @__PURE__ */ jsx(Flex, { gap: "xs", id: descriptionId, ref, ...props, children });
+  return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
 });
 BannerDescription.displayName = "@optiaxiom/react/BannerDescription";
 

package/dist/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/box/Box.css.ts.vanilla-CtNVRhBJ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/box/Box.css.ts.vanilla-CBeLPJz0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_2jfvm5'});
+var box = recipeRuntime({base:'_1d903qh'});
 
 export { box };

package/dist/src/button/Button-css.js

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/button/Button.css.ts.vanilla-BfQZoyGU.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/button/Button.css.ts.vanilla-BWevFsch.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{transition:'opacity'},'l6kc2z']});
-var button = recipeRuntime({base:['glc5gb',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_155hjh0'],variants:{colorScheme:{danger:'bup2kn',neutral:'xg6rsh',primary:'rlyn6p'},iconOnly:{false:'_7du4y',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'d0696k',solid:'dp8m6w',subtle:'_5c5as5'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'bavyfc',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_18dvsis',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'fzbheb',variants:{iconOnly:false,size:'lg'}}]});
-var icon = recipeRuntime({base:[{transition:'opacity'},'l6kc2z']});
-var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'l6kc2z']});
-var spinner = recipeRuntime({base:'_1ih0yuw'});
+var addon = recipeRuntime({base:[{transition:'opacity'},'uftlb5']});
+var button = recipeRuntime({base:['_1nzdjpn',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'ybnles'],variants:{colorScheme:{danger:'_1pfj9c3',neutral:'_1s4jbqr',primary:'_5rjchb'},iconOnly:{false:'c57bus',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'gu9rp7',solid:'qamph7',subtle:'_18z01fv'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1do0ldj',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'n7fm0y',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1f29soy',variants:{iconOnly:false,size:'lg'}}]});
+var icon = recipeRuntime({base:[{transition:'opacity'},'uftlb5']});
+var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'uftlb5']});
+var spinner = recipeRuntime({base:'ong7xw'});
 
 export { addon, button, icon, label, spinner };

package/dist/src/button/Button.js

@@ -31,6 +31,7 @@ const Button = forwardRef(
     className,
     disabled,
     icon: icon$1,
+    iconAutosize,
     iconPosition = "start",
     loading,
     size = "md",
@@ -42,16 +43,17 @@ const Button = forwardRef(
     const colorScheme = presetProps.colorScheme;
     const variant = presetProps.variant;
     let isIconOnly = Boolean(!children && icon$1);
+    const IconOnlyComp = iconAutosize ? Box : Icon;
     if (asChild) {
       const newElement = isValidElement(children) ? children : null;
       isIconOnly = Boolean(!newElement?.props.children && icon$1);
       children = newElement ? cloneElement(
         newElement,
         void 0,
-        isIconOnly ? /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: icon$1 }) : /* @__PURE__ */ jsx(Flex, { asChild: true, ...label(), children: fallbackSpan(newElement.props.children) })
+        isIconOnly ? /* @__PURE__ */ jsx(IconOnlyComp, { asChild: true, ...icon(), children: icon$1 }) : /* @__PURE__ */ jsx(Flex, { asChild: true, ...label(), children: fallbackSpan(newElement.props.children) })
       ) : children;
     } else {
-      children = isIconOnly ? /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: icon$1 }) : /* @__PURE__ */ jsx(Flex, { asChild: true, ...label(), children: fallbackSpan(children) });
+      children = isIconOnly ? /* @__PURE__ */ jsx(IconOnlyComp, { asChild: true, ...icon(), children: icon$1 }) : /* @__PURE__ */ jsx(Flex, { asChild: true, ...label(), children: fallbackSpan(children) });
     }
     if (icon$1 && !isIconOnly) {
       if (iconPosition === "start") {

package/dist/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1mjnbie'});
+var buttonGroup = recipeRuntime({base:'ouioxk'});
 
 export { buttonGroup };

package/dist/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ivUJIfJ2.css';
-import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-D6tly9bR.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css';
+import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-Bpzs-TMW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_1krutv8'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',mt:'2',rounded:'xs',size:'16'},'_1axzsd4']});
-var icon = recipeRuntime({base:['v0lfus']});
+var checkbox = recipeRuntime({base:'_1j8i7v8'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',mt:'2',rounded:'xs',size:'16'},'lhwvp']});
+var icon = recipeRuntime({base:['hbjksa']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'ybye1o'});
+var input = recipeRuntime({base:'kjhgyc'});
 
 export { checkbox, control, icon, indicator, input };

package/dist/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/code/Code.css.ts.vanilla-DIai_bip.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/code/Code.css.ts.vanilla-CIvs9Yp6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_3utjd2']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1jfturs']});
 
 export { code };

package/dist/src/data-table/DataTable-css.js

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/data-table/DataTable.css.ts.vanilla-Bj1eZiWU.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/data-table/DataTable.css.ts.vanilla-t2Q-5Lpd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--_1rcxdfy)';
-var columnWidthVar = 'var(--_6abdro)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_8m6imj'],variants:{pinned:{false:{},left:'_9p4dpt',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1ma96a5'],variants:{pinned:{false:{},left:'_38kk7i',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'p5ypgx']});
+var cellOffsetVar = 'var(--_1wv15xm)';
+var columnWidthVar = 'var(--_742wq4)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'n82k45'],variants:{pinned:{false:{},left:'xgb0sc',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'xsloh5'],variants:{pinned:{false:{},left:'_3vn90y',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1yky7v6']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/src/data-table-header/DataTableHeader-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-v1_6qdp5.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BgUfkfhX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'xbya68'],variants:{sortable:{false:'uue5tz',true:'_1tob5n1'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'omw2ze',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'cgrj8e'],variants:{sortable:{false:'_1qp8795',true:'yi6j1q'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'r6oq6t',true:{}}}});
 
 export { header, icon };

package/dist/src/dialog-body/DialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'}]});

package/dist/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-fHyHAU0v.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DaJvHWQC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_1xmsm6f']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_1vqtuwl'],variants:{size:{sm:'_1pbzako',md:'_9rk8im',lg:'c7xtao'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_10hxziu']});
+var close = recipeRuntime({base:[{rounded:'full'},'ilucyq']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_1ikzjmp'],variants:{size:{sm:'ngq7pk',md:'_1878gj0',lg:'_1o0x2z5'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1mktjk7']});
 
 export { close, content, overlay };

package/dist/src/dialog-footer/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/src/disclosure-content/DisclosureContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-M3OCibdT.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BVqex_Uk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'u372rj']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'a4qsyj']});
 
 export { content };

package/dist/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-4NfAgnoq.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CGgZqHoR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'wrnq1v',start:'e77hng'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_18rth7w']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'doj2rp',start:'tuy3fn'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_174z91b']});
 
 export { icon, trigger };

package/dist/src/drawer/Drawer-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-CYUIc9u8.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-D1KjbYY2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_12r9su3']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'lgvxqr'],variants:{position:{bottom:[{borderT:'1'},'ykwzqj'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_12isqnl'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'jufd4x']}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'k1g3ax']});
+var close = recipeRuntime({base:[{rounded:'full'},'_16imrgc']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'kpebdx'],variants:{position:{bottom:[{borderT:'1'},'epjf57'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_126ao3l'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1qc382x']}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1aqeavo']});
 
 export { close, content, overlay };

package/dist/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-O6eR2jtv.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BNBQF_0T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'qxc7j1']});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_11uxbov']});
 
 export { content };

package/dist/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-DdF8Wo3J.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-B8unyh6v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1ginu1e',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1lkiqzx']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'ev8ryj']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'tnvmb8'],variants:{offset:{false:'_1xifqvl',true:{}},position:{'bottom-right':'iujq1x','top-right':'_1q4slml'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'csh42r']});
+var badge = recipeRuntime({base:'_1afa6dq',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1ocflgm']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1tzg6p3']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1vtodxc'],variants:{offset:{false:'_254wu5',true:{}},position:{'bottom-right':'oyxusw','top-right':'_1491pag'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1ivl5gu']});
 
 export { badge, floating, indicator };

package/dist/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});

package/dist/src/input-base/InputBase-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/input-base/InputBase.css.ts.vanilla-CJUNmMKK.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-D--9gOO1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['_1nn2mpn',{bg:'transparent',flex:'auto',w:'full'},'_1s7qkhy','_1t8r35v'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1c36hqa']});
+var input = recipeRuntime({base:['_15ops76',{bg:'transparent',flex:'auto',w:'full'},'jxdtzg','_11c0la6'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1iqsoh2']});
 
 export { input, wrapper };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/kbd/Kbd.css.ts.vanilla-BL8j46R-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-DJDNR37v.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:'p15hu2',variants:{variant:{outline:'_19n5260',subtle:{}}}});
+var keys = recipeRuntime({base:'_1cmltqa',variants:{variant:{outline:'_1r0cmnk',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.kvgl8g';
-var reset = 'optiaxiom._1qjs8w0';
+var components = 'optiaxiom._8eawvo';
+var reset = 'optiaxiom.pk7zg3';
 
 export { axiom, base, components, reset };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/link/Link.css.ts.vanilla-CbJsp3ie.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/link/Link.css.ts.vanilla-CEocHXy8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_13oeuq4']});
-var link = recipeRuntime({base:['_7ojxka'],variants:{appearance:{'default':'_1j2895y',inverse:'oc90dc',subtle:'_12430oy'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_9mkqxp']});
+var link = recipeRuntime({base:['ewopst'],variants:{appearance:{'default':'_12h9jas',inverse:'_1wvmpu2',subtle:'av67p2'}}});
 
 export { icon, link };

package/dist/src/menu-content-base/MenuContentBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Dvk3BjxK.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-bzbYBL-O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'_11nay5x'],variants:{minW:{'0':{},trigger:'rxwn4i'},provider:{'dropdown-menu':'clkczi',popover:'wkqfap',popper:'_1n7env4'}}});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'rsgam5'],variants:{minW:{'0':{},trigger:'cc0qnv'},provider:{'dropdown-menu':'bseuh7',popover:'_1jexq8j',popper:'_152csr5'}}});
 
 export { content };

package/dist/src/menu-item-base/MenuItemBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-D3zfCv0A.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BYQPvQbE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1qbngph'],variants:{colorScheme:{danger:'_1bv32vk',neutral:'gmzkip'}}});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_14yz61b'],variants:{colorScheme:{danger:'lilusk',neutral:'fle8s2'}}});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/pagination/Pagination.css.ts.vanilla-DgtWSrro.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-D-p7Hfvt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'wif2r1'});
+var button = recipeRuntime({base:'_18yhsib'});
 
 export { button };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/pill/Pill.css.ts.vanilla-BNSFuCId.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla-DeCZ2_8Z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'jwy9sm'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1vd8yow'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ivUJIfJ2.css';
-import './../../assets/src/radio/Radio.css.ts.vanilla-WNRgmvlB.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css';
+import './../../assets/src/radio/Radio.css.ts.vanilla-DSIvoy-w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'kedcho']});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1knbi7v']});
-var input = recipeRuntime({base:'_14nhr2z'});
-var radio = recipeRuntime({base:'_1d43a1l'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_1eqpunz']});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'swtdla']});
+var input = recipeRuntime({base:'y78luo'});
+var radio = recipeRuntime({base:'_1jxh72e'});
 
 export { control, indicator, input, radio };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/search-input/SearchInput.css.ts.vanilla-BfQke3FX.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/search-input/SearchInput.css.ts.vanilla-lEdOzY9x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1ejyxwf']});
-var search = recipeRuntime({base:'_1xil7hh'});
+var clear = recipeRuntime({base:[{size:'sm'},'su9ww3']});
+var search = recipeRuntime({base:'_1hwuw4i'});
 
 export { clear, search };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/select-content/SelectContent.css.ts.vanilla-oPa3uLRl.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/select-content/SelectContent.css.ts.vanilla-BNmH0vGS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_4po1is']});
+var content = recipeRuntime({base:['_1ooek3n']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/separator/Separator.css.ts.vanilla-B4VHybsQ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/separator/Separator.css.ts.vanilla-GmmMa_6S.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:'_9dpo10',md:'_1wx1evz',lg:'gvriq5',base:'_1yfq63x'},defaultClass:'_1yfq63x'},vertical:{conditions:{sm:'_1wx85u2',md:'_1edu0fo',lg:'_1lz3v5',base:'_1trwael'},defaultClass:'_1trwael'}},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:'wx7zqz',md:'_1r382mb',lg:'c1qha1',base:'ecdw7o'},defaultClass:'ecdw7o'},vertical:{conditions:{sm:'_1icdr18',md:'_98dtkn',lg:'um3qd2',base:'_18nwsq5'},defaultClass:'_18nwsq5'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/src/side-nav-item/SideNavItem-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-CziRMkag.css';
-import './../../assets/src/button/Button.css.ts.vanilla-BfQZoyGU.css';
-import './../../assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DjKnN54_.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
+import './../../assets/src/button/Button.css.ts.vanilla-BWevFsch.css';
+import './../../assets/src/side-nav-item/SideNavItem.css.ts.vanilla-Bri2ps30.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1ppsbg4']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1v3lyr7']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-Fwa0jvGo.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-CPctgLR_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_3bqy9g']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_13qat10']});
 
 export { skeleton };