@optiaxiom/react 1.5.1 → 1.5.3

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-oE1dR3U1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-BBv3smRP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_17rstnm'],variants:{layout:{auto:['_1rs9rxk'],fixed:[{display:'grid'},'_4rejg9']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'gqp5bw']});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-BS5o-IU4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-B9iraYpv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_1bazosv']});
+var body = recipeRuntime({base:['_1rn2vpq']});
 
 export { body };

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

@@ -1,8 +1,8 @@
-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 './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CWDdCmxv.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-CZGS-jc-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'u0q0qf'],variants:{pinned:{false:'_3s699e',true:'_1rdhh59'}}});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'bdmiq3'],variants:{pinned:{false:'_1860vec',true:'_1wexvds'}}});
 
 export { cell };

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

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

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BEyX-mhJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-B_XkaSHg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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']});
+var cell = recipeRuntime({base:'zlrulg',variants:{pinned:{false:'_4k3ax6',true:'_1ljj59s'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1a3g0b1']});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CWDdCmxv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['t5ca3x',{transition:'colors',w:'full'},'s64hh9']});
+var row = recipeRuntime({base:['_937owe',{transition:'colors',w:'full'},'jhw05n']});
 
 export { row };

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

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

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

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

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DoeX0WOt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DCx5IgLB.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'},'_1yzdo5f']});
-var trigger = recipeRuntime({base:['jjponh',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'w7sk02']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_174k5pb']});
+var trigger = recipeRuntime({base:['p0yhrl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'l9jx5p']});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-20Dy4ncJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-ClbiM7to.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_17wk1yz','_17cvlcq','_1p8uwe'],'2':[undefined,'_17wk1yz','_17cvlcq','_1rzb1vo'],'3':[undefined,'_17wk1yz','_17cvlcq','e99tx'],'4':[undefined,'_17wk1yz','_17cvlcq','_57mqq5']},truncate:{true:[undefined,'_17wk1yz',{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-DMaqBdHD.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-D1ZLWztv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-lhHMB6Vn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'}}});
+var shadow = recipeRuntime({base:['hho8kk','_15prees']});
+var textarea = recipeRuntime({base:['hho8kk','qloobc']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_6is8j','rsl7pe'],'2':['_6is8j','_1kfm6fo'],'3':['_6is8j','ebh4zv'],'4':['_6is8j','r94cu7'],'5':['_6is8j','r9z1hy']},resize:{auto:{},none:{},vertical:'_1ijj35o'}}});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Rb3IBfGy.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-B1s_WiKY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dtal9aqd.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-DZHAYLPs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ngac2b']});
+var offsetVar = 'var(--_1k4ydks)';
+var root = recipeRuntime({base:['fcawvm',{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']},'a6lefr'],variants:{intent:{danger:'_1iyf8le',information:'_1014r4l',neutral:'_1pux61l',success:'b5a085',warning:'wq94lg'}}});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Rb3IBfGy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dtal9aqd.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'},'_1683sqj'],variants:{position:{bottom:'_13cu7fs','bottom-left':'olg680','bottom-right':'kwzowi',top:'misrsl','top-left':'_1fdujee','top-right':'_1l7ge7y'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'pi807w'],variants:{position:{bottom:'cihl60','bottom-left':'_1lecijk','bottom-right':'_68m7qf',top:'_1s2o6rw','top-left':'_1iwt30h','top-right':'_3v6dcv'}}});
 
 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-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/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DJvZ0etP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1c9kt1j',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_6tl4vw']});
+var toggleInput = recipeRuntime({base:['bzd4nm',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_19i74nt']});
 
 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-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 './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DJvZ0etP.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CpKWXW6H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1m4yja4']});
+var control = recipeRuntime({base:['_3s8551']});
 
 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-DMaqBdHD.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css';
 
-var className = 'k9zk9q';
+var className = '_12evu4j';
 
 export { className };

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

@@ -25,7 +25,23 @@ function Tooltip({
       onOpenChange,
       open,
       children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            asChild: true,
+            onFocus: (event) => {
+              if (disabled || empty) {
+                event.preventDefault();
+              }
+            },
+            onPointerMove: (event) => {
+              if (disabled || empty) {
+                event.preventDefault();
+              }
+            },
+            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-DMaqBdHD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

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

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

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DS0kd8K7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-C736k4Hf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_16l6z3l',variants:{duration:{sm:'ttqhv3',md:'o82vsw',lg:'_1v1s4a'}}});
+var transition = recipeRuntime({base:'q84x95',variants:{duration:{sm:'_1ur1rs9',md:'_1ax658s',lg:'_12wx9ya'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -1,8 +1,4 @@
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
-export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb/BreadcrumbEllipsis.js';
-export { BreadcrumbItem } from './packages/react/src/breadcrumb/BreadcrumbItem.js';
-export { BreadcrumbLink } from './packages/react/src/breadcrumb/BreadcrumbLink.js';
-export { BreadcrumbPage } from './packages/react/src/breadcrumb/BreadcrumbPage.js';
 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';

package/dist/index.d.ts

@@ -1584,33 +1584,32 @@ declare const Indicator: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const kbd: (props?: {
+declare const key: (props?: {
     variant?: "outline" | "subtle" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type KdbVariants = RecipeVariants<typeof kbd>;
+type KeyVariants = RecipeVariants<typeof key>;
 
-type KbdProps = BoxProps<"kbd", KdbVariants & {
+type KbdProps = BoxProps<"kbd", KeyVariants & {
     /**
      * Keyboard symbols/shortcuts to include.
      */
-    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
+    modifiers?: Array<keyof (typeof mapModifierToCode)["mac"]> | keyof (typeof mapModifierToCode)["mac"];
 }>;
-declare const mapKeyToCode: {
-    command: string;
-    ctrl: string;
-    down: string;
-    enter: string;
-    escape: string;
-    help: string;
-    left: string;
-    option: string;
-    right: string;
-    shift: string;
-    space: string;
-    tab: string;
-    up: string;
+declare const mapModifierToCode: {
+    mac: {
+        alt: string;
+        ctrl: string;
+        meta: string;
+        shift: string;
+    };
+    win: {
+        alt: string;
+        ctrl: string;
+        meta: string;
+        shift: string;
+    };
 };
 declare const Kbd: react.ForwardRefExoticComponent<{
     variant?: "outline" | "subtle" | undefined;
@@ -1618,7 +1617,7 @@ declare const Kbd: react.ForwardRefExoticComponent<{
     /**
      * Keyboard symbols/shortcuts to include.
      */
-    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
+    modifiers?: Array<keyof (typeof mapModifierToCode)["mac"]> | keyof (typeof mapModifierToCode)["mac"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;

package/dist/unstable.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, S as Sprinkles, s as Link, A as ActionsContent, E as ExcludeProps, C as Checkbox, 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';
+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 * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
@@ -8,44 +8,57 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
-type BreadcrumbProps = BoxProps<"nav">;
-declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
-
-type BreadcrumbEllipsisProps = BoxProps<"span">;
-declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
-declare namespace BreadcrumbEllipsis {
-    var displayName: string;
-}
-
-type BreadcrumbItemProps = BoxProps<"li">;
-declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
-
-type BreadcrumbLinkProps = BoxProps<typeof Link>;
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    appearance?: "default" | "inverse" | "subtle" | undefined;
-} & {
-    cover?: "inset" | boolean;
-    disabled?: boolean;
-    external?: boolean;
+type BreadcrumbProps = BoxProps<"nav", {
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
+}>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<{
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
-type BreadcrumbPageProps = BoxProps<"span">;
-declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+type BreadcrumbLink = BreadcrumbProps["items"][number];
 
 type CardProps = BoxProps<"div">;
 declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -191,6 +204,10 @@ type CommandOption = {
      */
     group?: CommandOptionGroup;
     hiddenInSearchContext?: boolean;
+    /**
+     * Render a link with the given value as the `href` attribute.
+     */
+    href?: string;
     /**
      * Control the appearance by selecting between the different item types.
      */
@@ -209,10 +226,6 @@ type CommandOption = {
     label: ((context: {
         inputValue: string | undefined;
     }) => string) | string;
-    /**
-     * Render a link with the given value as the `href` attribute.
-     */
-    link?: string;
     /**
      * Whether item is multi-selectable.
      */
@@ -701,7 +714,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     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" | "appearance" | "addonAfter" | "addonBefore" | "loading" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "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, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, 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 { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, 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, 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 };