@optiaxiom/react 0.1.0-next.17 → 0.1.0-next.18

package/dist/index.js

@@ -76,14 +76,12 @@ export { TabsList } from './src/tabs-list/TabsList.js';
 export { TabsTrigger } from './src/tabs-trigger/TabsTrigger.js';
 export { Text } from './src/text/Text.js';
 export { Textarea } from './src/textarea/Textarea.js';
-export { theme } from './src/theme/theme-css.js';
+export { createToaster, theme, toaster, tokens, tokensDark } from '@optiaxiom/globals';
 export { ThemeProvider } from './src/theme-provider/ThemeProvider.js';
 export { Toast } from './src/toast/Toast.js';
 export { ToastAction } from './src/toast-action/ToastAction.js';
 export { ToastProvider } from './src/toast-provider/ToastProvider.js';
-export { createToaster, toaster } from '@optiaxiom/globals';
 export { ToastTitle } from './src/toast-title/ToastTitle.js';
 export { Toggle } from './src/toggle/Toggle.js';
-export { tokens, tokensDark } from './src/tokens/index.js';
 export { Tooltip } from './src/tooltip/Tooltip.js';
 export { Transition } from './src/transition/Transition.js';

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.1.0-next.17";
+var version = "0.1.0-next.18";
 
 export { version };

package/dist/src/accordion-content/AccordionContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'_1mdbivv']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1vqxmi0']});
 
 export { content };

package/dist/src/accordion-trigger/AccordionTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'_1o09vno',secondary:'_1nkeqgh'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_1u7k1f']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'sgh4j2',secondary:'_1wysptw'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_50c7mf']});
 
 export { icon, trigger };

package/dist/src/accordion-trigger/AccordionTrigger.js

@@ -10,11 +10,11 @@ import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
 import { trigger, icon } from './AccordionTrigger-css.js';
 
-const AccordionTrigger = forwardRef(({ children, endDecorator, startDecorator, ...props }, ref) => {
+const AccordionTrigger = forwardRef(({ addonAfter, addonBefore, children, ...props }, ref) => {
   const { appearance } = useAccordionContext("AccordionTrigger");
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  const startIcon = startDecorator || appearance === "primary" && !endDecorator && /* @__PURE__ */ jsx(IconAngleRight, {});
-  const endIcon = endDecorator || appearance === "secondary" && /* @__PURE__ */ jsx(IconAngleDown, {});
+  const startIcon = addonBefore || appearance === "primary" && !addonAfter && /* @__PURE__ */ jsx(IconAngleRight, {});
+  const endIcon = addonAfter || appearance === "secondary" && /* @__PURE__ */ jsx(IconAngleDown, {});
   return /* @__PURE__ */ jsx(Flex, { asChild: true, ...trigger(), ...sprinkleProps, children: /* @__PURE__ */ jsxs(RadixAccordion.Trigger, { ref, ...restProps, children: [
     startIcon && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ appearance: "primary" }), children: startIcon }),
     /* @__PURE__ */ jsx(Box, { flex: "1", children }),

package/dist/src/alert/Alert-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'_138iv5m',neutral:'_1k5o2ry',success:'_5c74qd',warning:'_1m03oox'},variant:{light:[{rounded:'md'},'m0yj11'],solid:'_11ttxe9'}}});
-var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'_17rt0kg',neutral:'mjtvoq',success:'_1mcmqlw',warning:'_1kh7dm7'},variant:{light:'pp964x',solid:'yabu0s'}}});
+var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'kcm467',neutral:'adka4',success:'g1vr5r',warning:'op4riz'},variant:{light:[{rounded:'md'},'_46b19x'],solid:'_2l1uuu'}}});
+var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'zqf0vs',neutral:'qh291f',success:'burrip',warning:'_1vj6814'},variant:{light:'_9d8peh',solid:'_1scnaqx'}}});
 
 export { alert, icon };

package/dist/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-udVSBh-F.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_1x7pqvw'],variants:{size:{sm:'k6pdwu',md:'gbecmb',lg:'_1guabg7'}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1wzh4wd']});
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_1ocjr82'],variants:{size:{sm:'_1lddtsw',md:'_1vmsfcv',lg:'boptpo'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'f1lw71']});
 
 export { content, overlay };

package/dist/src/alert-dialog-description/AlertDialogDescription-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'d86d23']});
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'gi3vvg']});
 
 export { body };

package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_5vt6rw']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'gmoxvp']});
 
 export { footer };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.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'},'_1depebd'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1eorsz0'],sm:[{fontSize:'xs',size:'sm'},'zlg38k'],md:[{fontSize:'md',size:'md'},'k6nnvn'],xl:[{fontSize:'2xl',size:'xl'},'_1rs52v8'],'5xl':[{fontSize:'4xl',size:'5xl'},'_4qeeow']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_7asyr2'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1xmydvk'],sm:[{fontSize:'xs',size:'sm'},'_121r9hw'],md:[{fontSize:'md',size:'md'},'_13sqc42'],xl:[{fontSize:'2xl',size:'xl'},'_1gkpvhj'],'5xl':[{fontSize:'4xl',size:'5xl'},'_7sa6yq']}}});
 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'},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-B7ZZTGQb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['feyln4',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1ttp4ry',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',leading:'none',rounded:'full'},'_1bu43ok'],variants:{colorScheme:{danger:'_2kynfh',information:'pmfpxx',neutral:'_19g8kwz',primary:'vjfs97',success:'pmdgor',warning:'_18gfgdi'},variant:{light:'shwo4l',solid:'_1446zch'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',leading:'none',rounded:'full'},'_1i18fbv'],variants:{colorScheme:{danger:'_11dk1rq',information:'vva9qu',neutral:'oietlq',primary:'q425xk',success:'_1jzu372',warning:'_152tj1c'},variant:{light:'_1a8ns9v',solid:'ccryi5'}}});
 
 export { badge };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/box/Box.css.ts.vanilla-DqlsipSp.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/box/Box.css.ts.vanilla-DzdICr9X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1198hky'});
+var box = recipeRuntime({base:'_12fxqca'});
 
 export { box };

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

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
-import './../../assets/src/button/Button.css.ts.vanilla-D07KX5O9.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
+import './../../assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:['lqunob',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'ihl5cp'],variants:{colorScheme:{danger:'jfxdkt',neutral:'_1s8g8ar',primary:'rwkj10'},iconOnly:{false:'kd1j6n',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_122z9z4',solid:'j3kivp',subtle:'v84144'}},variantsCompounded:[{style:'uh36my',variants:{colorScheme:'neutral',variant:'outline'}},{style:'_1imm4q2',variants:{iconOnly:true,size:'sm'}},{style:'_1ae7ld9',variants:{iconOnly:false,size:'sm'}},{style:'_1wzrkgj',variants:{iconOnly:true,size:'md'}},{style:'jtr6lf',variants:{iconOnly:false,size:'md'}},{style:'_9wnrob',variants:{iconOnly:true,size:'lg'}},{style:'_1lfjkdg',variants:{iconOnly:false,size:'lg'}}]});
-var decorator = recipeRuntime({base:[{transition:'opacity'},'g9qpy6']});
-var icon = recipeRuntime({base:[{h:'auto',w:'20'},{transition:'opacity'},'g9qpy6']});
-var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'g9qpy6']});
-var spinner = recipeRuntime({base:'qmvjp8'});
+var addon = recipeRuntime({base:[{transition:'opacity'},'_167sxsv']});
+var button = recipeRuntime({base:['q60imn',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'zzi4w9'],variants:{colorScheme:{danger:'_1pu4jmm',neutral:'_1loyzyl',primary:'lvdwou'},iconOnly:{false:'vtcwuk',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1n4dzq6',solid:'gyr49w',subtle:'_116h17o'}},variantsCompounded:[{style:'_1yp4idg',variants:{colorScheme:'neutral',variant:'outline'}},{style:'zrxotp',variants:{iconOnly:true,size:'sm'}},{style:'hsrfgf',variants:{iconOnly:false,size:'sm'}},{style:'z6ytr3',variants:{iconOnly:true,size:'md'}},{style:'_1gm4bki',variants:{iconOnly:false,size:'md'}},{style:'luiedj',variants:{iconOnly:true,size:'lg'}},{style:'_1bg6837',variants:{iconOnly:false,size:'lg'}}]});
+var icon = recipeRuntime({base:[{h:'auto',w:'20'},{transition:'opacity'},'_167sxsv']});
+var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'_167sxsv']});
+var spinner = recipeRuntime({base:'_10rbaud'});
 
-export { button, decorator, icon, label, spinner };
+export { addon, button, icon, label, spinner };

package/dist/src/button/Button.js

@@ -11,7 +11,7 @@ import '../sprinkles/sprinkles-css.js';
 import { Transition } from '../transition/Transition.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { icon, label, button, spinner, decorator } from './Button-css.js';
+import { icon, label, button, spinner, addon } from './Button-css.js';
 
 const appearances = {
   danger: { colorScheme: "danger", variant: "solid" },
@@ -23,17 +23,17 @@ const appearances = {
 };
 const Button = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
     appearance = "default",
     asChild,
     children,
     className,
     disabled,
-    endDecorator,
     icon: icon$1,
     iconPosition = "start",
     loading,
     size = "md",
-    startDecorator,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
@@ -55,9 +55,9 @@ const Button = forwardRef(
     }
     if (icon$1 && !isIconOnly) {
       if (iconPosition === "start") {
-        startDecorator = /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: icon$1 });
+        addonBefore = /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: icon$1 });
       } else if (iconPosition === "end") {
-        endDecorator = /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: icon$1 });
+        addonAfter = /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: icon$1 });
       }
     }
     return /* @__PURE__ */ jsx(
@@ -83,9 +83,9 @@ const Button = forwardRef(
               colorScheme: variant === "solid" ? "inverse" : "default"
             }
           ) }) }) }),
-          startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator(), children: fallbackSpan(startDecorator) }),
+          addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon(), children: fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsx(Slottable, { children }),
-          endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator(), children: fallbackSpan(endDecorator) })
+          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon(), children: fallbackSpan(addonAfter) })
         ] })
       }
     );

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1v1sc2o'});
+var buttonGroup = recipeRuntime({base:'_5f00tw'});
 
 export { buttonGroup };

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

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
-import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css';
+import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['mv4ood',{color:'white',mt:'2',rounded:'xs',size:'16'},'_415r9d']});
-var iconChecked = recipeRuntime({base:['_75gdbs']});
-var iconIndeterminate = recipeRuntime({base:['_1v2e15r']});
+var checkbox = recipeRuntime({base:['_1yj19u4',{color:'white',mt:'2',rounded:'xs',size:'16'},'_1457wpi']});
+var iconChecked = recipeRuntime({base:['_14vtok7']});
+var iconIndeterminate = recipeRuntime({base:['tc6a4p']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { checkbox, iconChecked, iconIndeterminate, indicator };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/code/Code.css.ts.vanilla-sldVXFhO.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'byxp9h']});
+var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'bb9q3z']});
 
 export { code };

package/dist/src/command-footer/CommandFooter-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'space-between',p:'sm'}]});

package/dist/src/command-item/CommandItem-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/command-item/CommandItem.css.ts.vanilla-ByJWH0yk.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/command-item/CommandItem.css.ts.vanilla-6tivpdOm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'buwolz']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1srd6jy']});
 
 export { item };

package/dist/src/command-list/CommandList-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/command-list/CommandList.css.ts.vanilla-Cz8lB2er.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/command-list/CommandList.css.ts.vanilla-cJSL04GG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:['u4nrvu']});
+var list = recipeRuntime({base:['_141xl3x']});
 
 export { list };

package/dist/src/control-base/ControlBase-css.js

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var controlBase = recipeRuntime({base:[{display:'grid'},'cs08zu']});
-var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'bvfw2l']});
-var indicator = recipeRuntime({base:['_1hg12ya','_11dpnzm']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'_166a0ek']});
+var controlBase = recipeRuntime({base:[{display:'grid'},'_19cwr29']});
+var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'v4onp6']});
+var indicator = recipeRuntime({base:['_1mv6p9j','_6hn44l']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'_6hvgyx']});
 
 export { controlBase, description, indicator, label };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'},'sx76pe']});
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'},'_3e4jkl']});
 
 export { body };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CzC-Pm9R.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-dM4h8lLR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_293z2t']});
-var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_4amn67'],variants:{size:{sm:'qtvk43',md:'kwcx9d',lg:'_1dcu65v'}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_173wkvm']});
+var close = recipeRuntime({base:[{rounded:'full'},'_15lprrc']});
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_4mu5xn'],variants:{size:{sm:'diuia7',md:'_1lw3vg0',lg:'l5h6x4'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_7af65o']});
 
 export { close, content, overlay };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.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/drawer/Drawer-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-CjtQhy6h.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-BfBPQjk-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_1q0lv0l']});
-var content = recipeRuntime({base:[{bg:'surface',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1ot93ff'],variants:{position:{bottom:[{borderT:'1'},'xyiopr'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'y2civ1'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1hxz962']}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_141bpgu']});
+var close = recipeRuntime({base:[{rounded:'full'},'_11hdbrg']});
+var content = recipeRuntime({base:[{bg:'surface',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_207guu'],variants:{position:{bottom:[{borderT:'1'},'_4urbzj'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1733n0d'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'jiwonh']}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1bbf25v']});
 
 export { close, content, overlay };

package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js

@@ -5,7 +5,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { MenuItemBase } from '../menu-item-base/MenuItemBase.js';
 
 const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(MenuItemBase, { endDecorator: /* @__PURE__ */ jsx(IconAngleRight, {}), ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsx(MenuItemBase, { addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}), ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
 

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-D8stDT3z.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B31ykq1Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'dgqkls']});
+var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_1kdheka']});
 
 export { content };

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

@@ -6,7 +6,7 @@ import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
-import { theme } from '../theme/theme-css.js';
+import { theme } from '@optiaxiom/globals';
 import { Transition } from '../transition/Transition.js';
 import { content } from './HoverCardContent-css.js';
 

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_73l3nf',variants:{ping:{false:{},true:[{animation:'ping',color:'transparent'},'_4aunxl']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1m6zqva'],variants:{offset:{false:'_19idmw8',true:{}},position:{'bottom-right':'e6wesq','top-right':'_1n2gjw3'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_3bs4fl']});
+var badge = recipeRuntime({base:'_50gwxj',variants:{ping:{false:{},true:[{animation:'ping',color:'transparent'},'us9n74']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_108ai4u'],variants:{offset:{false:'d1gwzr',true:{}},position:{'bottom-right':'_1od7yah','top-right':'ocsewm'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_16c5rva']});
 
 export { badge, floating, indicator };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var decorator = 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'}}]});
+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'}}]});
 var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
 
-export { decorator, input };
+export { addon, input };

package/dist/src/input/Input.js

@@ -5,25 +5,25 @@ import { Box } from '../box/Box.js';
 import { InputBase } from '../input-base/InputBase.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { decorator, input } from './Input-css.js';
+import { addon, input } from './Input-css.js';
 
 const Input = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
     appearance = "default",
     asChild,
     children,
-    endDecorator,
     size = "md",
-    startDecorator,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "input";
     return /* @__PURE__ */ jsx(
       InputBase,
       {
-        endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "end", size }), children: fallbackSpan(endDecorator) }),
+        addonAfter: addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "end", size }), children: fallbackSpan(addonAfter) }),
+        addonBefore: addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "start", size }), children: fallbackSpan(addonBefore) }),
         size,
-        startDecorator: startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator({ position: "start", size }), children: fallbackSpan(startDecorator) }),
         ...props,
         children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ appearance }), children: /* @__PURE__ */ jsx(Comp, { ref, children }) })
       }

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/input-base/InputBase.css.ts.vanilla-BhhkBhKO.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-JlIy9jXM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['hka04z',{bg:'transparent',flex:'auto',w:'full'},'_6i79h2','fj1az9'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{border:'1',flexDirection:'row',gap:'0',rounded:'md'},'_1jxrj6q']});
+var input = recipeRuntime({base:['_122rkfy',{bg:'transparent',flex:'auto',w:'full'},'_1nm6nek','_1wf9yg'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{border:'1',flexDirection:'row',gap:'0',rounded:'md'},'p48qpr']});
 
 export { input, wrapper };

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

@@ -15,13 +15,13 @@ import { wrapper, input } from './InputBase-css.js';
 
 const InputBase = forwardRef(
   ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents = "auto",
     children,
     className,
-    decoratorPointerEvents = "auto",
-    endDecorator,
     error: errorProp,
     size = "md",
-    startDecorator,
     ...props
   }, outerRef) => {
     const disabled = props.disabled;
@@ -30,7 +30,7 @@ const InputBase = forwardRef(
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const decoratorProps = decoratorPointerEvents === "none" && {
+    const addonProps = addonPointerEvents === "none" && {
       cursor: "text",
       onMouseDown: (event) => {
         if (event.target !== event.currentTarget) {
@@ -50,7 +50,7 @@ const InputBase = forwardRef(
         ...wrapper({}, className),
         ...sprinkleProps,
         children: [
-          startDecorator && /* @__PURE__ */ jsx(Text, { asChild: true, ...decoratorProps, children: fallbackSpan(startDecorator) }),
+          addonBefore && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsx(
             Box,
             {
@@ -64,7 +64,7 @@ const InputBase = forwardRef(
               children: /* @__PURE__ */ jsx(Slot, { id, ref, required, ...restProps, children })
             }
           ),
-          endDecorator && /* @__PURE__ */ jsx(Text, { asChild: true, ...decoratorProps, children: fallbackSpan(endDecorator) })
+          addonAfter && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonAfter) })
         ]
       }
     );

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
-import './../../assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.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:'o1n20w',variants:{variant:{outline:'_6tbfi1',subtle:{}}}});
+var keys = recipeRuntime({base:'_12kaaqo',variants:{variant:{outline:'_18qt6hs',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1srm0cz';
-var reset = 'optiaxiom.f4g07h';
+var components = 'optiaxiom.c2sxc3';
+var reset = 'optiaxiom.su6shq';
 
 export { axiom, base, components, reset };