@optiaxiom/react 1.4.5 → 1.5.1

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-C0hPWOPW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-CpXGifUw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'qxr47']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1kgf1v4']});
 
 export { nav };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-X8GV77Cr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-sZQmo5Rf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'d96vci']});
-var input = recipeRuntime({base:'c3lbui'});
-var root = recipeRuntime({base:['_1ie7dlb','_50rcwp']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1k9imue'],variants:{size:{md:'ggi4h5',lg:'ao3h2o'}}});
+var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'yhedeh']});
+var input = recipeRuntime({base:'_2mwx3y'});
+var root = recipeRuntime({base:['_1eyna1y','_1l718z4']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_2qlvi2'],variants:{size:{md:'_1dt33c',lg:'_1rdw2k2'}}});
 
 export { control, input, root, thumb };

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

@@ -14,30 +14,22 @@ import { root, input, control, thumb } from './Switch-css.js';
 const Switch = forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxs(
-      ToggleInput,
-      {
-        description: !!description,
-        ...root({}, className),
-        ...boxProps,
-        children: [
-          /* @__PURE__ */ jsx(
-            ToggleInputHiddenInput,
-            {
-              ref,
-              role: "switch",
-              ...input(),
-              ...restProps
-            }
-          ),
-          /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...thumb({ size }) }) }),
-          (children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
-            children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
-            description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })
-          ] })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(ToggleInput, { ...root({}, className), ...boxProps, children: [
+      /* @__PURE__ */ jsx(
+        ToggleInputHiddenInput,
+        {
+          ref,
+          role: "switch",
+          ...input(),
+          ...restProps
+        }
+      ),
+      /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...thumb({ size }) }) }),
+      (children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
+        children && /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
+        description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })
+      ] })
+    ] });
   }
 );
 Switch.displayName = "@optiaxiom/react/Switch";

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-C9jWIfZN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-oE1dR3U1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'bxqz86'],variants:{layout:{auto:['fbe9lb'],fixed:[{display:'grid'},'_1j5s8qc']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_176lstf']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_11j37so'],variants:{layout:{auto:['v2vzf9'],fixed:[{display:'grid'},'yclrq2']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1bn21rj']});
 
 export { table, wrapper };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-Dvewv0g8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-BS5o-IU4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_1rfukma']});
+var body = recipeRuntime({base:['_1bazosv']});
 
 export { body };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DKWSCVR_.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-BXyR8q89.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-Mzp6i09q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'gta0z']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'u0q0qf'],variants:{pinned:{false:'_3s699e',true:'_1rdhh59'}}});
 
 export { cell };

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

@@ -7,8 +7,8 @@ import '../sprinkles/sprinklesMerge.js';
 import { cell } from './TableCell-css.js';
 
 const TableCell = forwardRef(
-  ({ children, className, colSpan, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...cell({}, className), ...props, children: /* @__PURE__ */ jsx("td", { colSpan, ref, children }) });
+  ({ children, className, colSpan, pinned = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...cell({ pinned }, className), ...props, children: /* @__PURE__ */ jsx("td", { colSpan, ref, children }) });
   }
 );
 TableCell.displayName = "@optiaxiom/react/TableCell";

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-DD4vI1Ml.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var header = recipeRuntime({variants:{pinned:{false:{},true:'urfe4x'}}});
+
+export { header };

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

@@ -4,8 +4,9 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { header } from './TableHeader-css.js';
 
-const TableHeader = forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("thead", { ref, children }) }));
+const TableHeader = forwardRef(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, ...header({ pinned }, className), ...props, children: /* @__PURE__ */ jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
 export { TableHeader };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-DWjifEIw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BEyX-mhJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_1wqx8g8'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_9sfzn7']});
+var cell = recipeRuntime({base:'khyvkl',variants:{pinned:{false:'sd8krf',true:'fp3qz9'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'jmq7lz']});
 
 export { cell, content };

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

@@ -7,7 +7,16 @@ import '../sprinkles/sprinklesMerge.js';
 import { cell, content } from './TableHeaderCell-css.js';
 
 const TableHeaderCell = forwardRef(
-  ({ children, className, colSpan, p, px = "16", py = "12", ...props }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, ...cell({}, className), ...props, children: /* @__PURE__ */ jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsx(Box, { ...content(), px: p ?? px, py: p ?? py, children }) }) })
+  ({
+    children,
+    className,
+    colSpan,
+    p,
+    pinned = false,
+    px = "16",
+    py = "12",
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, ...cell({ pinned }, className), ...props, children: /* @__PURE__ */ jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsx(Box, { ...content(), px: p ?? px, py: p ?? py, children }) }) })
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DKWSCVR_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_1ajzdt8',{transition:'colors',w:'full'},'w54weo']});
+var row = recipeRuntime({base:['t5ca3x',{transition:'colors',w:'full'},'s64hh9']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-BvK6EdPH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-Dd2FzYe5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'blrvb1']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1nfxwmp']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-CR1hDfP_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-0YpBbwtu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1p6cqa7']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_314ky9']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-3OozOs6a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DoeX0WOt.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'},'_16e3l6k']});
-var trigger = recipeRuntime({base:['g3fscl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1enykyb']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1yzdo5f']});
+var trigger = recipeRuntime({base:['jjponh',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'w7sk02']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-CKKtIpha.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-20Dy4ncJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1yydqzx','_1d6691a','_1c789ze'],'2':[undefined,'_1yydqzx','_1d6691a','_3cri2a'],'3':[undefined,'_1yydqzx','_1d6691a','_1hi3aoh'],'4':[undefined,'_1yydqzx','_1d6691a','c1b0t4']},truncate:{true:[undefined,'_1yydqzx',{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'},'_1c9u7h6','lbkm1r','_71wo1o'],'2':[undefined,'_1c9u7h6','lbkm1r','_3zr2o3'],'3':[undefined,'_1c9u7h6','lbkm1r','_1xxo913'],'4':[undefined,'_1c9u7h6','lbkm1r','_14skg3a']},truncate:{true:[undefined,'_1c9u7h6',{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/Textarea.js

@@ -25,7 +25,7 @@ const Textarea = forwardRef(
     style,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : TextareaAutosize;
+    const Comp = asChild ? Slot : "textarea";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsxs(
       InputRoot,
@@ -37,7 +37,7 @@ const Textarea = forwardRef(
         ...boxProps,
         children: [
           addonBefore && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsx(InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
+          /* @__PURE__ */ jsx(InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsx(TextareaAutosize, { asChild: true, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) }) }),
           addonAfter && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonAfter) })
         ]
       }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpxBUCvb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-D1ZLWztv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1aus5bz','_1b72xac']});
-var textarea = recipeRuntime({base:['_1aus5bz','eowdoj']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['kn5yr2','wfzs2o'],'2':['kn5yr2','_12035f2'],'3':['kn5yr2','_1key2z3'],'4':['kn5yr2','_1qts3fn'],'5':['kn5yr2','_1vuq2t3']},resize:{auto:{},none:{},vertical:'_1g0dnzv'}}});
+var shadow = recipeRuntime({base:['_1mli3a6','_16abjam']});
+var textarea = recipeRuntime({base:['_1mli3a6','ckbsae']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1rirliu','gvs7dk'],'2':['_1rirliu','nz9gpj'],'3':['_1rirliu','_1yx8vme'],'4':['_1rirliu','_1ie10qa'],'5':['_1rirliu','i8dv0u']},resize:{auto:{},none:{},vertical:'_7k4owz'}}});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DXIOfwQH.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-Cz7qYeux.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Rb3IBfGy.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-B1s_WiKY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oct49j']});
-var offsetVar = 'var(--_1l4thfu)';
-var root = recipeRuntime({base:['_1j7wajm',{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']},'_1ac9sc9'],variants:{intent:{danger:'_1kdh68c',information:'fl4kvd',neutral:'ip10on',success:'ifeyp4',warning:'eio6eq'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_13jjilc']});
+var offsetVar = 'var(--w6xgnw)';
+var root = recipeRuntime({base:['r1n09p',{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']},'pewbg6'],variants:{intent:{danger:'_1e3kyc9',information:'upcu5j',neutral:'_1qm3frb',success:'_6ljmip',warning:'_1jk89ag'}}});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DXIOfwQH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Rb3IBfGy.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'},'dv4vkk'],variants:{position:{bottom:'_18gssbh','bottom-left':'_131r61h','bottom-right':'_1cwtkgf',top:'_1w8a2y7','top-left':'_5dz0w1','top-right':'td5v0s'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1683sqj'],variants:{position:{bottom:'_13cu7fs','bottom-left':'olg680','bottom-right':'kwzowi',top:'misrsl','top-left':'_1fdujee','top-right':'_1l7ge7y'}}});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_10as7yt',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_13tmo62']});
+var toggleInput = recipeRuntime({base:['_1c9kt1j',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_6tl4vw']});
 
 export { toggleInput };

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

@@ -11,32 +11,25 @@ import { ToggleInputProvider } from './ToggleInputContext.js';
 
 const Slot = createSlot("@optiaxiom/react/ToggleInput");
 const ToggleInput = forwardRef(
-  ({ asChild, children, className, description, onMouseDown, ...props }, ref) => {
+  ({ asChild, children, className, onMouseDown, ...props }, ref) => {
     const Comp = asChild ? Slot : "label";
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();
-    return /* @__PURE__ */ jsx(
-      ToggleInputProvider,
+    return /* @__PURE__ */ jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
+      Comp,
       {
-        descriptionId: description ? descriptionId : void 0,
-        labelId,
-        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
-          Comp,
-          {
-            onMouseDown: (event) => {
-              onMouseDown?.(event);
-              if (!event.defaultPrevented && event.detail > 1) {
-                event.preventDefault();
-              }
-            },
-            ref,
-            ...restProps,
-            children
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          if (!event.defaultPrevented && event.detail > 1) {
+            event.preventDefault();
           }
-        ) })
+        },
+        ref,
+        ...restProps,
+        children
       }
-    );
+    ) }) });
   }
 );
 ToggleInput.displayName = "@optiaxiom/react/ToggleInput";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Fry_f6al.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B1Yx7IEn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_150vlkq']});
+var control = recipeRuntime({base:['_1m4yja4']});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
 
-var className = 'db68tm';
+var className = 'k9zk9q';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.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

@@ -34,8 +34,13 @@ function TooltipRoot({
             if (!(element instanceof HTMLElement)) {
               continue;
             }
-            const { offsetWidth, scrollWidth } = element;
-            if (offsetWidth < scrollWidth) {
+            const {
+              offsetHeight,
+              offsetWidth,
+              scrollHeight,
+              scrollWidth
+            } = element;
+            if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
               truncated = true;
               break;
             }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BRoCqZT7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DS0kd8K7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'t0qr77',variants:{duration:{sm:'dxz9ta',md:'_1itjcpq',lg:'_1g0oqcp'},type:{fade:'_1uank5f',pop:'_1m82aam',slide:'vdwssd',slidePop:'_9wkvo'}}});
+var transition = recipeRuntime({base:'_16l6z3l',variants:{duration:{sm:'ttqhv3',md:'o82vsw',lg:'_1v1s4a'}}});
 
 export { transition };

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

@@ -9,21 +9,26 @@ import { useTransitionStatus } from './useTransitionStatus.js';
 
 const Slot = createSlot("@optiaxiom/react/Transition");
 const Transition = forwardRef(
-  ({ children, duration = "md", skipAnimations, type = "fade", ...props }, outerRef) => {
+  ({
+    children,
+    className,
+    duration = "md",
+    skipAnimations,
+    type = "fade",
+    ...props
+  }, outerRef) => {
     const innerRef = useRef(null);
     const transitionStatus = useTransitionStatus(innerRef);
     const ref = useComposedRefs(outerRef, innerRef);
-    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { ref, children }) : /* @__PURE__ */ jsx(
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
       Slot,
       {
+        "data-transition-fade": transitionStatus ? "" : void 0,
+        "data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,
+        "data-transition-state": transitionStatus,
+        "data-transition-translate": transitionStatus && type === "pop" ? "" : void 0,
         ref,
-        ...transition(
-          {
-            duration,
-            type: transitionStatus ? type : void 0
-          },
-          void 0
-        ),
+        ...transition({ duration }, className),
         ...props,
         children
       }

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
 import { TransitionGroupProvider } from './TransitionGroupContext.js';
 import { waitForAnimation } from './waitForAnimation.js';
@@ -48,6 +48,10 @@ function TransitionGroup({
       return;
     }
   }, [open, setPresence, transitions]);
+  const childrenRef = useRef(children);
+  if (open) {
+    childrenRef.current = children;
+  }
   if (TransitionGlobalConfig.skipAnimations) {
     return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
@@ -58,7 +62,7 @@ function TransitionGroup({
       onUnmount,
       open,
       presence,
-      children: (open || presence) && children
+      children: (open || presence) && childrenRef.current
     }
   );
 }

package/dist/esm/packages/react/src/utils/isFocusCaptured.js

@@ -0,0 +1,14 @@
+const isFocusCaptured = (event) => {
+  if (event.currentTarget.contains(document.activeElement)) {
+    return true;
+  }
+  if (event.target instanceof Element) {
+    const label = event.target.closest("label");
+    if (label && event.currentTarget.contains(label) && label.control) {
+      return true;
+    }
+  }
+  return false;
+};
+
+export { isFocusCaptured };

package/dist/esm/packages/react/src/utils/isHoverSupported.js

@@ -1,3 +1,3 @@
-const isHoverSupported = typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches;
+const isHoverSupported = typeof window !== "undefined" && typeof window.matchMedia !== "undefined" && window.matchMedia("(hover: hover)").matches;
 
 export { isHoverSupported };

package/dist/esm/unstable.js

@@ -7,12 +7,11 @@ export { Calendar } from './packages/react/src/calendar/Calendar.js';
 export { Card } from './packages/react/src/card/Card.js';
 export { CardAction } from './packages/react/src/card/CardAction.js';
 export { CardCheckbox } from './packages/react/src/card/CardCheckbox.js';
-export { CardContent } from './packages/react/src/card/CardContent.js';
-export { CardDescription } from './packages/react/src/card/CardDescription.js';
+export { CardFooter } from './packages/react/src/card/CardFooter.js';
+export { CardHeader } from './packages/react/src/card/CardHeader.js';
 export { CardImage } from './packages/react/src/card/CardImage.js';
 export { CardLink } from './packages/react/src/card/CardLink.js';
-export { CardOverflow } from './packages/react/src/card/CardOverflow.js';
-export { CardTitle } from './packages/react/src/card/CardTitle.js';
+export { CardPreview } from './packages/react/src/card/CardPreview.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
@@ -26,6 +25,9 @@ export { MenuContent } from './packages/react/src/menu/MenuContent.js';
 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 { 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';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';