@optiaxiom/react 1.5.10 → 1.5.12

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-DCDR7tYW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-B5fXVTLH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1pxpi7z'],variants:{layout:{auto:['_1x0b9v7'],fixed:[{display:'grid'},'lpbemp']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1sruv7t']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1o88dxx'],variants:{layout:{auto:['_1spqfhe'],fixed:[{display:'grid'},'_16zjl6w']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'cq1puk']});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-DHIbyg_C.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-YEb1Og4p.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_1nryzvk']});
+var body = recipeRuntime({base:['_16dn6gs']});
 
 export { body };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DXINfsi5.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-Bmr9nk1h.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BvEQe29g.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-BZhgU46E.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1pp0yzm'],variants:{pinned:{false:'_10jixvi',true:'_15cj6ja'}}});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_8zxsiy'],variants:{pinned:{false:'_9f0j3k',true:'_1wuhtn8'}}});
 
 export { cell };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/table/TableHeader.css.ts.vanilla-Dmfk9zLL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-B625b2V0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'i8xb6b'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_10jq6kq'}}});
 
 export { header };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-DryjnOnk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BM0lcH63.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_1s7dwls',variants:{pinned:{false:'_81qr9x',true:'_1k451a8'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1hy7tc6']});
+var cell = recipeRuntime({base:'jz75ga',variants:{pinned:{false:'_46p21g',true:'_1holq6g'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'jaoyye']});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DXINfsi5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BvEQe29g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['iu17rl',{transition:'colors',w:'full'},'_4ijj7l']});
+var row = recipeRuntime({base:['iabsdf',{transition:'colors',w:'full'},'ginsu3']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-D5Gf76dg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-CIcsofMy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_451lvi']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1s08ppt']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-Cm92ppeZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-DG8LI6sU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1ymwkok']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'xj4pve']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-1YeZxAo0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-BFCNQ5BZ.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'},'_1omrvan']});
-var trigger = recipeRuntime({base:['_1fd0k60',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'f5q6hr']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'aea400']});
+var trigger = recipeRuntime({base:['_1eax9cy',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'pnkoji']});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-D1op-0Em.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-CBt1-R9H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1qcy797','_1urtmbm','c5fx35'],'2':[undefined,'_1qcy797','_1urtmbm','_15g0vfk'],'3':[undefined,'_1qcy797','_1urtmbm','nanh71'],'4':[undefined,'_1qcy797','_1urtmbm','fip642']},truncate:{true:[undefined,'_1qcy797',{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'},'_117yyxt','_1rm1hz6','_1prkr7v'],'2':[undefined,'_117yyxt','_1rm1hz6','p2ms8c'],'3':[undefined,'_117yyxt','_1rm1hz6','_1ojs1mm'],'4':[undefined,'_117yyxt','_1rm1hz6','cces64']},truncate:{true:[undefined,'_117yyxt',{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-Pe2OG8e6.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BHe3exyz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DmZTbvW3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['rtm6iz','khqp94']});
-var textarea = recipeRuntime({base:['rtm6iz',{overflow:'hidden'},'_9o5a1n']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_2x9irh','_1c1m8hw'],'2':['_2x9irh','_172nb46'],'3':['_2x9irh','_1d3tioi'],'4':['_2x9irh','c7sa9s'],'5':['_2x9irh','_78kx3u']},resize:{auto:{},none:{},vertical:'op8bmb'}}});
+var shadow = recipeRuntime({base:['ii1nud','z2x8kv']});
+var textarea = recipeRuntime({base:['ii1nud','_1iwcm10'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_18ny3pd','yw7ffj'],'2':['_18ny3pd','_1hx1oue'],'3':['_18ny3pd','sum37g'],'4':['_18ny3pd','_30kfu4'],'5':['_18ny3pd','hvlmg4']},resize:{auto:{},none:{},vertical:'_1wlag2x'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -25,21 +25,30 @@ const TextareaAutosize = forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    return /* @__PURE__ */ jsxs(Box, { ...wrapper({ maxRows, resize }), children: [
-      /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
-        Comp,
-        {
-          onChange: (event) => {
-            setValue(event.target.value);
-            onChange?.(event);
-          },
-          ref,
-          ...restProps,
-          children
-        }
-      ) }),
-      resize === "auto" && /* @__PURE__ */ jsx(Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ...wrapper({
+          maxRows: resize === "auto" ? maxRows : void 0,
+          resize
+        }),
+        children: [
+          /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({ resize }, className), ...boxProps, children: /* @__PURE__ */ jsx(
+            Comp,
+            {
+              onChange: (event) => {
+                setValue(event.target.value);
+                onChange?.(event);
+              },
+              ref,
+              ...restProps,
+              children
+            }
+          ) }),
+          resize === "auto" && /* @__PURE__ */ jsx(Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+        ]
+      }
+    );
   }
 );
 TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-B5vScdDf.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-BS2AWWLl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BX_FmYj8.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-BE2UiRiM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1vvyjib']});
-var offsetVar = 'var(--pzsf5z)';
-var root = recipeRuntime({base:['_1wmqiin',{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']},'_1mn66b9'],variants:{intent:{danger:'_1xr9c4q',information:'_1vhrtbv',neutral:'_198mn39',success:'_13g569f',warning:'_1ek0l54'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ayzywl']});
+var offsetVar = 'var(--rpl6qk)';
+var root = recipeRuntime({base:['_14s2a9s',{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']},'_5qyzij'],variants:{intent:{danger:'_1i7497u',information:'yle49q',neutral:'og0ny1',success:'_1wl4ype',warning:'cmrmad'}}});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-B5vScdDf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BX_FmYj8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1oxk2y5'],variants:{position:{bottom:'_1y5doyb','bottom-left':'_5gd68','bottom-right':['right-scroll-bar-position','v55g4s'],top:'fb6wzg','top-left':'_12zu2sz','top-right':['right-scroll-bar-position','s6zj8t']}}});
+var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1e6bjnr'],variants:{position:{bottom:'v4oso0','bottom-left':'xpax21','bottom-right':['right-scroll-bar-position','g6t70f'],top:'cemedr','top-left':'re4sm0','top-right':['right-scroll-bar-position','_16dhzzj']}}});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JacPym.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_3m61qu',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'g2tv3n']});
+var toggleInput = recipeRuntime({base:['arww67',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_3fhxdq']});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JacPym.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CO_lSItd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-wVgUnaJz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_11zq88i']});
+var control = recipeRuntime({base:['_4s2p74']});
 
 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-Pe2OG8e6.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css';
 
-var className = '_1q9xehe';
+var className = '_12mzm67';
 
 export { className };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DH9Jf0fk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-fwzto6JB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_16yg5gm',variants:{duration:{sm:'_1adp1rx',md:'_1aaog3n',lg:'_1xnwqyh'}}});
+var transition = recipeRuntime({base:'_1stmpt7',variants:{duration:{sm:'_181m59l',md:'_1m2chk',lg:'j15jhq'}}});
 
 export { transition };

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

@@ -8,6 +8,7 @@ import { waitForAnimation } from './waitForAnimation.js';
 
 function TransitionGroup({
   children,
+  forceMount,
   onPresenceChange,
   open: openProp,
   presence: presenceProp
@@ -61,7 +62,7 @@ function TransitionGroup({
       open,
       presence,
       register,
-      children: (open || presence) && childrenRef.current
+      children: (open || presence || forceMount) && childrenRef.current
     }
   );
 }

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

@@ -17,7 +17,7 @@ const useTransitionStatus = (ref) => {
       requestAnimationFrame(() => setMounted(true));
     }
   }, [open]);
-  return open && !mounted ? "starting" : !open && mounted ? "ending" : void 0;
+  return open && !mounted ? "starting" : !open ? "ending" : void 0;
 };
 
 export { useTransitionStatus };

package/dist/esm/unstable.js

@@ -1,3 +1,7 @@
+export { Aside } from './packages/react/src/aside/Aside.js';
+export { AsideBody } from './packages/react/src/aside/AsideBody.js';
+export { AsideFooter } from './packages/react/src/aside/AsideFooter.js';
+export { AsideHeader } from './packages/react/src/aside/AsideHeader.js';
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
 export { Card } from './packages/react/src/card/Card.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-BaAj_5qc.js';
-export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-BaAj_5qc.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-6qDl0Vlu.js';
+export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-6qDl0Vlu.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -17,9 +17,10 @@ import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixSeparator from '@radix-ui/react-separator';
 import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
+import * as RadixPopper from '@radix-ui/react-popper';
+import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
-import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 import 'react-day-picker';
@@ -102,7 +103,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -128,7 +129,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -184,7 +185,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -204,7 +205,7 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -298,7 +299,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -795,11 +796,11 @@ declare namespace Popover {
     var displayName: string;
 }
 
-type PopoverAnchorProps = BoxProps<typeof RadixPopover.Anchor>;
+type PopoverAnchorProps = BoxProps<typeof RadixPopper.Anchor>;
 declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixPopper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxProps = BoxProps<"div">;
 declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -1084,9 +1085,7 @@ type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigge
      */
     placeholder?: string;
 };
-declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
+declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -1095,7 +1094,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1152,7 +1151,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1212,7 +1211,7 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1254,7 +1253,13 @@ declare const Disclosure: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>>;
 
-type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content>, "forceMount">;
+type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content, {
+    /**
+     * Enable this to always keep content present in DOM and visually hidden
+     * when collapsed.
+     */
+    hiddenUntilFound?: boolean;
+}>, "forceMount">;
 declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type DisclosureTriggerProps = BoxProps<"div", {
@@ -1411,7 +1416,7 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1431,7 +1436,7 @@ declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1662,7 +1667,7 @@ declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNull
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2093,7 +2098,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2424,7 +2429,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2478,8 +2483,9 @@ declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-declare function TransitionGroup({ children, onPresenceChange, open: openProp, presence: presenceProp, }: {
+declare function TransitionGroup({ children, forceMount, onPresenceChange, open: openProp, presence: presenceProp, }: {
     children?: ReactNode;
+    forceMount?: boolean;
     onPresenceChange?: (presence: boolean) => void;
     open?: boolean;
     presence?: boolean;