@optiaxiom/react 1.5.4 → 1.5.5

package/dist/esm/packages/react/src/sprinkles/sprinkles.js

@@ -1,5 +1,5 @@
-import { createMapValueFn, createNormalizeValueFn } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_xhwggtma63filsfym6perbhgxm/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js';
-import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_xhwggtma63filsfym6perbhgxm/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
+import { createMapValueFn, createNormalizeValueFn } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.4_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_asf7eqp3jdj5gfnzqmvududbgm/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js';
+import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.4_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_asf7eqp3jdj5gfnzqmvududbgm/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 import { unresponsiveProps, responsiveProps, fontFamilyVar } from './properties-css.js';
 
 const vars = {

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-DKXh4Gs6.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-Cy0tkWAA.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'},'gajf6g']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BCilgzn2.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-mxAw0qXt.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'},'r9iuoc']});
+var input = recipeRuntime({base:'_19kzo31'});
+var root = recipeRuntime({base:['_1v1ppw','_1ajmrfw']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1cc49kh'],variants:{size:{md:'_1j1l4zg',lg:'ktai2j'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-B5dhG7o0.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'},'_1ne9d7a'],variants:{layout:{auto:['ps4qx5'],fixed:[{display:'grid'},'_1qltyve']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'r1oq3j']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-CeJycUv7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_9ivxq0']});
+var body = recipeRuntime({base:['_13jq7l4']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-anJXMUPf.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-BI0-zFxh.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'},'kmj1mo'],variants:{pinned:{false:'j8r3kc',true:'k1owbc'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-Cqq0P-RJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'hm91pk'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_1dzx9do'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-nQKJCSaW.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:'sxlbdf',variants:{pinned:{false:'_1ftp65i',true:'_1wxu4ly'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1prtnhl']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-anJXMUPf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['cbhfsn',{transition:'colors',w:'full'},'v5cv8']});
+var row = recipeRuntime({base:['_9obs85',{transition:'colors',w:'full'},'_1ylqwit']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-b4K96rde.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'etwizn']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_5goz91']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-BSHXd7ss.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'},'bynlmw']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-Wh_uzqVi.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'},'fv8j6d']});
+var trigger = recipeRuntime({base:['jfwx6k',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'txz122']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-BcfBWIns.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'},'_1y5zf5u','_1486spp','dpape3'],'2':[undefined,'_1y5zf5u','_1486spp','_1qygw1b'],'3':[undefined,'_1y5zf5u','_1486spp','_30ls1'],'4':[undefined,'_1y5zf5u','_1486spp','b9gen2']},truncate:{true:[undefined,'_1y5zf5u',{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-DKXh4Gs6.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BIY8T8Bv.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:['_1xui2w4','zb9s9k']});
+var textarea = recipeRuntime({base:['_1xui2w4','xpm46r']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1eaz01h','_1r9cp5v'],'2':['_1eaz01h','_1wq0ekw'],'3':['_1eaz01h','_1unt6fu'],'4':['_1eaz01h','iukzyc'],'5':['_1eaz01h','ygoj1g']},resize:{auto:{},none:{},vertical:'_1fvk2l'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BlfhQ0IJ.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-B66U_s0W.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'},'wjlgy8']});
+var offsetVar = 'var(--_1lrb8z9)';
+var root = recipeRuntime({base:['_2hxspg',{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']},'zh9bss'],variants:{intent:{danger:'_1bxjuja',information:'v2dg5',neutral:'_16vbkzp',success:'_1c3g558',warning:'qca0qv'}}});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BlfhQ0IJ.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'},'bem19v'],variants:{position:{bottom:'_1jqaydr','bottom-left':'_18r59u6','bottom-right':'_14ctbh0',top:'cor61p','top-left':'_5fd36o','top-right':'_10b8ytt'}}});
 
 export { gap, viewport };

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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BCilgzn2.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:['_12r6siu',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1w2u6w6']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BCilgzn2.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BvofMiCy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['imoz5h']});
+var control = recipeRuntime({base:['_6fe6o1']});
 
 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-DKXh4Gs6.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css';
 
-var className = 'wfej4k';
+var className = 'o8uo9m';
 
 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-DKXh4Gs6.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/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-DKXh4Gs6.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Q0H8i3_-.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:'v5k7qe',variants:{duration:{sm:'_1di90pq',md:'_1pshfr3',lg:'_9t0oxz'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -24,6 +24,7 @@ export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { Sortable } from './packages/react/src/sortable/Sortable.js';
 export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';
 export { SortableItem } from './packages/react/src/sortable/SortableItem.js';
+export { SortableList } from './packages/react/src/sortable/SortableList.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';

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, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d 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, T as ToggleInputHiddenInput, k as InputControlProps, l as InputRoot } from './Link-CxecduCT.js';
-export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-CxecduCT.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d 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, T as ToggleInputHiddenInput, k as InputControlProps, l as InputRoot } from './Link-CdEHV_MF.js';
+export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-CdEHV_MF.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';

package/dist/unstable.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-CxecduCT.js';
-export { d as Calendar, e as CalendarProps } from './Link-CxecduCT.js';
+import { ReactNode, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef, RefAttributes } from 'react';
+import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-CdEHV_MF.js';
+export { d as Calendar, e as CalendarProps } from './Link-CdEHV_MF.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
 import * as RadixPopover from '@radix-ui/react-popover';
@@ -600,36 +600,32 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omi
     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 SortableProps = BoxProps<"div", {
-    children?: (item: string, index: number) => ReactNode;
+type Context = {
     /**
-     * An array of item IDs in controlled mode.
+     * The total number of items in the list.
      */
-    items: string[];
+    count: number;
     /**
-     * Event handler that is called when items are re-sorted with full information about the event.
+     * The ID of the current item or list being rendered.
      */
-    onChange?: (data: {
-        /**
-         * The re-sorted item IDs.
-         */
-        items: string[];
-        /**
-         * ID of the item that was being dragged.
-         */
-        source: string;
-    }) => void;
+    id: string;
     /**
-     * Handler that is called when the item IDs are re-sorted.
+     * The index of the current item or list being rendered.
      */
-    onItemsChange?: (value: string[]) => void;
-}>;
-declare const Sortable: react.ForwardRefExoticComponent<{
-    children?: (item: string, index: number) => ReactNode;
+    index: number;
+    /**
+     * If item or list is the current drop target.
+     */
+    isDropTarget: boolean;
+};
+type Items = Record<string, Record<string, string[]>> | Record<string, string[]> | string[];
+
+type SortableProps<T extends Items> = BoxProps<"div", {
+    children?: (item: Context) => ReactNode;
     /**
      * An array of item IDs in controlled mode.
      */
-    items: string[];
+    items: T;
     /**
      * Event handler that is called when items are re-sorted with full information about the event.
      */
@@ -637,7 +633,7 @@ declare const Sortable: react.ForwardRefExoticComponent<{
         /**
          * The re-sorted item IDs.
          */
-        items: string[];
+        items: T;
         /**
          * ID of the item that was being dragged.
          */
@@ -646,11 +642,11 @@ declare const Sortable: react.ForwardRefExoticComponent<{
     /**
      * Handler that is called when the item IDs are re-sorted.
      */
-    onItemsChange?: (value: string[]) => void;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
+    onItemsChange?: (value: T) => void;
+}>;
+declare const Sortable: (<T extends Items>(props: RefAttributes<HTMLDivElement> & SortableProps<T>) => null | ReactElement) & {
+    displayName: string;
+};
 
 type SortableHandleProps = BoxProps;
 declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -658,11 +654,17 @@ declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type SortableItemProps = BoxProps<"div", {
-    children?: (() => ReactNode) | ReactNode;
+type SortableItemProps = BoxProps<"div">;
+declare const SortableItem: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type SortableListProps = BoxProps<"div", {
+    children?: (item: Context) => ReactNode;
 }>;
-declare const SortableItem: react.ForwardRefExoticComponent<{
-    children?: (() => ReactNode) | ReactNode;
+declare const SortableList: react.ForwardRefExoticComponent<{
+    children?: (item: Context) => ReactNode;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -716,5 +718,5 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "addonAfter" | "addonBefore" | "loading" | "appearance" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
-export type { BreadcrumbLink, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableHandle, SortableItem, SortableList, Spotlight, SpotlightContent, SpotlightTrigger };
+export type { BreadcrumbLink, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableHandleProps, SortableItemProps, SortableListProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "files": [
     "dist/**",
     "LICENSE"
@@ -30,8 +30,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@dnd-kit/helpers": "^0.1.18",
-    "@dnd-kit/react": "^0.1.18",
+    "@dnd-kit/collision": "^0.1.19",
+    "@dnd-kit/helpers": "^0.1.19",
+    "@dnd-kit/react": "^0.1.19",
     "@radix-ui/react-alert-dialog": "^1.1.14",
     "@radix-ui/react-arrow": "^1.1.7",
     "@radix-ui/react-avatar": "^1.1.10",
@@ -59,24 +60,24 @@
     "@radix-ui/react-tooltip": "^1.2.7",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.3",
-    "@tanstack/react-virtual": "^3.13.9",
-    "@tanstack/virtual-core": "^3.13.9",
-    "@vanilla-extract/dynamic": "^2.1.3",
+    "@tanstack/react-virtual": "^3.13.10",
+    "@tanstack/virtual-core": "^3.13.10",
+    "@vanilla-extract/dynamic": "^2.1.4",
     "clsx": "^2.1.1",
     "downshift": "^9.0.9",
     "react-day-picker": "^9.7.0",
     "react-remove-scroll": "^2.7.1",
     "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.0.6"
+    "@optiaxiom/globals": "^1.0.7"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^8.0.2",
+    "@mantine/hooks": "^8.1.0",
     "@radix-ui/react-focus-scope": "^1.1.7",
-    "@types/node": "^22.15.29",
+    "@types/node": "^22.15.31",
     "@types/use-sync-external-store": "^1.5.0",
-    "@vanilla-extract/css": "^1.17.2",
-    "@vanilla-extract/sprinkles": "^1.6.3",
+    "@vanilla-extract/css": "^1.17.3",
+    "@vanilla-extract/sprinkles": "^1.6.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@optiaxiom/shared": "^0.0.0"

package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-B6SRciqg.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._1j1bwj;
-@layer optiaxiom._1j1bwj {
-  .r4ka67 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1n6o7pd:not(:has(._1n6o7pd)):focus-within .r4ka67, .r4ka67:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .dddkwd {
-    opacity: 1;
-  }
-  .xybuua {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1n6o7pd:not(:has(._1n6o7pd)):hover .r4ka67 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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