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

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,12 +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 { 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,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.18";
 
-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-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'},'_1ymhrqf']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1vqxmi0']});
 
 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-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:'_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:'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,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-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:'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:'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/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-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'},'_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'},'_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/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-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'},'a2phog']});
+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,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-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'},'u1ioww']});
+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,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-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'},'_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'},'_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/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-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:['_199l78k',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1ttp4ry',{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-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'},'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'},'_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,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-C0Uc6A8D.css';
+import './../../assets/src/box/Box.css.ts.vanilla-DzdICr9X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_10hfku8'});
+var box = recipeRuntime({base:'_12fxqca'});
 
 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-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:['_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 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/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-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:'_1e7ffv0'});
+var buttonGroup = recipeRuntime({base:'_5f00tw'});
 
 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-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:['_1olpc6',{color:'white',mt:'2',rounded:'xs',size:'16'},'pwey7e']});
-var iconChecked = recipeRuntime({base:['e8hiuz']});
-var iconIndeterminate = recipeRuntime({base:['_1rwgzg5']});
+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/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-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'},'v6ogol']});
+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/styles/layers.css.ts.vanilla-DOtWUDXC.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,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-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'},'_1qlad3b']});
+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/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-C0Uc6A8D.css';
+import './../../assets/src/command-list/CommandList.css.ts.vanilla-cJSL04GG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:['_1ng7joe']});
+var list = recipeRuntime({base:['_141xl3x']});
 
 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-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'},'_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'},'_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/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-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'},'cvtpm0']});
+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/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-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'},'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'},'_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/styles/layers.css.ts.vanilla-DOtWUDXC.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/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-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'},'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'},'_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/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-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'},'_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'},'_1kdheka']});
 
 export { content };