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

package/dist/src/tabs-list/TabsList-css.js

@@ -1,8 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-D_56Zx3U.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_3rtz62'],variants:{appearance:{primary:'_1qne7sz',secondary:'_1oyl845'}}});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_5ulpvu'],variants:{appearance:{primary:'_1oopees',secondary:'yrn0ir'}}});
 
 export { list };

package/dist/src/tabs-trigger/TabsTrigger-css.js

@@ -1,9 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-C745JKgD.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-MxzOgYAm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'_77yixx']});
-var trigger = recipeRuntime({base:['wq0n6q',{fontSize:'md',fontWeight:'500',py:'4'},'_3520ui']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'_1i2gg7f']});
+var trigger = recipeRuntime({base:['x3krz3',{fontSize:'md',fontWeight:'500',py:'4'},'ze5jph']});
 
 export { content, trigger };

package/dist/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/text/Text.css.ts.vanilla-DkbtFw2B.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/text/Text.css.ts.vanilla-DQhdIgmY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1h8h7ge','_122npx4','_1nwhe8z'],'2':[undefined,'_1h8h7ge','_122npx4','_1q9gsag'],'3':[undefined,'_1h8h7ge','_122npx4','r1g42k'],'4':[undefined,'_1h8h7ge','_122npx4','pjze29']},truncate:{true:[undefined,'_1h8h7ge',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_7uqxyf','_1cc3845','vb85kb'],'2':[undefined,'_7uqxyf','_1cc3845','_1r4bcj6'],'3':[undefined,'_7uqxyf','_1cc3845','_1oqccr9'],'4':[undefined,'_7uqxyf','_1cc3845','t6tk9v']},truncate:{true:[undefined,'_7uqxyf',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/src/textarea/Textarea-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/textarea/Textarea.css.ts.vanilla-DXsdo6Ye.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var textarea = recipeRuntime({base:'j7wfve'});
-var wrapper = recipeRuntime({base:{flexDirection:'column',overflow:'auto'},variants:{resize:{auto:{},none:{},vertical:'_660m67'}}});
+var textarea = recipeRuntime({base:'_14tvwwe'});
+var wrapper = recipeRuntime({base:{flexDirection:'column',overflow:'auto'},variants:{resize:{auto:{},none:{},vertical:'_18cyn2g'}}});
 
 export { textarea, wrapper };

package/dist/src/{styles → theme}/theme-css.js

@@ -1,5 +1,3 @@
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-
 var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)',black:'var(--ax-colors-black)',white:'var(--ax-colors-white)','aqua.50':'var(--ax-colors-aqua-50)','aqua.200':'var(--ax-colors-aqua-200)','aqua.500':'var(--ax-colors-aqua-500)','aqua.600':'var(--ax-colors-aqua-600)','blue.50':'var(--ax-colors-blue-50)','blue.200':'var(--ax-colors-blue-200)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.900':'var(--ax-colors-blue-900)','brand.50':'var(--ax-colors-brand-50)','brand.100':'var(--ax-colors-brand-100)','brand.200':'var(--ax-colors-brand-200)','brand.300':'var(--ax-colors-brand-300)','brand.400':'var(--ax-colors-brand-400)','brand.500':'var(--ax-colors-brand-500)','brand.600':'var(--ax-colors-brand-600)','brand.700':'var(--ax-colors-brand-700)','brand.800':'var(--ax-colors-brand-800)','brand.900':'var(--ax-colors-brand-900)','dark.50':'var(--ax-colors-dark-50)','dark.200':'var(--ax-colors-dark-200)','dark.500':'var(--ax-colors-dark-500)','dark.600':'var(--ax-colors-dark-600)','gray.50':'var(--ax-colors-gray-50)','gray.100':'var(--ax-colors-gray-100)','gray.200':'var(--ax-colors-gray-200)','gray.300':'var(--ax-colors-gray-300)','gray.400':'var(--ax-colors-gray-400)','gray.500':'var(--ax-colors-gray-500)','gray.600':'var(--ax-colors-gray-600)','gray.700':'var(--ax-colors-gray-700)','gray.800':'var(--ax-colors-gray-800)','gray.900':'var(--ax-colors-gray-900)','green.50':'var(--ax-colors-green-50)','green.100':'var(--ax-colors-green-100)','green.200':'var(--ax-colors-green-200)','green.300':'var(--ax-colors-green-300)','green.400':'var(--ax-colors-green-400)','green.500':'var(--ax-colors-green-500)','green.600':'var(--ax-colors-green-600)','green.700':'var(--ax-colors-green-700)','green.800':'var(--ax-colors-green-800)','green.900':'var(--ax-colors-green-900)','magenta.50':'var(--ax-colors-magenta-50)','magenta.200':'var(--ax-colors-magenta-200)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','neutral.50':'var(--ax-colors-neutral-50)','neutral.75':'var(--ax-colors-neutral-75)','neutral.100':'var(--ax-colors-neutral-100)','neutral.150':'var(--ax-colors-neutral-150)','neutral.200':'var(--ax-colors-neutral-200)','neutral.300':'var(--ax-colors-neutral-300)','neutral.500':'var(--ax-colors-neutral-500)','neutral.600':'var(--ax-colors-neutral-600)','neutral.700':'var(--ax-colors-neutral-700)','neutral.800':'var(--ax-colors-neutral-800)','neutral.900':'var(--ax-colors-neutral-900)','neutral.1000':'var(--ax-colors-neutral-1000)','neutral.1100':'var(--ax-colors-neutral-1100)','neutral.1200':'var(--ax-colors-neutral-1200)','neutral.50/6':'var(--ax-colors-neutral-50-6)','neutral.50/32':'var(--ax-colors-neutral-50-32)','neutral.1200/4':'var(--ax-colors-neutral-1200-4)','neutral.1200/12':'var(--ax-colors-neutral-1200-12)','neutral.1200/18':'var(--ax-colors-neutral-1200-18)','neutral.1200/22':'var(--ax-colors-neutral-1200-22)','neutral.1200/32':'var(--ax-colors-neutral-1200-32)','orange.50':'var(--ax-colors-orange-50)','orange.200':'var(--ax-colors-orange-200)','orange.500':'var(--ax-colors-orange-500)','orange.600':'var(--ax-colors-orange-600)','purple.50':'var(--ax-colors-purple-50)','purple.200':'var(--ax-colors-purple-200)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.900':'var(--ax-colors-purple-900)','red.50':'var(--ax-colors-red-50)','red.100':'var(--ax-colors-red-100)','red.200':'var(--ax-colors-red-200)','red.300':'var(--ax-colors-red-300)','red.400':'var(--ax-colors-red-400)','red.500':'var(--ax-colors-red-500)','red.600':'var(--ax-colors-red-600)','red.700':'var(--ax-colors-red-700)','red.800':'var(--ax-colors-red-800)','red.900':'var(--ax-colors-red-900)','slate.50':'var(--ax-colors-slate-50)','slate.100':'var(--ax-colors-slate-100)','slate.200':'var(--ax-colors-slate-200)','slate.300':'var(--ax-colors-slate-300)','slate.400':'var(--ax-colors-slate-400)','slate.500':'var(--ax-colors-slate-500)','slate.600':'var(--ax-colors-slate-600)','slate.700':'var(--ax-colors-slate-700)','slate.800':'var(--ax-colors-slate-800)','slate.900':'var(--ax-colors-slate-900)','slate.950':'var(--ax-colors-slate-950)','yellow.50':'var(--ax-colors-yellow-50)','yellow.100':'var(--ax-colors-yellow-100)','yellow.200':'var(--ax-colors-yellow-200)','yellow.300':'var(--ax-colors-yellow-300)','yellow.400':'var(--ax-colors-yellow-400)','yellow.500':'var(--ax-colors-yellow-500)','yellow.600':'var(--ax-colors-yellow-600)','yellow.700':'var(--ax-colors-yellow-700)','yellow.800':'var(--ax-colors-yellow-800)','yellow.900':'var(--ax-colors-yellow-900)','bg.brand':'var(--ax-colors-bg-brand)','bg.brand.solid':'var(--ax-colors-bg-brand-solid)','bg.brand.solid.hover':'var(--ax-colors-bg-brand-solid-hover)','bg.disabled':'var(--ax-colors-bg-disabled)','bg.discovery':'var(--ax-colors-bg-discovery)','bg.error':'var(--ax-colors-bg-error)','bg.error.solid':'var(--ax-colors-bg-error-solid)','bg.error.solid.hover':'var(--ax-colors-bg-error-solid-hover)','bg.information':'var(--ax-colors-bg-information)','bg.information.solid':'var(--ax-colors-bg-information-solid)','bg.input.disabled':'var(--ax-colors-bg-input-disabled)','bg.neutral':'var(--ax-colors-bg-neutral)','bg.neutral.inverse':'var(--ax-colors-bg-neutral-inverse)','bg.neutral.inverse.hover':'var(--ax-colors-bg-neutral-inverse-hover)','bg.neutral.solid':'var(--ax-colors-bg-neutral-solid)','bg.neutral.solid.hover':'var(--ax-colors-bg-neutral-solid-hover)','bg.success':'var(--ax-colors-bg-success)','bg.success.solid':'var(--ax-colors-bg-success-solid)','bg.success.solid.hover':'var(--ax-colors-bg-success-solid-hover)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.solid':'var(--ax-colors-bg-warning-solid)','bg.warning.solid.hover':'var(--ax-colors-bg-warning-solid-hover)','border.active':'var(--ax-colors-border-active)','border.active.hover':'var(--ax-colors-border-active-hover)','border.brand':'var(--ax-colors-border-brand)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent.blue':'var(--ax-colors-fg-accent-blue)','fg.accent.magenta':'var(--ax-colors-fg-accent-magenta)','fg.accent.purple':'var(--ax-colors-fg-accent-purple)','fg.accent.red':'var(--ax-colors-fg-accent-red)','fg.brand':'var(--ax-colors-fg-brand)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.information':'var(--ax-colors-fg-information)','fg.link':'var(--ax-colors-fg-link)','fg.link.hover':'var(--ax-colors-fg-link-hover)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','outline.brand':'var(--ax-colors-outline-brand)',overlay:'var(--ax-colors-overlay)',surface:'var(--ax-colors-surface)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)'}};
 
 export { theme };

package/dist/src/theme-provider/ThemeProvider.js

@@ -0,0 +1,26 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { theme } from '../theme/theme-css.js';
+import { tokens, tokensDark } from '../tokens/index.js';
+
+function ThemeProvider({
+  children,
+  selector = ":root"
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: `
+        ${selector} {
+          ${assignInlineVars(theme, tokens)}
+        }
+      ` }),
+    /* @__PURE__ */ jsx("style", { children: `
+        ${selector === ":host" ? ":host-context(:root.dark)" : `${selector}.dark`} {
+          ${assignInlineVars(theme, tokensDark)}
+        }
+      ` }),
+    children
+  ] });
+}
+ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
+
+export { ThemeProvider };

package/dist/src/toast/Toast-css.js

@@ -1,10 +1,9 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BLTqnucc.css';
-import './../../assets/src/toast/Toast.css.ts.vanilla-DjI03j7j.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-WsywbHOO.css';
+import './../../assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'_1tb5y5c']});
-var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'a75ro9'],variants:{colorScheme:{danger:'_1hqinb3',neutral:'q0xahx',success:'hc1s9h',warning:'_1dl43rh'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'_1mwaah2']});
+var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_6zniuy'],variants:{colorScheme:{danger:'_15e91g4',neutral:'_7ym6zd',success:'fuc6wg',warning:'g8vnet'}}});
 
 export { icon, root };

package/dist/src/toast-provider/ToastProvider-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BLTqnucc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-WsywbHOO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'w24i4p'],variants:{position:{bottom:'_1l0ta2c','bottom-left':'fdjkoh','bottom-right':'poyk2k',top:'_1ojojfy','top-left':'_1xin7d9','top-right':'_17pse49'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_11do5jl'],variants:{position:{bottom:'tcr2n','bottom-left':'m7n9nq','bottom-right':'_1g8j9eg',top:'_16ohtwn','top-left':'tt70ea','top-right':'_19eo3wu'}}});
 
 export { viewport };

package/dist/src/tooltip/Tooltip.js

@@ -6,9 +6,8 @@ import { forwardRef, useRef } from 'react';
 import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import { theme } from '../styles/theme-css.js';
 import { Text } from '../text/Text.js';
+import { theme } from '../theme/theme-css.js';
 import { Transition } from '../transition/Transition.js';
 
 const Tooltip = forwardRef(

package/dist/src/transition/Transition-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/transition/Transition.css.ts.vanilla-WsYYK30s.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/transition/Transition.css.ts.vanilla-COAIGiKV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'d1fbqn',variants:{duration:{sm:'_1u1aihi',md:'_56kawa',lg:'gpnkqr'},type:{fade:'piszsr',pop:'ltu58r'}}});
+var transition = recipeRuntime({base:'_1d1lgtw',variants:{duration:{sm:'_1yu3oeo',md:'_1o8wpvd',lg:'k00riz'},type:{fade:'_1x1qayn',pop:'_1gxkyfo'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/unstable.d.ts

@@ -1,4 +1,4 @@
-import { B as BoxProps, S as Sprinkles, L as Link, P as Popover, b as PopoverContent } from './PopoverContent-DHQm-nPQ.js';
+import { B as BoxProps, S as Sprinkles, L as Link, P as Popover, b as PopoverContent } from './PopoverContent-CUYQy-H8.js';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithRef, ComponentPropsWithoutRef } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.16",
+  "version": "0.1.0-next.17",
   "files": [
     "dist/**",
     "LICENSE"
@@ -27,7 +27,6 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@fontsource-variable/fira-code": "^5.0.20",
     "@mantine/hooks": "^7.12.2",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
@@ -58,12 +57,12 @@
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
+    "@vanilla-extract/dynamic": "^2.1.2",
     "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
-    "inter-ui": "^4.0.2",
     "react-textarea-autosize": "^8.5.3",
-    "@optiaxiom/globals": "^0.2.0-next.0"
+    "@optiaxiom/globals": "^0.2.0-next.1"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
@@ -77,7 +76,7 @@
   },
   "scripts": {
     "build": "rm -rf dist && NODE_ENV=production rollup -c",
-    "dev": "rm -rf dist && rollup -cw",
+    "dev": "rm -rf dist && wait-on ../../packages/globals/dist/index.d.ts && rollup -cw",
     "lint": "oas-lint",
     "test": "vitest"
   }

package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-DTL_N_8t.css

@@ -1,25 +0,0 @@
-@keyframes _16hwb3c {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-@keyframes ka7300 {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-  }
-}
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._1ymhrqf[data-state="closed"] {
-    animation: ka7300 300ms ease-out;
-  }
-  ._1ymhrqf[data-state="open"] {
-    animation: _16hwb3c 300ms ease-out;
-  }
-}

package/dist/assets/src/alert/Alert.css.ts.vanilla-CgsHDZHO.css

@@ -1,43 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .rz6lxf {
-    --uf85l9: var(--ax-colors-red-100);
-    --_1wp3hrj: var(--ax-colors-red-200);
-  }
-  ._1vfoo0g {
-    --uf85l9: var(--ax-colors-bg-neutral);
-    --_1wp3hrj: var(--ax-colors-bg-neutral-solid);
-  }
-  .l81b04 {
-    --uf85l9: var(--ax-colors-green-100);
-    --_1wp3hrj: var(--ax-colors-green-200);
-  }
-  ._1t7h3qw {
-    --uf85l9: var(--ax-colors-yellow-100);
-    --_1wp3hrj: var(--ax-colors-yellow-200);
-  }
-  .kmcp9c {
-    background-color: var(--uf85l9);
-  }
-  ._15yye6y {
-    background-color: var(--_1wp3hrj);
-  }
-  .dje6v3 {
-    --_9ycok4: var(--ax-colors-bg-error-solid-hover);
-  }
-  ._19botw0 {
-    --_9ycok4: var(--ax-colors-fg-tertiary);
-  }
-  .ni4srj {
-    --_9ycok4: var(--ax-colors-bg-success-solid-hover);
-  }
-  ._1lvvz1d {
-    --_9ycok4: var(--ax-colors-bg-warning-solid-hover);
-  }
-  ._1yybmo9 {
-    color: var(--_9ycok4);
-  }
-  ._1myq94l {
-    color: var(--ax-colors-bg-neutral-inverse);
-  }
-}

package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DES_8BRp.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .a2phog {
-    max-height: 50dvh;
-  }
-}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3BCX18Oc.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .u1ioww {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-YFYCqi4E.css

@@ -1,24 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._1rqynh0 {
-    user-select: none;
-  }
-  ._199l78k ._1rqynh0 {
-    border: 1px solid var(--ax-colors-white);
-  }
-  ._199l78k ._1hgnugn:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._199l78k .d3dqm0:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._199l78k ._1eq2piq:not(:first-child) {
-    margin-left: -7px;
-  }
-  ._199l78k ._14ovj1:not(:first-child) {
-    margin-left: -9px;
-  }
-  ._199l78k ._1bfkk8u:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/badge/Badge.css.ts.vanilla-2xKxI9hH.css

@@ -1,47 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .g86wx5 {
-    --ofbfow: var(--ax-colors-fg-default-inverse);
-    padding: 4px 8px;
-  }
-  ._3ypqem {
-    --_1gub8am: var(--ax-colors-bg-error-solid);
-    --u3pff6: var(--ax-colors-bg-error);
-    --ze9hqs: var(--ax-colors-fg-error);
-  }
-  ._4hr5ty {
-    --_1gub8am: var(--ax-colors-bg-information-solid);
-    --u3pff6: var(--ax-colors-bg-information);
-    --ze9hqs: var(--ax-colors-fg-information);
-  }
-  ._93l8em {
-    --_1gub8am: var(--ax-colors-bg-neutral-solid);
-    --ofbfow: var(--ax-colors-fg-default);
-    --u3pff6: var(--ax-colors-bg-neutral);
-    --ze9hqs: var(--ax-colors-fg-secondary);
-  }
-  ._1juuisq {
-    --_1gub8am: var(--ax-colors-bg-brand-solid);
-    --u3pff6: var(--ax-colors-bg-brand);
-    --ze9hqs: var(--ax-colors-fg-brand);
-  }
-  .hjdvd7 {
-    --_1gub8am: var(--ax-colors-bg-success-solid);
-    --u3pff6: var(--ax-colors-bg-success);
-    --ze9hqs: var(--ax-colors-fg-success);
-  }
-  .poxvwm {
-    --_1gub8am: var(--ax-colors-bg-warning-solid);
-    --ofbfow: var(--ax-colors-fg-default);
-    --u3pff6: var(--ax-colors-bg-warning);
-    --ze9hqs: var(--ax-colors-fg-warning);
-  }
-  .am3z4s {
-    background-color: var(--u3pff6);
-    color: var(--ze9hqs);
-  }
-  ._197c01f {
-    background-color: var(--_1gub8am);
-    color: var(--ofbfow);
-  }
-}

package/dist/assets/src/button/Button.css.ts.vanilla-C5Mge_U0.css

@@ -1,141 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .zvv3gv {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1enw7d4);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  .zvv3gv:active:not([data-disabled], [data-loading]) {
-    box-shadow: var(--ax-boxShadow-inner);
-  }
-  .zvv3gv:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-outline-brand);
-    outline-offset: 1px;
-  }
-  .zvv3gv:is([data-disabled], [data-loading]) {
-    cursor: not-allowed;
-  }
-  ._1e7ffv0[data-orientation="horizontal"] .zvv3gv:not(:first-child):not(:last-child) {
-    border-inline-width: 0.5px;
-  }
-  ._1e7ffv0[data-orientation="horizontal"] .zvv3gv:not(:only-child):first-child {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1e7ffv0[data-orientation="horizontal"] .zvv3gv:not(:only-child):last-child {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1e7ffv0[data-orientation="vertical"] .zvv3gv:not(:first-child):not(:last-child) {
-    border-block-width: 0.5px;
-  }
-  ._1e7ffv0[data-orientation="vertical"] .zvv3gv:not(:only-child):first-child {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1e7ffv0[data-orientation="vertical"] .zvv3gv:not(:only-child):last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1e7ffv0[data-orientation] .zvv3gv:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  .gpazws {
-    --_1uzs9tp: var(--ax-colors-bg-error-solid);
-    --t49f26: var(--ax-colors-bg-error-solid-hover);
-    --ietg1: var(--ax-colors-bg-error);
-  }
-  ._1g8jnbs {
-    --_1uzs9tp: var(--ax-colors-bg-neutral-inverse);
-    --t49f26: var(--ax-colors-bg-neutral-inverse-hover);
-    --_14uxg4j: var(--ax-colors-fg-default-inverse);
-    --ietg1: var(--ax-colors-bg-input-disabled);
-    --_1d5lbs2: var(--ax-colors-fg-default);
-  }
-  ._1qtze12 {
-    --_1uzs9tp: var(--ax-colors-bg-brand-solid);
-    --t49f26: var(--ax-colors-bg-brand-solid-hover);
-    --ietg1: var(--ax-colors-bg-brand);
-  }
-  ._1qwy0zp {
-    min-width: fit-content;
-  }
-  .kcniq1 {
-    background-color: transparent;
-    border: 1px solid var(--_1uzs9tp);
-    color: var(--_1d5lbs2, var(--_1uzs9tp));
-    padding-inline: calc(var(--_1enw7d4) - 1px);
-  }
-  .kcniq1:hover:not([data-disabled], [data-loading]) {
-    background-color: var(--ietg1);
-  }
-  .kcniq1[data-disabled] {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._6gnv13 {
-    background-color: var(--_1uzs9tp);
-    color: var(--_14uxg4j, var(--ax-colors-fg-default-inverse));
-  }
-  ._6gnv13:hover:not([data-disabled], [data-loading]) {
-    background-color: var(--t49f26);
-  }
-  ._6gnv13[data-disabled] {
-    background-color: var(--ax-colors-bg-input-disabled);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1enw7d4) - 1px);
-  }
-  ._116h857 {
-    background-color: transparent;
-    border-color: var(--_1uzs9tp);
-    color: var(--_1d5lbs2, var(--_1uzs9tp));
-  }
-  ._116h857:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--ietg1);
-  }
-  ._116h857:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-brand);
-    color: var(--ax-colors-fg-link);
-  }
-  ._116h857[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._6fi4gl {
-    border-color: var(--ax-colors-border-default);
-  }
-  ._1299p35 {
-    --_1enw7d4: 2px;
-  }
-  ._12tjw4r {
-    --_1enw7d4: 4px;
-  }
-  .a9w641 {
-    --_1enw7d4: 6px;
-  }
-  ._17sfedd {
-    --_1enw7d4: 8px;
-  }
-  ._1i55d65 {
-    --_1enw7d4: 10px;
-  }
-  ._1f8qpfw {
-    --_1enw7d4: 12px;
-  }
-  ._13v2bio {
-    opacity: 1;
-  }
-  ._103fp1u[data-loading] ._13v2bio {
-    opacity: 0;
-  }
-  .bqheof {
-    position: absolute;
-  }
-}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-CVkYXFLB.css

@@ -1,23 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .e8hiuz {
-    display: none;
-  }
-  ._1olpc6[data-state="checked"] .e8hiuz {
-    display: block;
-  }
-  ._1rwgzg5 {
-    display: none;
-  }
-  ._1olpc6[data-state="indeterminate"] ._1rwgzg5 {
-    display: block;
-  }
-  .pwey7e {
-    border-color: var(--_1l5hsmx);
-    border-width: 1px;
-  }
-  .pwey7e:not([data-state="unchecked"]) {
-    background-color: var(--_1l5hsmx);
-    border-width: 0;
-  }
-}

package/dist/assets/src/code/Code.css.ts.vanilla-fccn-cCb.css

@@ -1,7 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .v6ogol {
-    -webkit-font-smoothing: auto;
-    font-size: 0.875em;
-  }
-}

package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css

@@ -1,41 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._1kajbb {
-    --_1l5hsmx: var(--ax-colors-border-active);
-    color: var(--ax-colors-fg-default);
-    grid-template: 
-          "indicator label"       auto
-          ".         description" auto / min-content auto;
-  }
-  ._1kajbb:has(.aruaf1:not([data-disabled]):not([data-state="unchecked"])):hover {
-    --_1l5hsmx: var(--ax-colors-bg-brand-solid-hover);
-  }
-  ._1kajbb:has(.aruaf1:not([data-disabled])[data-state="unchecked"]):hover {
-    --_1l5hsmx: var(--ax-colors-border-active-hover);
-  }
-  ._1kajbb:has(.aruaf1:not([data-state="unchecked"])) {
-    --_1l5hsmx: var(--ax-colors-bg-brand-solid);
-  }
-  ._1kajbb:has(.aruaf1[data-disabled]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1t3a9en {
-    grid-area: indicator;
-  }
-  ._1t3a9en:focus-visible {
-    outline: 2px solid var(--ax-colors-outline-brand);
-    outline-offset: 1px;
-  }
-  ._1t3a9en[data-disabled] {
-    opacity: 0.3;
-  }
-  .n1qu8 {
-    grid-area: label;
-  }
-  .aruaf1:not([data-disabled]) + .n1qu8 {
-    cursor: pointer;
-  }
-  ._17kpbez {
-    grid-area: description;
-  }
-}

package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-C42GcBP7.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .cvtpm0 {
-    max-height: 50dvh;
-  }
-}

package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B-DpJ47k.css

@@ -1,31 +0,0 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .m5rhok {
-    position: relative;
-  }
-  .fwmnlo {
-    --_1ykbtyx: 50%;
-    position: absolute;
-    right: 0;
-  }
-  .vtdygl {
-    --_1ykbtyx: 2px;
-  }
-  ._18557t1 {
-    bottom: 0;
-    transform: translate(var(--_1ykbtyx), var(--_1ykbtyx));
-  }
-  ._79jc4j {
-    top: 0;
-    transform: translate(var(--_1ykbtyx), calc(-1 * var(--_1ykbtyx)));
-  }
-  ._8f8gk7 {
-    position: relative;
-  }
-  ._8f8gk7:empty {
-    padding: 6px;
-  }
-  ._35nc9p {
-    position: absolute;
-  }
-}