@optiaxiom/react 1.6.1 → 1.6.3

package/dist/esm/packages/react/src/auth-provider/AuthProvider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { AxiomAuthContext } from '@optiaxiom/globals';
+import { useMemo } from 'react';
+import { useEffectEvent } from '../hooks/useEffectEvent.js';
+import '../field/FieldContext.js';
+import '../utils/conditions.js';
+import '../utils/isHoverSupported.js';
+
+function AuthProvider({
+  children,
+  instance,
+  refresh: refreshProp,
+  token
+}) {
+  const refresh = useEffectEvent(refreshProp);
+  return /* @__PURE__ */ jsx(
+    AxiomAuthContext.Provider,
+    {
+      value: useMemo(
+        () => ({ instance, refresh, token }),
+        [instance, refresh, token]
+      ),
+      children
+    }
+  );
+}
+AuthProvider.displayName = "@optiaxiom/react/AuthProvider";
+
+export { AuthProvider };

package/dist/esm/packages/react/src/auth-provider/useAuthContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { AxiomAuthContext } from '@optiaxiom/globals';
+import { useContext } from 'react';
+
+function useAuthContext() {
+  return useContext(AxiomAuthContext);
+}
+
+export { useAuthContext };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BKZ6o4Py.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-c5k5aPi8.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'},'_1pfzz3t'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'xiitzo'],xs:[{fontWeight:'400',size:'xs'},'_1y3ived'],sm:[{size:'sm'},'cbps4u'],md:[{size:'md'},'_19d1mrd'],lg:[{size:'lg'},'aj7jqw'],xl:[{size:'xl'},'n5gmam'],'3xl':[{size:'3xl'},'_4es1wu']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1n7c6i4'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1daadda'],xs:[{fontWeight:'400',size:'xs'},'_1fpoukn'],sm:[{size:'sm'},'_13u7lpq'],md:[{size:'md'},'_1x90omc'],lg:[{size:'lg'},'hzw1up'],xl:[{size:'xl'},'_1u90o1x'],'3xl':[{size:'3xl'},'_1yijrvi']}}});
 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:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_11pmdg3',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_9tksd',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CXCO0AxS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-jE1M_LxS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_3gatox']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'u45cw8']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-C547qW_2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DLO7ugDJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1trpf5g'],variants:{intent:{danger:'_19gqeoo',information:'_1ra99to',neutral:'ydhnt3',primary:'_1pfp93v',success:'okl7lb',warning:'_1hu9t1s'},variant:{strong:'_1l0opup',subtle:'vaij4f'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1d3hn0m'],variants:{intent:{danger:'pjoo5l',information:'_9n0pi',neutral:'t6x7k0',primary:'_1bjqu18',success:'_10fpbk1',warning:'_1ynib8w'},variant:{strong:'_11zo2zp',subtle:'_1izepbq'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DwgQ_Cq9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-DdRuHVds.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 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 content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'x3p8l3']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1h1qpoe']});
 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, content, icon };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Du3q_yLp.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BrjnHY-5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CndBlSqH.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-BrOa4W49.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_190p10g'});
+var box = recipeRuntime({base:'_1119um2'});
 
 export { box };

package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-B9CFKpYw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-g_uI_Rcn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_18pqz96'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'sob532']});
+var link = recipeRuntime({base:'_1lio28z'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'n1gohk']});
 
 export { link, list };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CPgKqZh1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DQi9M97C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_6weamy']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_11q6ce8']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'qzld36'});
+var buttonGroup = recipeRuntime({base:'_1mr1sps'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-z0IMkTCA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CqRCXgPw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'maf9q9']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1tj881j']});
 
 export { loadable };

package/dist/esm/packages/react/src/button/ButtonRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['jmxm03',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1t5g0p6'],variants:{intent:{danger:'_1vcdep0',neutral:'_1icsclx',primary:'_14z9kp0'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{opal:'_3il5gb',outline:'dh7vc0',strong:'_7s946u',subtle:'_1vmgg70'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'t7wbug',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_11rvy8f',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1fb60qj',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'eiylvr']});
+var buttonBase = recipeRuntime({base:['yimgwm',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'mlsy9i'],variants:{intent:{danger:'_1dwhyt',neutral:'_1kiy0dr',primary:'t7ivsv'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{opal:'_4re5hn',outline:'vnfb8p',strong:'_1jlc6y4',subtle:'xtbg9b'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'eort94',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_16x4qd5',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_7clfai',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_10m48zr']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/calendar/Calendar-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-DsZ2Arz4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-ya4d6kX0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_3n5bak'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1wwn1ou'}}});
 
 export { picker };

package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DE89CfuP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-B_G8KSyv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1rtdrwc'],variants:{appearance:{'default':'orahgp',holiday:[{color:'fg.error'},'xndxwu'],range_middle:'t91epm',selected:[{color:'fg.white'},'ts8cem'],weekend:[{color:'fg.tertiary'},'_89qvht']},range:{end:['e1lvs1'],middle:['vxoloa'],start:['r9uimw']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_9446xz']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_4wsqab'],variants:{appearance:{'default':'jnl4wt',holiday:[{color:'fg.error'},'_1lvwwxt'],range_middle:'iqef3w',selected:[{color:'fg.white'},'c69ame'],weekend:[{color:'fg.tertiary'},'bnmhle']},range:{end:['du4f8v'],middle:['ryict9'],start:['_1y769zp']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1s8i3ir']});
 
 export { button, today };

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BPD-A61j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DJXYDbM3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1yer977']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ys3lns']});
 
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BW50gYJ1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-Bztj4yWt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_5t2a4r']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'xxeat1']});
 
 export { nav };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-C8jaYW8J.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-DsCpGMDa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-DSfbl5A4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_13vrr0u',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'a3ziku']});
+var card = recipeRuntime({base:['_1w1e67r',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1m534q0']});
 
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-rNSuRZUb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-bRXJUE44.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_1nkzfiv']});
+var checkbox = recipeRuntime({base:['xt74iu']});
 
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-XeIwDuCi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CLpYdz7v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_4p2xgz',before:'fn1889'}}});
-var content = recipeRuntime({base:[{flex:'1'},'lxk8hh']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'m4aems']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12e12xq',before:'rjpogw'}}});
+var content = recipeRuntime({base:[{flex:'1'},'bpj82f']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'o6pogg']});
 
 export { addon, content, header };

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DIgaN-by.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BjUsjoYb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'j1xcun']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1d5xi0o']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'l6nzre']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1jyfk10']});
 
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-VlkxLccC.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Tyvr1INO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D0EsrWDq.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DIMZ_EzU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_16qhooa'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'b50bzs']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1jqdpe7'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1kr5p7q']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-DVR2woJE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-dO91hoO8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1t9292h']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'o7oh3t']});
 
 export { code };

package/dist/esm/packages/react/src/command/CommandItem.js

@@ -9,6 +9,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
 import { useCommandContext, resolveItemProperty } from './CommandContext.js';
 
@@ -117,7 +118,7 @@ const CommandItem = forwardRef(
               /* @__PURE__ */ jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
             ] }),
             resolveItemProperty(item.label, { inputValue }),
-            detail && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", flex: "1", children: detail })
+            detail && /* @__PURE__ */ jsx(Text, { asChild: true, color: "fg.secondary", flex: "1", children: fallbackSpan(detail) })
           ] })
         )
       }

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-C8jaYW8J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['zyjd55','_1bwowiy'],true:{}},inset:{false:'_1r9rif4',true:'cxuz8'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1az6prp','lg062e'],true:{}},inset:{false:'lejx5f',true:'_1dmrjh4'}}});
 
 export { cover };

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

@@ -1,14 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-CAO8y3es.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-Dy_wyoq1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-XbRWXPbL.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-C3M6h2y-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'keuq6o'],variants:{pinned:{left:'on7q1t',right:'_1bt9oyj'},pinnedType:{body:'g78von',header:{}}}});
-var cellOffsetVar = 'var(--bfx946)';
-var cellSizeVar = 'var(--_1dythr6)';
-var leftTotalSizeVar = 'var(--ec12r6)';
-var rightTotalSizeVar = 'var(--_1izjqm9)';
-var table = recipeRuntime({base:'_18vmaa9',variants:{pinned:{both:'_103w8gl',left:'_1szh8dn',none:{},right:'_1fqxpml'}}});
-var totalSizeVar = 'var(--_1kjcvtk)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'pvl02y'],variants:{pinned:{left:'_12ee53g',right:'_1m725zr'},pinnedType:{body:'l9v18q',header:{}}}});
+var cellOffsetVar = 'var(--_19aqbw4)';
+var cellSizeVar = 'var(--_7klnv1)';
+var leftTotalSizeVar = 'var(--_1cmv9kx)';
+var rightTotalSizeVar = 'var(--_4wnxsx)';
+var totalSizeVar = 'var(--b9s1zz)';
 
-export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, table, totalSizeVar };
+export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableBody.js

@@ -13,7 +13,7 @@ import { TableCell } from '../table/TableCell.js';
 import { TableHeader } from '../table/TableHeader.js';
 import '../table/TableHeaderCell.js';
 import { TableRow } from '../table/TableRow.js';
-import { table, cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
+import { cell, cellSizeVar, cellOffsetVar, totalSizeVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
 import { useDataTableContext } from './DataTableContext.js';
 import { DataTableHeaderCell } from './DataTableHeaderCell.js';
 import { DataTableRow } from './DataTableRow.js';
@@ -22,12 +22,12 @@ import { fakeRow } from './DataTableRowContext.js';
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
 const DataTableBody = forwardRef(
-  ({ className, estimatedRowHeight = 52, loading, ...props }, outerRef) => {
+  ({ estimatedRowHeight = 52, loading, ...props }, outerRef) => {
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const { table: table$1 } = useDataTableContext("@optiaxiom/react/DataTableBody");
-    const { rows } = table$1.getRowModel();
-    const centerColumns = table$1.getCenterVisibleLeafColumns();
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
+    const { rows } = table.getRowModel();
+    const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = useVirtualizer({
       count: centerColumns.length,
       enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
@@ -49,19 +49,13 @@ const DataTableBody = forwardRef(
         layout: "fixed",
         ref,
         style: assignInlineVars({
-          [leftTotalSizeVar]: `${table$1.getLeftTotalSize()}px`,
-          [rightTotalSizeVar]: `${table$1.getRightTotalSize()}px`,
-          [totalSizeVar]: `${table$1.getTotalSize()}`
+          [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
+          [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
+          [totalSizeVar]: `${table.getTotalSize()}`
         }),
-        ...table(
-          {
-            pinned: table$1.getLeftTotalSize() > 0 && table$1.getRightTotalSize() > 0 ? "both" : table$1.getLeftTotalSize() > 0 ? "left" : table$1.getRightTotalSize() > 0 ? "right" : "none"
-          },
-          className
-        ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx(TableHeader, { display: "grid", pinned: true, children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
             DataTableHeaderCell,
             {
               header,
@@ -89,7 +83,7 @@ const DataTableBody = forwardRef(
               display: "grid",
               style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
               children: (loading ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                row: fakeRow(table$1, rowIndex),
+                row: fakeRow(table, rowIndex),
                 virtualRow: void 0
               })) : rowVirtualizer.options.enabled ? rowVirtualizer.getVirtualItems().map((virtualRow) => ({
                 row: rows[virtualRow.index],

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-YZ-fzoy6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-wtT_f4PM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1v6rnrj',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_11itrma',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BrndZ_OH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BoivQXd0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_14w3hix']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_100axlu'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1tlbmpc'],variants:{active:{false:'_1jvhxmy',true:'_1cp6yhe'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_4tbd5q']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1y7b0c7'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1g10ve3'],variants:{active:{false:'_8i3l8g',true:'_1acwhy9'}}});
 
 export { button, handle, icon };

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-DqK688DQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B56bYnBH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'x2ayol']});
-var date = recipeRuntime({base:'_1ot4mxs'});
-var input = recipeRuntime({base:'_41hsgi'});
-var picker = recipeRuntime({base:'_696bh5'});
+var clear = recipeRuntime({base:[{size:'sm'},'qcgqoc']});
+var date = recipeRuntime({base:'lxuufw'});
+var input = recipeRuntime({base:'n1rprm'});
+var picker = recipeRuntime({base:'_1fij3mt'});
 
 export { clear, date, input, picker };

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -64,7 +64,7 @@ const DateInput = forwardRef(
       /* @__PURE__ */ jsx(PopoverAnchor, { children: /* @__PURE__ */ jsx(
         Input,
         {
-          addonAfter: value && !props.required && /* @__PURE__ */ jsx(
+          addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ jsx(
             Button,
             {
               appearance: "subtle",
@@ -83,6 +83,11 @@ const DateInput = forwardRef(
             {
               "aria-label": "Show date picker",
               asChild: true,
+              onClick: (event) => {
+                if (props.readOnly) {
+                  event.preventDefault();
+                }
+              },
               ref: pickerRef,
               role: "img",
               ...picker(),
@@ -107,7 +112,9 @@ const DateInput = forwardRef(
             if (CSS.supports("selector(::-webkit-datetime-edit)")) {
               if (e.key === " ") {
                 e.preventDefault();
-                setOpen(true);
+                if (!props.readOnly) {
+                  setOpen(true);
+                }
               } else if (e.key === "Escape") {
                 e.preventDefault();
                 setOpen(false);

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DPCLHeWG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-2PWKuKti.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'k0osna']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'d2wqbs']});
 
 export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BoDQZb4b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BrROz78w.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-C1692X47.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'mz1psv']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1skc5xb']});
 
 export { footer };