@optiaxiom/react 1.7.13 → 1.8.0

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-nBnoN9Wy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-DNMMzK6b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'bfo0zq'],variants:{layout:{auto:['c6v18t'],fixed:[{display:'grid'},'xvnouo']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'vl4ods']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'thnnne'],variants:{layout:{auto:['_13adrxh'],fixed:[{display:'grid'},'_1xl20g0']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_5kgfsr']});
 
 export { table, wrapper };

package/dist/esm/packages/react/src/table/Table.js

@@ -2,22 +2,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { wrapper, table } from './Table-css.js';
 
 const Table = forwardRef(
-  ({ children, className, layout = "auto", style, ...props }, ref) => {
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        style,
-        ...wrapper({}, className),
-        ...boxProps,
-        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...table({ layout }), ...restProps, children: /* @__PURE__ */ jsx("table", { children }) })
-      }
-    );
+  ({ children, className, layout = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, ...wrapper({}, className), ...props, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...table({ layout }), children: /* @__PURE__ */ jsx("table", { children }) }) });
   }
 );
 Table.displayName = "@optiaxiom/react/Table";

package/dist/esm/packages/react/src/table/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-Di6LAh0-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-DeDUa_Bw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_2wgbdp']});
+var body = recipeRuntime({base:['_1nja7l2']});
 
 export { body };

package/dist/esm/packages/react/src/table/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-B0oL7CJL.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-B1wGoNFv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-T1dTDIP1.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-B8JpbhP8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1hstzfr'],variants:{pinned:{false:'_23zsvp',true:'hinbz2'}}});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1oxespv'],variants:{pinned:{false:'_1ozs9lc',true:'_19c5x51'}}});
 
 export { cell };

package/dist/esm/packages/react/src/table/TableHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/TableHeader.css.ts.vanilla-xaFM2plv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-BMnvG5iS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'_7pqc4n'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_1mw23iy'}}});
 
 export { header };

package/dist/esm/packages/react/src/table/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-CuR6Aqrk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BbE_9wyn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'y09pbf'],variants:{pinned:{false:'_1w8tohm',true:'ft7qko'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1ujso8c']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_1pehd1v'],variants:{pinned:{false:'_1p0cad6',true:'_1trwyvt'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1i5g04a']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-B0oL7CJL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-T1dTDIP1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_1c1djxv',{transition:'colors',w:'full'},'_24ueu7']});
+var row = recipeRuntime({base:['_1k4e836',{transition:'colors',w:'full'},'_1vg2rtn']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-Uke4EcLY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-aAfUbT_l.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_606gky']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1u072lf']});
 
 export { tabs };

package/dist/esm/packages/react/src/tabs/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-CEEaDjQH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-Drkw0qN_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'sxyj0z']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'sjz50u']});
 
 export { list };

package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-ufwm0xfS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DlI-nlJV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1x10ce1']});
-var trigger = recipeRuntime({base:['dy7lae',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'li7to1']});
+var content = recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'qhxwpn']});
+var trigger = recipeRuntime({base:['_12ejm9p',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'ex7drq']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/tabs/TabsTrigger.js

@@ -5,7 +5,7 @@ import * as RadixTabs from '@radix-ui/react-tabs';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
@@ -16,7 +16,7 @@ const TabsTrigger = forwardRef(
   ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Flex, { ...content(), children: [
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Group, { ...content(), children: [
       addonBefore,
       children2,
       addonAfter

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-DKnKo9mG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-BMSaHeIw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'ewjrrl','qu6e2a','_188oey0'],'2':[undefined,'ewjrrl','qu6e2a','_17qh09h'],'3':[undefined,'ewjrrl','qu6e2a','o287ji'],'4':[undefined,'ewjrrl','qu6e2a','_1hwjt60']},truncate:{true:[undefined,'ewjrrl',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1o4wrg0','_114rnlb','fzvul3'],'2':[undefined,'_1o4wrg0','_114rnlb','_9md0dw'],'3':[undefined,'_1o4wrg0','_114rnlb','rvvts'],'4':[undefined,'_1o4wrg0','_114rnlb','_1nhdtw8']},truncate:{true:[undefined,'_1o4wrg0',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BiYN-xob.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-Dn0qWeYW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1lgk0pw','vybegh']});
-var textarea = recipeRuntime({base:['_1lgk0pw','_19w8h4h'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_19jur3r','_1p8zwp2'],'2':['_19jur3r','h2xfm5'],'3':['_19jur3r','_3lwhwo'],'4':['_19jur3r','kxizoj'],'5':['_19jur3r','_1564tzu']},resize:{auto:{},none:{},vertical:'zjhvk0'}}});
+var shadow = recipeRuntime({base:['wzviym','_1kvnxuc']});
+var textarea = recipeRuntime({base:['wzviym','_1xlu7so'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['xf1mpr','_19k9cma'],'2':['xf1mpr','nm49jf'],'3':['xf1mpr','clft62'],'4':['xf1mpr','_1arvjus'],'5':['xf1mpr','_1pgqinm']},resize:{auto:{},none:{},vertical:'_1uyn56'}}});
 
 export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CfRFibh4.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-BFK_iiea.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dv7-57mz.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-D0swb0Zd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oxj5lr']});
-var offsetVar = 'var(--_19yw31v)';
-var root = recipeRuntime({base:['_15dyxu5',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'ucg2we'],variants:{intent:{danger:'oy4595',information:'_1f5nqye',neutral:'_1tiaib4',success:'tlhwod',warning:'es308q'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'laqs5j']});
+var offsetVar = 'var(--_1yrcrtr)';
+var root = recipeRuntime({base:['oty80l',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1nr1e57'],variants:{intent:{danger:'_1g1qg5w',information:'pqautw',neutral:'_1c1wvkm',success:'_13wndy2',warning:'_4p7btq'}}});
 
 export { icon, offsetVar, root };

package/dist/esm/packages/react/src/toast/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CfRFibh4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dv7-57mz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1owabey'],variants:{position:{bottom:'_5ojvk7','bottom-left':'nzd72g','bottom-right':['right-scroll-bar-position','_1j0azqh'],top:'_1pkdgza','top-left':'xbbk9z','top-right':['right-scroll-bar-position','_18tsctc']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1r12ehs'],variants:{position:{bottom:'x25g50','bottom-left':'_3f5cqs','bottom-right':['right-scroll-bar-position','_4v844j'],top:'cfdaz8','top-left':'_8p03fc','top-right':['right-scroll-bar-position','_1ekvdqw']}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toast/ToastProvider.js

@@ -7,7 +7,7 @@ import { forwardRef, useRef } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { Portal } from '../portal/Portal.js';
 import { Toast } from './Toast.js';
 import { ToastAction } from './ToastAction.js';
@@ -70,7 +70,7 @@ const ToastProvider = forwardRef(
             id
           )),
           /* @__PURE__ */ jsx(Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsx(
-            Flex,
+            Group,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BRtfBAek.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1im0u7t',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1jroeqa']});
+var toggleInput = recipeRuntime({base:['_1ia1l0t',{alignItems:'start',display:'inline-flex',gap:'8'},'fpafac']});
 
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInput.js

@@ -5,7 +5,7 @@ import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { toggleInput } from './ToggleInput-css.js';
 import { ToggleInputProvider } from './ToggleInputContext.js';
 
@@ -16,7 +16,7 @@ const ToggleInput = forwardRef(
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();
-    return /* @__PURE__ */ jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(Group, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
       Comp,
       {
         onMouseDown: (event) => {

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BRtfBAek.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DeNOd6Sk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-dC7qxTbj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_7sgad9']});
+var control = recipeRuntime({base:['_9kodlb']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
 
-var className = '_7jdm2k';
+var className = '_13ggu1q';
 
 export { className };

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}],variants:{disableHoverableContent:{false:{},true:{pointerEvents:'none'}}}});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DIpwQuV9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Dv7qhrb8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'yttylf',variants:{duration:{sm:'_1acpiu2',md:'broi7e',lg:'c137vl'}}});
+var transition = recipeRuntime({base:'e2o6fp',variants:{duration:{sm:'_52htvo',md:'_1dqucss',lg:'xz28nd'}}});
 
 export { transition };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-DWB6KgSO.js';
-export { k as DialogContent, D as DialogContentProps, l as FlexProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-DWB6KgSO.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-ByYy6TIu.js';
+export { k as DialogContent, D as DialogContentProps, l as GroupProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-ByYy6TIu.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -27,8 +27,8 @@ import 'react-day-picker';
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
 
 declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
-    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className") & keyof S>;
-    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className">;
+    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "style") & keyof S>;
+    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "style">;
 };
 
 declare const alert: (props?: {
@@ -208,7 +208,7 @@ type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content,
  */
 declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
-type AlertDialogFooterProps = ComponentPropsWithRef<typeof Flex>;
+type AlertDialogFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group AlertDialog
  */
@@ -1075,7 +1075,7 @@ declare const table: (props?: {
 };
 type TableVariants = RecipeVariants<typeof table>;
 
-type TableProps = BoxProps<"table", TableVariants>;
+type TableProps = BoxProps<"div", TableVariants>;
 /**
  * Display tabular data using rows and columns.
  *
@@ -1104,7 +1104,7 @@ declare const Table: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type TableActionProps = BoxProps<typeof ActionsContent>;
 /**
@@ -1209,7 +1209,7 @@ type DataTableBodyProps = BoxProps<"div", {
     /**
      * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean | Record<string, "sub-rows" | boolean>;
+    loading?: boolean | Record<string, "sub-rows" | false>;
 }>;
 /**
  * @group DataTable
@@ -1222,7 +1222,7 @@ declare const DataTableBody: react.ForwardRefExoticComponent<{
     /**
      * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean | Record<string, "sub-rows" | boolean>;
+    loading?: boolean | Record<string, "sub-rows" | false>;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -2111,7 +2111,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type DialogFooterProps = ComponentPropsWithRef<typeof Flex>;
+type DialogFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group Dialog
  */
@@ -2549,6 +2549,66 @@ declare const Field: react.ForwardRefExoticComponent<Pick<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type FlexProps = BoxProps<"div", {
+    /**
+     * Set the element's `align-items` CSS property. Defaults to `center` when
+     * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
+     */
+    alignItems?: BoxProps["alignItems"];
+    /**
+     * Set the element's `flex-direction` CSS property.
+     *
+     * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
+     *
+     * - Default: 'column'
+     * - For horizontal layouts: explicitly set flexDirection='row'
+     * - When direction is 'row', alignItems defaults to 'center'
+     * - When direction is 'column', alignItems defaults to 'stretch'
+     */
+    flexDirection?: BoxProps["flexDirection"];
+}>;
+/**
+ * Stack items vertically or horizontally in a flex container.
+ *
+ * 🚨 Use `<Flex>` for vertical stacking and `<Flex flexDirection="row">` for
+ * horizontal stacking, as our component does NOT use the standard CSS `row`
+ * default.
+ *
+ * Best Practices:
+ * - Use Flex for layout direction (flexDirection, gap, alignment)
+ * - Use Box for simpler styling needs (padding, margin, borders, colors)
+ * - Box is a lighter primitive; Flex adds flexbox-specific defaults
+ *
+ * Default Props:
+ * - flexDirection: 'column' (NOT 'row' like CSS!)
+ * - gap: '16'
+ * - alignItems: 'stretch' (when column) or 'center' (when row)
+ *
+ * @category layout
+ * @extends Box
+ */
+declare const Flex: react.ForwardRefExoticComponent<{
+    /**
+     * Set the element's `align-items` CSS property. Defaults to `center` when
+     * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
+     */
+    alignItems?: BoxProps["alignItems"];
+    /**
+     * Set the element's `flex-direction` CSS property.
+     *
+     * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
+     *
+     * - Default: 'column'
+     * - For horizontal layouts: explicitly set flexDirection='row'
+     * - When direction is 'row', alignItems defaults to 'center'
+     * - When direction is 'column', alignItems defaults to 'stretch'
+     */
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type GridProps = ComponentPropsWithRef<typeof Box>;
 /**
  * Use `Grid` component to place items in a grid using equal width columns.
@@ -3776,5 +3836,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Group, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, FlexProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, F as Flex, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-DWB6KgSO.js';
-export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-DWB6KgSO.js';
+import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-ByYy6TIu.js';
+export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-ByYy6TIu.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -90,7 +90,7 @@ declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<N
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Flex>;
+type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group DetailsPanel
  */
@@ -490,7 +490,7 @@ declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type PillGroupProps = ComponentPropsWithRef<typeof Flex>;
+type PillGroupProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group Pill
  */

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.7.13",
+  "version": "1.8.0",
   "files": [
     "dist/**",
     "LICENSE"

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

@@ -1,6 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1q5j698 {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BnElOmOC.css

@@ -1,30 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1ggo5h8 {
-    opacity: 0;
-  }
-  ._15q2nrg {
-    inset: 0;
-    position: fixed;
-  }
-  .rje61q {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_12mgu31)))
-      scale(calc(1 - 0.06 * var(--_12mgu31)))
-    ;
-  }
-  .rje61q:focus-visible {
-    outline: none;
-  }
-  ._1a2g1gl {
-    width: 400px;
-  }
-  ._1fde9wh {
-    width: 600px;
-  }
-  ._1q429pv {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEK85f-5.css

@@ -1,7 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._15ex5rr {
-    position: sticky;
-    top: 0;
-  }
-}