@optiaxiom/react 1.5.4 → 1.5.6

package/dist/esm/packages/react/src/sub-nav/SubNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-BNfCgBY2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-DuD8ll-i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'a8rsl0']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_4qotln']});
 
 export { nav };

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-H9Rg-y-9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DlAf6ou-.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-f4Lcvjlm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1o86h4t']});
-var input = recipeRuntime({base:'_1o7vevp'});
-var root = recipeRuntime({base:['_18ody1z','_1g2rrai']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'jzc5ze'],variants:{size:{md:'br7q4i',lg:'ka1lxa'}}});
+var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1pvy3ps']});
+var input = recipeRuntime({base:'jwswdt'});
+var root = recipeRuntime({base:['yx4xvq','trr2bv']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_9m3v2s'],variants:{size:{md:'x6ea7o',lg:'nx479w'}}});
 
 export { control, input, root, thumb };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-CjxtcFrD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-lSRIADtp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'d81bga'],variants:{layout:{auto:['_7k54jl'],fixed:[{display:'grid'},'_1p0s8la']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'g6exzy']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1hnpa3n'],variants:{layout:{auto:['q545vi'],fixed:[{display:'grid'},'_1f7x9rm']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'sfdjoe']});
 
 export { table, wrapper };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-DfZSn9rQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-CWp8lWOU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_9ivxq0']});
+var body = recipeRuntime({base:['zwtv17']});
 
 export { body };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-dbNPxr0e.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-CStotefy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CBKKEaC5.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-CeWfRgVl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1pn2zdr'],variants:{pinned:{false:'rw3h8r',true:'fdznvc'}}});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'njqdms'],variants:{pinned:{false:'_18xtjci',true:'_1pp1kf'}}});
 
 export { cell };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/table/TableHeader.css.ts.vanilla-nw3IAq_1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-Cf1gCgyq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'hm91pk'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_18jfk5u'}}});
 
 export { header };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-B5htcVwe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-CAlBCCjl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_10qat9h',variants:{pinned:{false:'_4rsoqk',true:'dj5qxi'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_9h66ky']});
+var cell = recipeRuntime({base:'_186izlr',variants:{pinned:{false:'_138sfpk',true:'_4amzqa'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'ylonlk']});
 
 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-3kSpbNl5.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-dbNPxr0e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CBKKEaC5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['cbhfsn',{transition:'colors',w:'full'},'v5cv8']});
+var row = recipeRuntime({base:['_1g7643e',{transition:'colors',w:'full'},'qjc22f']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-D6n-VMfi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-BgOI_AJQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'etwizn']});
+var tabs = recipeRuntime({base:[{display:'flex'},'rarr37']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-C9ggIqP2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-CJZEB5X2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'jeumwq']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1umtv9l']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-Bm_aMdC4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-BWB56BCQ.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'},'_1h20nv7']});
-var trigger = recipeRuntime({base:['yxdeew',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1fpu4uc']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'odcsgh']});
+var trigger = recipeRuntime({base:['_1qyw42m',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'pn467x']});
 
 export { content, trigger };

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

@@ -1,20 +1,26 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { createSlot } from '@radix-ui/react-slot';
 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 '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
+import '../utils/isHoverSupported.js';
 import { trigger, content } from './TabsTrigger-css.js';
 
+const Slot = createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = forwardRef(
-  ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
+  ({ 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, { ref, value, ...restProps, children: /* @__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(Flex, { ...content(), children: [
       addonBefore,
-      children,
+      children2,
       addonAfter
-    ] }) }) });
+    ] })) }) }) });
   }
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-d5Zps1qt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-BnRtrt_K.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1w7537m','_120eyen','o306x2'],'2':[undefined,'_1w7537m','_120eyen','_12tq34'],'3':[undefined,'_1w7537m','_120eyen','ob6fa1'],'4':[undefined,'_1w7537m','_120eyen','t9i0sb']},truncate:{true:[undefined,'_1w7537m',{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'},'_1dbou6a','vcf7cv','_1ufb6w9'],'2':[undefined,'_1dbou6a','vcf7cv','_1b9iv2x'],'3':[undefined,'_1dbou6a','vcf7cv','hrdzsk'],'4':[undefined,'_1dbou6a','vcf7cv','ff83xe']},truncate:{true:[undefined,'_1dbou6a',{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-3kSpbNl5.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CcSIJyYk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CMTawuB-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['r7zxye','_1yqnitw']});
-var textarea = recipeRuntime({base:['r7zxye','wsugos']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ac64xp','ahi7nx'],'2':['ac64xp','_1gj6zr8'],'3':['ac64xp','d5kc0v'],'4':['ac64xp','_1dzd39r'],'5':['ac64xp','_15tr3kj']},resize:{auto:{},none:{},vertical:'_1qi5d87'}}});
+var shadow = recipeRuntime({base:['_13nt98n','_1v3i3cd']});
+var textarea = recipeRuntime({base:['_13nt98n','b1qcw4']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['nlkba1','_18bxscl'],'2':['nlkba1','mhm70l'],'3':['nlkba1','_1jlr1ny'],'4':['nlkba1','u3osc9'],'5':['nlkba1','nachgn']},resize:{auto:{},none:{},vertical:'lnhd7j'}}});
 
 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-3kSpbNl5.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DfbcRrvE.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DYBUZuKj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DVKtuHAI.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-B8N7Vlsl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'xtqxkz']});
-var offsetVar = 'var(--juz8q)';
-var root = recipeRuntime({base:['v9xkuy',{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']},'oorbs4'],variants:{intent:{danger:'lz1ot9',information:'_1iwqddf',neutral:'_11ymzj8',success:'_1iu17la',warning:'blhnin'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1qfvs55']});
+var offsetVar = 'var(--_1v7sveg)';
+var root = recipeRuntime({base:['_1rnzxtd',{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']},'_183h01w'],variants:{intent:{danger:'_1bwpkyr',information:'vh5sk6',neutral:'_7r6bag',success:'_1sr6zgy',warning:'_1fzhi3w'}}});
 
 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-3kSpbNl5.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DfbcRrvE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DVKtuHAI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1x6gis9'],variants:{position:{bottom:'riig5f','bottom-left':'_1pqsrs6','bottom-right':'_15uzdzq',top:'_3fubvv','top-left':'_1vy2bfm','top-right':'_17sr16f'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_8dmyyg'],variants:{position:{bottom:'_1lkvb20','bottom-left':'_1h2d4hj','bottom-right':'_1p73dxc',top:'_18b7lsa','top-left':'bk8h41','top-right':'_1mqgblm'}}});
 
 export { gap, viewport };

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

@@ -62,7 +62,7 @@ const ToastProvider = forwardRef(
               onOpenChange: () => toasterProp.remove(id),
               open,
               toastRef: ref2,
-              children: /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
+              children: /* @__PURE__ */ jsxs(Toast, { intent: toast.intent || toast.type, children: [
                 /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
                 toast.action && /* @__PURE__ */ jsx(ToastAction, { altText: toast.action, onClick: toast.onAction, children: toast.action })
               ] }, id)

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DlAf6ou-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1rq18dl',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'nwdgl']});
+var toggleInput = recipeRuntime({base:['_99jlrd',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1ksd4wk']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Mv1w52P2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DlAf6ou-.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-xLbTJMF7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['imoz5h']});
+var control = recipeRuntime({base:['krg1pa']});
 
 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-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
 
-var className = 'wfej4k';
+var className = '_5uh4kd';
 
 export { className };

package/dist/esm/packages/react/src/tooltip/Tooltip.js

@@ -25,23 +25,7 @@ function Tooltip({
       onOpenChange,
       open,
       children: [
-        /* @__PURE__ */ jsx(
-          TooltipTrigger,
-          {
-            asChild: true,
-            onFocus: (event) => {
-              if (disabled || empty) {
-                event.preventDefault();
-              }
-            },
-            onPointerMove: (event) => {
-              if (disabled || empty) {
-                event.preventDefault();
-              }
-            },
-            children
-          }
-        ),
+        disabled || empty ? children : /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
         !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { maxW: "xs", ...props, children: content })
       ]
     }

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/esm/packages/react/src/tooltip/TooltipRoot.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { useRef } from 'react';
 import { TooltipProvider } from './TooltipContext.js';
 
 function TooltipRoot({
@@ -13,6 +14,7 @@ function TooltipRoot({
   open: openProp,
   ...props
 }) {
+  const triggerRef = useRef(null);
   const [open, setOpen] = useControllableState({
     caller: "@optiaxiom/react/TooltipRoot",
     defaultProp: defaultOpen,
@@ -23,13 +25,35 @@ function TooltipRoot({
     RadixTooltip.Root,
     {
       delayDuration,
-      onOpenChange: setOpen,
+      onOpenChange: openProp === void 0 ? (open2) => {
+        if (auto && open2 && triggerRef.current && !hasTruncatedContent(triggerRef.current)) {
+          return;
+        }
+        setOpen(open2);
+      } : setOpen,
       open,
       ...props,
-      children: /* @__PURE__ */ jsx(TooltipProvider, { auto, open, setOpen, children })
+      children: /* @__PURE__ */ jsx(TooltipProvider, { open, setOpen, triggerRef, children })
     }
   );
 }
 TooltipRoot.displayName = "@optiaxiom/react/TooltipRoot";
+const hasTruncatedContent = (element) => {
+  let truncated = false;
+  const elements = [element];
+  while (!truncated && elements.length) {
+    const element2 = elements.shift();
+    if (!(element2 instanceof HTMLElement)) {
+      continue;
+    }
+    const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element2;
+    if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
+      truncated = true;
+      break;
+    }
+    elements.push(...element2.children);
+  }
+  return truncated;
+};
 
 export { TooltipRoot };

package/dist/esm/packages/react/src/tooltip/TooltipTrigger.js

@@ -2,61 +2,17 @@
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { forwardRef, useRef } from 'react';
+import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
 import { useTooltipContext } from './TooltipContext.js';
 
-const TooltipTrigger = forwardRef(({ asChild, children, onFocus, onPointerMove, ...props }, outerRef) => {
-  const { auto } = useTooltipContext("@optiaxiom/react/TooltipTrigger");
-  const innerRef = useRef(null);
-  const ref = useComposedRefs(innerRef, outerRef);
-  return /* @__PURE__ */ jsx(
-    RadixTooltip.Trigger,
-    {
-      asChild: true,
-      onFocus: (event) => {
-        onFocus?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (auto && innerRef.current && !hasTruncatedContent(innerRef.current)) {
-          event.preventDefault();
-        }
-      },
-      onPointerMove: (event) => {
-        onPointerMove?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (auto && innerRef.current && !hasTruncatedContent(innerRef.current)) {
-          event.preventDefault();
-        }
-      },
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "data-state", children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) })
-    }
-  );
+const TooltipTrigger = forwardRef(({ asChild, children, ...props }, outerRef) => {
+  const { triggerRef } = useTooltipContext("@optiaxiom/react/TooltipTrigger");
+  const ref = useComposedRefs(triggerRef, outerRef);
+  return /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "data-state", children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) }) });
 });
 TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
-const hasTruncatedContent = (element) => {
-  let truncated = false;
-  const elements = [element];
-  while (!truncated && elements.length) {
-    const element2 = elements.shift();
-    if (!(element2 instanceof HTMLElement)) {
-      continue;
-    }
-    const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element2;
-    if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
-      truncated = true;
-      break;
-    }
-    elements.push(...element2.children);
-  }
-  return truncated;
-};
 
 export { TooltipTrigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-8LlHNuJj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-UmWuNxXw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'qjuxg3',variants:{duration:{sm:'_1w4k2na',md:'ay79u1',lg:'jadejy'}}});
+var transition = recipeRuntime({base:'rgzxla',variants:{duration:{sm:'_1m7g9q5',md:'w625bn',lg:'_15aezgt'}}});
 
 export { transition };

package/dist/esm/packages/react/src/transition/TransitionGroup.js

@@ -3,23 +3,21 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
-import { TransitionGroupProvider } from './TransitionGroupContext.js';
+import { useTransitionGroupContext, TransitionGroupProvider } from './TransitionGroupContext.js';
 import { waitForAnimation } from './waitForAnimation.js';
 
 function TransitionGroup({
   children,
   onPresenceChange,
-  open,
+  open: openProp,
   presence: presenceProp
 }) {
   const [transitions, setTransitions] = useState(
     []
   );
-  const onMount = useCallback((ref) => {
+  const register = useCallback((ref) => {
     setTransitions((transitions2) => [...transitions2, ref]);
-  }, []);
-  const onUnmount = useCallback((ref) => {
-    setTransitions(
+    return () => setTransitions(
       (transitions2) => transitions2.filter((transition) => transition !== ref)
     );
   }, []);
@@ -29,6 +27,8 @@ function TransitionGroup({
     onChange: onPresenceChange,
     prop: presenceProp
   });
+  const { open: openParent } = useTransitionGroupContext("@optiaxiom/react/TransitionGroup") ?? {};
+  const open = openParent === false ? openParent : openProp;
   useEffect(() => {
     if (open) {
       const timer = setTimeout(() => {
@@ -58,10 +58,9 @@ function TransitionGroup({
   return /* @__PURE__ */ jsx(
     TransitionGroupProvider,
     {
-      onMount,
-      onUnmount,
       open,
       presence,
+      register,
       children: (open || presence) && childrenRef.current
     }
   );

package/dist/esm/packages/react/src/transition/useTransitionStatus.js

@@ -3,15 +3,14 @@ import { useEffect, useState } from 'react';
 import { useTransitionGroupContext } from './TransitionGroupContext.js';
 
 const useTransitionStatus = (ref) => {
-  const { onMount, onUnmount, open } = useTransitionGroupContext(
+  const { open, register } = useTransitionGroupContext(
     "useTransitionStatus"
   ) ?? {
     open: true
   };
   useEffect(() => {
-    onMount?.(ref);
-    return () => onUnmount?.(ref);
-  }, [onMount, onUnmount, ref]);
+    return register?.(ref);
+  }, [register, ref]);
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     if (open) {

package/dist/esm/unstable.js

@@ -22,6 +22,7 @@ export { MenuTrigger } from './packages/react/src/menu/MenuTrigger.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { Sortable } from './packages/react/src/sortable/Sortable.js';
+export { SortableGroup } from './packages/react/src/sortable/SortableGroup.js';
 export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';
 export { SortableItem } from './packages/react/src/sortable/SortableItem.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';