@optiaxiom/react 0.7.8 → 0.8.0

package/dist/index.js

@@ -56,6 +56,7 @@ export { DropdownMenuSubContent } from './packages/react/src/dropdown-menu-sub-c
 export { DropdownMenuSubTrigger } from './packages/react/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
 export { DropdownMenuTrigger } from './packages/react/src/dropdown-menu-trigger/DropdownMenuTrigger.js';
 export { Field } from './packages/react/src/field/Field.js';
+export { FieldLabel } from './packages/react/src/field-label/FieldLabel.js';
 export { Flex } from './packages/react/src/flex/Flex.js';
 export { Grid } from './packages/react/src/grid/Grid.js';
 export { Heading } from './packages/react/src/heading/Heading.js';

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.7.8";
+var version = "0.8.0";
 
 export { version };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { alert, icon };

package/dist/packages/react/src/alert/Alert.js

@@ -35,7 +35,7 @@ const Alert = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", my: "2", children }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", my: "2", children }),
           !!onClose && /* @__PURE__ */ jsx(
             Button,
             {

package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-GVl1HNdc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BWOQFnSz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1hds68e']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_14go791'],variants:{size:{sm:'_1oq3hga',md:'_18x9g7c',lg:'ftlwx5'}}});
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1db3ot3']});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1ppr2cd'],variants:{size:{sm:'_147qypv',md:'_1k2uz21',lg:'_1xxrh2x'}}});
 
 export { container, content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-R9XjvBNW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-XLxmsBbj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'d05dh7']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_1vlr6cy']});
 
 export { footer };

package/dist/packages/react/src/alert-dialog-title/AlertDialogTitle.js

@@ -15,7 +15,7 @@ import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const AlertDialogTitle = forwardRef(({ addonBefore, children, ...props }, ref) => {
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "xs", p: "lg", pb: "md", ...sprinkleProps, children: [
+  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ...sprinkleProps, children: [
     /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore ? fallbackSpan(addonBefore) : /* @__PURE__ */ jsx(IconTriangleExclamationSolid, {}) }),
     /* @__PURE__ */ jsx(
       Heading,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DfuT6QTs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BgxKhr-0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'fk37hh']});
+var content = recipeRuntime({base:[{p:'4'},'_1e4bsnr']});
 
 export { content };

package/dist/packages/react/src/autocomplete-content/AutocompleteContent.js

@@ -14,7 +14,7 @@ const AutocompleteContent = forwardRef(({ children, loading, ...props }, ref) =>
   const { isOpen, items } = useAutocompleteContext("AutocompleteContent");
   return isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { role: "status", children: loading ? "Loading" : `${items.length} option${items.length === 1 ? "" : "s"} available` }) }) }),
-    /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, minW: "trigger", provider: "popper", ...props, children: /* @__PURE__ */ jsx(AutocompleteContentImpl, { ref, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "md", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) })
+    /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, minW: "trigger", provider: "popper", ...props, children: /* @__PURE__ */ jsx(AutocompleteContentImpl, { ref, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) })
   ] });
 });
 AutocompleteContent.displayName = "@optiaxiom/react/AutocompleteContent";

package/dist/packages/react/src/autocomplete-empty/AutocompleteEmpty.js

@@ -12,7 +12,7 @@ const AutocompleteEmpty = forwardRef(({ children, ...props }, ref) => {
       display: "flex",
       flexDirection: "column",
       fontSize: "md",
-      p: "md",
+      p: "16",
       ref,
       ...props,
       children: children || "No options"

package/dist/packages/react/src/autocomplete-trigger/AutocompleteTrigger.js

@@ -29,12 +29,12 @@ const AutocompleteTrigger = forwardRef((props, ref) => {
               {
                 cursor: disabled ? "default" : "pointer",
                 onClick: () => setSelectedItem(null),
-                w: "32",
+                w: "md",
                 children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconX, { "aria-hidden": true, focusable: false }) })
               }
             ),
-            /* @__PURE__ */ jsx(Separator, { my: "xs", orientation: "vertical" }),
-            /* @__PURE__ */ jsx(Flex, { asChild: true, w: "32", children: /* @__PURE__ */ jsx(CommandToggleButton, { "aria-label": "Toggle", disabled, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, { "aria-hidden": true, focusable: false }) }) }) })
+            /* @__PURE__ */ jsx(Separator, { my: "8", orientation: "vertical" }),
+            /* @__PURE__ */ jsx(Flex, { asChild: true, w: "md", children: /* @__PURE__ */ jsx(CommandToggleButton, { "aria-label": "Toggle", disabled, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, { "aria-hidden": true, focusable: false }) }) }) })
           ]
         }
       ),

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-TmO_3cee.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BcxQyIYb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_370sat'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_153paz3'],sm:[{fontSize:'xs',size:'sm'},'_1pj5m9t'],md:[{fontSize:'md',size:'md'},'njzy4f'],lg:[{fontSize:'lg',size:'lg'},'_1hvsvfg'],xl:[{fontSize:'2xl',size:'xl'},'_1fhley1'],'5xl':[{fontSize:'4xl',size:'5xl'},'vmkj78']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_1yfnqsu'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'hrn06'],sm:[{fontSize:'xs',size:'sm'},'rrpxq4'],md:[{fontSize:'md',size:'md'},'wdtwrk'],lg:[{fontSize:'lg',size:'lg'},'n7qblm'],xl:[{fontSize:'2xl',size:'xl'},'_1p7e8m9'],'3xl':[{fontSize:'4xl',size:'3xl'},'_1qkscyw']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
-var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'16'},xl:{h:'16'},'5xl':{h:'24'}}}});
+var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 
 export { avatar, fallback, icon };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1bm532j',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_10ud605',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-ne-gflbo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DEuRARWr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'rhquwq']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'hhp2fr']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-u1Rwrtq3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CHk_Hm4E.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1uy36h9'],variants:{intent:{danger:'_1lhsbh3',information:'_1x9edab',neutral:'_1947r37',primary:'e9ll1l',success:'xtizcw',warning:'_16kajw8'},variant:{light:'_17hag8w',solid:'_12s7w3m'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_2kjgd4'],variants:{intent:{danger:'_19hicqr',information:'_15mvcnq',neutral:'dhyfwr',primary:'yz45w2',success:'_1uwi35j',warning:'yls0bp'},variant:{light:'kmu6ei',solid:'_2al6wa'}}});
 
 export { badge };

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

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

package/dist/packages/react/src/banner/Banner.js

@@ -35,7 +35,7 @@ const Banner = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", my: "2", children }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", my: "2", children }),
           !!onClose && /* @__PURE__ */ jsx(
             Button,
             {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-CRGERf0S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Dlql7m7I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'znudqf'});
+var box = recipeRuntime({base:'u6ez25'});
 
 export { box };

package/dist/packages/react/src/breadcrumb/Breadcrumb.js

@@ -9,7 +9,7 @@ import '../sprinkles/sprinklesMerge.js';
 const Breadcrumb = forwardRef(
   ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "8", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
   }
 );
 Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DTVKiYJV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DYCt7DYD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_5kidgj']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'jfoua6']});
 
 export { item };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CuZAjppU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cer-GJoH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1k11x3w']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'c9j9dt']});
 
 export { link };

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DUdGS-Ne.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DRakNEUr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1032287',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'p04wjg'],variants:{iconOnly:{false:'if0x97',true:{}},intent:{danger:'_1piw8qj',neutral:'_100epfl',primary:'_1xlci3x'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1gavgy6',solid:'_13nvffz',subtle:'ttfm4y'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1mmw5s1',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1rwbwx8',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1hem1cm',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'_19uxv4q'});
+var buttonBase = recipeRuntime({base:['_1ma4266',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'nsj1te'],variants:{iconOnly:{false:'od7o8c',true:{}},intent:{danger:'fgouxy',neutral:'_175vju6',primary:'r0kafx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'yzcigm',solid:'_1e1ss5p',subtle:'_5i7t2a'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1b0r342',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1ljifao',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1m8ype4',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'q0qasi']});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-base/ButtonBase.js

@@ -58,7 +58,6 @@ const ButtonBase = forwardRef(
             {
               appearance: variant === "solid" ? "inverse" : "default",
               "aria-hidden": "true",
-              size: "2xs",
               ...spinner()
             }
           ) }),

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'b6i6rp'});
+var buttonGroup = recipeRuntime({base:'_1cxn2jf'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DUdGS-Ne.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-D5TcxQML.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DRakNEUr.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CvV5ED-r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'ujxid3']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'vk9oig']});
 
 export { loadable };

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

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CZbdcPZG.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DIU-MsNi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgZ4qGHG.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-CthKLK_K.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_1jdz47p'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1fywovj'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_11ds5kc']});
+var checkbox = recipeRuntime({base:'_1n6hf'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'2xs'},'vnfgn'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_1tphw3o']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1c8xer0'});
+var input = recipeRuntime({base:'_1j2hmo5'});
 
 export { checkbox, control, icon, indicator, input };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-D86Y0Ftd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BInC8xb_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1h0o50o']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'ms5j2f']});
 
 export { code };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D2kaOCP5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-ZtbvVV8f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_19c3rk8'});
+var item = recipeRuntime({base:'_1knt1g3'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-BcMOx24e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-DNzgFsQy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--_139vyjd)';
-var columnWidthVar = 'var(--_160rwx4)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'khsv4r'],variants:{pinned:{false:{},left:'qhnsvq',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1iwsyw6'],variants:{pinned:{false:{},left:'_150xfyg',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1xxgnn2']});
+var cellOffsetVar = 'var(--ss5c5h)';
+var columnWidthVar = 'var(--eacb34)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'q3ap6u'],variants:{pinned:{false:{},left:'_1t2t9b8',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'nprqr0'],variants:{pinned:{false:{},left:'fok8jv',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_18hlrq7']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-hcWyPsEp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BrCG3paE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'v5noy2'],variants:{sortable:{false:'_3medms',true:'re7ycg'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'jvnsaa',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'_1ghaxp6'],variants:{sortable:{false:'jaoesr',true:'yv4job'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'r58h1b',true:{}}}});
 
 export { header, icon };

package/dist/packages/react/src/dialog-actions/DialogActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-DR0ViPPh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-iK4oXArS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'egk1p9']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1idmos']});
 
 export { actions };

package/dist/packages/react/src/dialog-actions/DialogActions.js

@@ -11,7 +11,7 @@ const DialogActions = forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(Flex, { ref, ...actions({}, className), ...props, children: [
       /* @__PURE__ */ jsx(Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsx(IconX, {}), children: /* @__PURE__ */ jsx(RadixDialog.Close, {}) }),
-      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "xs", children })
+      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children })
     ] });
   }
 );

package/dist/packages/react/src/dialog-body/DialogBody.js

@@ -11,8 +11,8 @@ const DialogBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        px: "lg",
-        py: "md",
+        px: "24",
+        py: "16",
         ref,
         ...props,
         children

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-C87j5Igq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-jbTBZEqC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'jo2c7m'],variants:{size:{sm:'_1yqgyrz',md:'_1525nx1',lg:'_1mq02t1',fullscreen:'_1s5g4s6'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'bsv11r'],variants:{size:{sm:'_1epdrlc',md:'_1se0q42',lg:'_18xtl66',fullscreen:'_1eopgs5'}}});
 
 export { content };

package/dist/packages/react/src/dialog-description/DialogDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-B2YCSts1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-BMi2xd4r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'mt74b1']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'zxthiu']});
 
 export { description };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.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'}]});
+var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});
 
 export { footer };

package/dist/packages/react/src/dialog-header/DialogHeader.js

@@ -10,9 +10,9 @@ const DialogHeader = forwardRef(
       {
         display: "flex",
         flexWrap: "wrap",
-        gap: "xs",
-        p: "lg",
-        pb: "md",
+        gap: "8",
+        p: "24",
+        pb: "16",
         ref,
         ...props,
         children

package/dist/packages/react/src/dialog-title/DialogTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-D21rprRA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-DGcPi6BM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'oeth4y']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'wbj692']});
 
 export { title };

package/dist/packages/react/src/disclosure-content/DisclosureContent.js

@@ -7,7 +7,7 @@ import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js
 
 const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
   useDisclosureContext("DisclosureContent");
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "xs", pt: "0", children }) }) });
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "8", pt: "0", children }) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-D8orsLxJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Cf5flh-F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_16iodvb',start:'_4wpmpl'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1szvt6l']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'s60uh7',start:'_183grlv'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1rq19tq']});
 
 export { icon, trigger };

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-Cz9tNmLe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-UwEX25QY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'iniw9d']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1rf1cmg']});
 
 export { actions };

package/dist/packages/react/src/drawer-actions/DrawerActions.js

@@ -11,7 +11,7 @@ const DrawerActions = forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(Flex, { ref, ...actions({}, className), ...props, children: [
       /* @__PURE__ */ jsx(Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsx(IconX, {}), children: /* @__PURE__ */ jsx(RadixDialog.Close, {}) }),
-      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "xs", children })
+      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children })
     ] });
   }
 );

package/dist/packages/react/src/drawer-body/DrawerBody.js

@@ -11,8 +11,8 @@ const DrawerBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        px: "lg",
-        py: "md",
+        px: "24",
+        py: "16",
         ref,
         ...props,
         children

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-D7fVfZcA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-fjJbMTAE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1pazjtt'],variants:{position:{bottom:[{borderT:'1'},'a0965m'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_9i2hbh'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'hd6zyf']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1ysqmbr'],variants:{position:{bottom:[{borderT:'1'},'_14a6wk8'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'gqcbqr'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_79d4r5']}}});
 
 export { content };