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

package/dist/index.js

@@ -52,6 +52,8 @@ export { HoverCardTrigger } from './src/hover-card-trigger/HoverCardTrigger.js';
 export { Indicator } from './src/indicator/Indicator.js';
 export { Input } from './src/input/Input.js';
 export { Kbd } from './src/kbd/Kbd.js';
+import * as layers_css from './src/layers/layers-css.js';
+export { layers_css as layers };
 export { Link } from './src/link/Link.js';
 export { Pagination } from './src/pagination/Pagination.js';
 export { Popover } from './src/popover/Popover.js';
@@ -67,9 +69,6 @@ export { Skeleton } from './src/skeleton/Skeleton.js';
 export { Spinner } from './src/spinner/Spinner.js';
 export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
 export { mapResponsiveValue, sprinkles } from './src/sprinkles/sprinkles-css.js';
-import * as layers_css from './src/styles/layers-css.js';
-export { layers_css as layers };
-export { theme } from './src/styles/theme-css.js';
 export { Switch } from './src/switch/Switch.js';
 export { Tabs } from './src/tabs/Tabs.js';
 export { TabsContent } from './src/tabs-content/TabsContent.js';
@@ -77,6 +76,8 @@ 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 { 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';

package/dist/package.json.js

@@ -1,99 +1,3 @@
-var name = "@optiaxiom/react";
-var repository = {
-	directory: "packages/react",
-	type: "git",
-	url: "https://github.com/optimizely-axiom/optiaxiom.git"
-};
-var type = "module";
-var version = "0.1.0-next.16";
-var files = [
-	"dist/**",
-	"LICENSE"
-];
-var license = "Apache-2.0";
-var exports = {
-	".": {
-		"import": "./dist/index.js",
-		types: "./dist/index.d.ts"
-	},
-	"./unstable": {
-		"import": "./dist/unstable.js",
-		types: "./dist/unstable.d.ts"
-	}
-};
-var sideEffects = [
-	"*.css"
-];
-var types = "dist/index.d.ts";
-var scripts = {
-	build: "rm -rf dist && NODE_ENV=production rollup -c",
-	dev: "rm -rf dist && rollup -cw",
-	lint: "oas-lint",
-	test: "vitest"
-};
-var dependencies = {
-	"@fontsource-variable/fira-code": "^5.0.20",
-	"@mantine/hooks": "^7.12.2",
-	"@optiaxiom/globals": "workspace:^",
-	"@radix-ui/react-accordion": "^1.2.0",
-	"@radix-ui/react-alert-dialog": "^1.1.1",
-	"@radix-ui/react-arrow": "^1.1.0",
-	"@radix-ui/react-avatar": "^1.1.0",
-	"@radix-ui/react-checkbox": "^1.1.1",
-	"@radix-ui/react-collapsible": "^1.1.0",
-	"@radix-ui/react-compose-refs": "^1.1.0",
-	"@radix-ui/react-context": "^1.1.0",
-	"@radix-ui/react-dialog": "^1.1.1",
-	"@radix-ui/react-dropdown-menu": "^2.1.1",
-	"@radix-ui/react-hover-card": "^1.1.1",
-	"@radix-ui/react-label": "^2.1.0",
-	"@radix-ui/react-menu": "^2.1.1",
-	"@radix-ui/react-popover": "^1.1.1",
-	"@radix-ui/react-popper": "^1.2.0",
-	"@radix-ui/react-portal": "^1.1.1",
-	"@radix-ui/react-primitive": "^2.0.0",
-	"@radix-ui/react-progress": "^1.1.0",
-	"@radix-ui/react-radio-group": "^1.2.0",
-	"@radix-ui/react-separator": "^1.1.0",
-	"@radix-ui/react-slot": "^1.1.0",
-	"@radix-ui/react-switch": "^1.1.0",
-	"@radix-ui/react-tabs": "^1.1.0",
-	"@radix-ui/react-toast": "^1.2.1",
-	"@radix-ui/react-toggle": "^1.1.0",
-	"@radix-ui/react-tooltip": "^1.1.2",
-	"@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/sprinkles": "^1.6.3",
-	clsx: "^2.1.1",
-	cmdk: "^1.0.0",
-	"inter-ui": "^4.0.2",
-	"react-textarea-autosize": "^8.5.3"
-};
-var devDependencies = {
-	"@emotion/hash": "^0.9.2",
-	"@optiaxiom/shared": "workspace:^",
-	"@types/node": "^20.16.5",
-	"@vanilla-extract/css": "^1.15.5"
-};
-var peerDependencies = {
-	react: "^16.14.0 || ^17.0.0 || ^18.0.0",
-	"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
-};
-var pkg = {
-	name: name,
-	repository: repository,
-	type: type,
-	version: version,
-	files: files,
-	license: license,
-	exports: exports,
-	sideEffects: sideEffects,
-	types: types,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	peerDependencies: peerDependencies
-};
+var version = "0.1.0-next.17";
 
-export { pkg as default, dependencies, devDependencies, exports, files, license, name, peerDependencies, repository, scripts, sideEffects, type, types, version };
+export { version };

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

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

package/dist/src/accordion-trigger/AccordionTrigger-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/accordion-trigger/AccordionTrigger.css.ts.vanilla-4LrJ1QuW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'_1dht06e',secondary:'gkw274'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_18n9bwq']});
+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']});
 
 export { icon, trigger };

package/dist/src/alert/Alert-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/alert/Alert.css.ts.vanilla-CgsHDZHO.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.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:'rz6lxf',neutral:'_1vfoo0g',success:'l81b04',warning:'_1t7h3qw'},variant:{light:[{rounded:'md'},'kmcp9c'],solid:'_15yye6y'}}});
-var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'dje6v3',neutral:'_19botw0',success:'ni4srj',warning:'_1lvvz1d'},variant:{light:'_1yybmo9',solid:'_1myq94l'}}});
+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'}}});
 
 export { alert, icon };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Iclo0aet.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-udVSBh-F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_18e4ph3'],variants:{size:{sm:'_1irrimv',md:'hiu8r6',lg:'_1ppncny'}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'eesi04']});
+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']});
 
 export { content, overlay };

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

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

package/dist/src/alert-dialog-footer/AlertDialogFooter-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/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3BCX18Oc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'u1ioww']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_5vt6rw']});
 
 export { footer };

package/dist/src/avatar/Avatar-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/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-YFYCqi4E.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1rqynh0'],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'},'_1hgnugn'],sm:[{fontSize:'xs',size:'sm'},'d3dqm0'],md:[{fontSize:'md',size:'md'},'_1eq2piq'],xl:[{fontSize:'2xl',size:'xl'},'_14ovj1'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1bfkk8u']}}});
+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 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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_199l78k',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['feyln4',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/src/axiom-provider/AxiomProvider.js

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { AxiomVersionContext } from '@optiaxiom/globals';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useContext } from 'react';
-import pkg from '../../package.json.js';
+import { version } from '../../package.json.js';
+import { ThemeProvider } from '../theme-provider/ThemeProvider.js';
 import { ToastProvider } from '../toast-provider/ToastProvider.js';
 
 function AxiomProvider({
@@ -12,12 +13,12 @@ function AxiomProvider({
 }) {
   const axiom = useContext(AxiomVersionContext);
   if (axiom) {
-    return children;
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: pkg.version, children: /* @__PURE__ */ jsxs(RadixTooltip.Provider, { ...tooltip, children: [
+  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: version, children: /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...tooltip, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
     children,
     /* @__PURE__ */ jsx(ToastProvider, { ...toast })
-  ] }) });
+  ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 

package/dist/src/badge/Badge-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/badge/Badge.css.ts.vanilla-2xKxI9hH.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-CosWUw11.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'},'g86wx5'],variants:{colorScheme:{danger:'_3ypqem',information:'_4hr5ty',neutral:'_93l8em',primary:'_1juuisq',success:'hjdvd7',warning:'poxvwm'},variant:{light:'am3z4s',solid:'_197c01f'}}});
+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'}}});
 
 export { badge };

package/dist/src/box/Box-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/box/Box.css.ts.vanilla-_TO4h5zD.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/box/Box.css.ts.vanilla-DqlsipSp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_10hfku8'});
+var box = recipeRuntime({base:'_1198hky'});
 
 export { box };

package/dist/src/box/Box.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import '@fontsource-variable/fira-code';
+import '@optiaxiom/globals/fonts';
 import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
-import 'inter-ui/inter-variable.css';
 import { createContext, forwardRef, useContext } from 'react';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import { sprinkles } from '../sprinkles/sprinkles-css.js';

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

@@ -1,13 +1,12 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
-import './../../assets/src/button/Button.css.ts.vanilla-C5Mge_U0.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:['_103fp1u',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'zvv3gv'],variants:{colorScheme:{danger:'gpazws',neutral:'_1g8jnbs',primary:'_1qtze12'},iconOnly:{false:'_1qwy0zp',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'kcniq1',solid:'_6gnv13',subtle:'_116h857'}},variantsCompounded:[{style:'_6fi4gl',variants:{colorScheme:'neutral',variant:'outline'}},{style:'_1299p35',variants:{iconOnly:true,size:'sm'}},{style:'_12tjw4r',variants:{iconOnly:false,size:'sm'}},{style:'a9w641',variants:{iconOnly:true,size:'md'}},{style:'_17sfedd',variants:{iconOnly:false,size:'md'}},{style:'_1i55d65',variants:{iconOnly:true,size:'lg'}},{style:'_1f8qpfw',variants:{iconOnly:false,size:'lg'}}]});
-var decorator = recipeRuntime({base:[{transition:'opacity'},'_13v2bio']});
-var icon = recipeRuntime({base:[{h:'auto',w:'20'},{transition:'opacity'},'_13v2bio']});
-var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'_13v2bio']});
-var spinner = recipeRuntime({base:'bqheof'});
+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'});
 
 export { button, decorator, icon, label, spinner };

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

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

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

@@ -1,12 +1,11 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css';
-import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-CVkYXFLB.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_1olpc6',{color:'white',mt:'2',rounded:'xs',size:'16'},'pwey7e']});
-var iconChecked = recipeRuntime({base:['e8hiuz']});
-var iconIndeterminate = recipeRuntime({base:['_1rwgzg5']});
+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 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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/code/Code.css.ts.vanilla-fccn-cCb.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/code/Code.css.ts.vanilla-sldVXFhO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'v6ogol']});
+var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'byxp9h']});
 
 export { code };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.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,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/command-item/CommandItem.css.ts.vanilla-DPd2tbIM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/command-item/CommandItem.css.ts.vanilla-ByJWH0yk.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'},'_1qlad3b']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'buwolz']});
 
 export { item };

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

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

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

@@ -1,11 +1,10 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var controlBase = recipeRuntime({base:[{display:'grid'},'_1kajbb']});
-var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'_17kpbez']});
-var indicator = recipeRuntime({base:['aruaf1','_1t3a9en']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'n1qu8']});
+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']});
 
 export { controlBase, description, indicator, label };

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

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

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

@@ -1,9 +1,9 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CfwdS2Dn.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CzC-Pm9R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'vo19z0']});
-var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'c1tpzj'],variants:{size:{sm:'_1yjc4vr',md:'_1pv5rfe',lg:'_1b7ocap'}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_8o6y6']});
+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']});
 
 export { close, content, overlay };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-CwD5hBpe.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-CjtQhy6h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'xaqmv1']});
-var content = recipeRuntime({base:[{bg:'surface',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'odcp0g'],variants:{position:{bottom:[{borderT:'1'},'_5x60o8'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1wf0s1q'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1yxy3q5']}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1469twn']});
+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']});
 
 export { close, content, overlay };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-CJ3CmHfW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-D8stDT3z.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'},'_1xqitxx']});
+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']});
 
 export { content };

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

@@ -6,8 +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 './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import { theme } from '../styles/theme-css.js';
+import { theme } from '../theme/theme-css.js';
 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/styles/layers.css.ts.vanilla-DOtWUDXC.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-B-DpJ47k.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_8f8gk7',variants:{ping:{false:{},true:[{animation:'ping',color:'transparent'},'_35nc9p']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'fwmnlo'],variants:{offset:{false:'vtdygl',true:{}},position:{'bottom-right':'_18557t1','top-right':'_79jc4j'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'m5rhok']});
+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']});
 
 export { badge, floating, indicator };

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

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

package/dist/src/input-base/InputBase-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/input-base/InputBase.css.ts.vanilla-DwUyjKmG.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-BhhkBhKO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['_97bshx',{bg:'transparent',flex:'auto',w:'full'},'_1xum0dn','_1s3o4mc'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{border:'1',flexDirection:'row',gap:'0',rounded:'md'},'wc6p48']});
+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']});
 
 export { input, wrapper };

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

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

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

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