@optiaxiom/react 1.4.4 → 1.5.0

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-Dclj4WBX.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-IOX7pyGu.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var header = recipeRuntime({variants:{pinned:{false:{},true:'tgd9g2'}}});
+
+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-DgDqM1Tx.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-CIH-9l2P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BW37-stS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_1jou50g'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1byz7p6']});
+var cell = recipeRuntime({base:'vscc71',variants:{pinned:{false:'_18jb9hq',true:'uelnpk'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1crm3sk']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DEeo_qVc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-NYW4Uw9y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_1376vf3',{transition:'colors',w:'full'},'_113siug']});
+var row = recipeRuntime({base:['_43ssx5',{transition:'colors',w:'full'},'_1efseuu']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-CEQJeIzO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-fFDhnR6L.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_1n8dmmq']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_12c4b4p']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-BXcPkSI5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-CUTelOi-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1jrq8p0']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1d2tf7b']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-C0G7KLrB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DvcrmVLh.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'},'yrpv4i']});
-var trigger = recipeRuntime({base:['_1mwvoe0',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_10a9tqs']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'h4m98']});
+var trigger = recipeRuntime({base:['w9p7xx',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1pdujqn']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-zeEGsCsf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-DuuK1SVw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'wswqfk','_19drfkn','hsiak8'],'2':[undefined,'wswqfk','_19drfkn','_1k4canc'],'3':[undefined,'wswqfk','_19drfkn','jugr14'],'4':[undefined,'wswqfk','_19drfkn','_9xi2dg']},truncate:{true:[undefined,'wswqfk',{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'},'ucgoh3','s5d0rs','_1vr5gl7'],'2':[undefined,'ucgoh3','s5d0rs','_1onivah'],'3':[undefined,'ucgoh3','s5d0rs','_1nvk5mf'],'4':[undefined,'ucgoh3','s5d0rs','_1gffks7']},truncate:{true:[undefined,'ucgoh3',{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-DgDqM1Tx.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-NV--blpC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CCzZmj1B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['nk0zir','l3rmw3']});
-var textarea = recipeRuntime({base:['nk0zir','_1h7oek8']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['t2fyj0','_13w5391'],'2':['t2fyj0','_11sgid6'],'3':['t2fyj0','_1codxv4'],'4':['t2fyj0','_1y5q6fc'],'5':['t2fyj0','vc9q3t']},resize:{auto:{},none:{},vertical:'jv7xiy'}}});
+var shadow = recipeRuntime({base:['_1yjg4ix','_9ol0km']});
+var textarea = recipeRuntime({base:['_1yjg4ix','fa5n6d']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1y65px4','_1m1qugg'],'2':['_1y65px4','_17xn6ro'],'3':['_1y65px4','rpmmfe'],'4':['_1y65px4','_1bg8xho'],'5':['_1y65px4','_1akf536']},resize:{auto:{},none:{},vertical:'_1ha9krz'}}});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DtjlLs05.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-BZPHNBjp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-GL3Lg_SG.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-3sJcBec0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_9lij9h']});
-var offsetVar = 'var(--_9ozsgf)';
-var root = recipeRuntime({base:['_1544f5p',{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']},'_1dyt3t'],variants:{intent:{danger:'_1wfsz05',information:'_1wys8z0',neutral:'jywcwn',success:'_15fbdjp',warning:'_4ot6kw'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_17kdmqv']});
+var offsetVar = 'var(--puxxky)';
+var root = recipeRuntime({base:['_1ijakq9',{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']},'d3wuzj'],variants:{intent:{danger:'_1si6o0j',information:'c4gkg0',neutral:'_1uable',success:'ko2cpo',warning:'j7zxt8'}}});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DtjlLs05.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-GL3Lg_SG.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'},'_1o9q5ra'],variants:{position:{bottom:'b2iqrj','bottom-left':'_1lrvakw','bottom-right':'_15oezz2',top:'l2xkjn','top-left':'_1b890n2','top-right':'_1jmunjt'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_8jeqgd'],variants:{position:{bottom:'_1mpzxyv','bottom-left':'_3av06g','bottom-right':'_1bq3w3p',top:'_3xrpyn','top-left':'_12op3ox','top-right':'_1jrayrn'}}});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DMo_bcI0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_108e68o',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'ra2iwr']});
+var toggleInput = recipeRuntime({base:['_7ijx55',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1jccqy5']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DMo_bcI0.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-C2lcZUpV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjmvydXp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1uybxpj']});
+var control = recipeRuntime({base:['kgu7r6']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
 
-var className = 'rmgh01';
+var className = '_1858y3y';
 
 export { className };

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

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

@@ -21,9 +21,10 @@ const TooltipContent = forwardRef(
       {
         align,
         arrowPadding: 6,
+        forceMount: true,
         ref,
         side,
-        sideOffset: 5,
+        sideOffset: 4,
         children: [
           /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
           /* @__PURE__ */ jsx(

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-DgDqM1Tx.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BOv9G0rp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BLq6D2sV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1cke1df',variants:{duration:{sm:'qn1vqt',md:'yeynsu',lg:'zgwxmj'},type:{fade:'_17r2t3o',pop:'mroub7',slide:'dx2zhk',slidePop:'mbbaue'}}});
+var transition = recipeRuntime({base:'_1i65t2l',variants:{duration:{sm:'pwncjr',md:'zpag0b',lg:'xlory5'}}});
 
 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/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';