@optiaxiom/react 0.13.0 → 0.13.2

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CVvRSWcw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DWjxz5t7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1301efl','h3o4f4']});
-var textarea = recipeRuntime({base:['_1301efl','_1fxq296']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_436iru','jqjm1h'],'2':['_436iru','_17o8r3a'],'3':['_436iru','_1buqc4q'],'4':['_436iru','_6joipn'],'5':['_436iru','fnz24l']},resize:{auto:{},none:{},vertical:'_8zu3uh'}}});
+var shadow = recipeRuntime({base:['_1p88zuy','_1f1ws30']});
+var textarea = recipeRuntime({base:['_1p88zuy','_1m4q8eq']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_13ojlec','_1b17afc'],'2':['_13ojlec','_96a6sa'],'3':['_13ojlec','oofe8g'],'4':['_13ojlec','_1trsu1g'],'5':['_13ojlec','edoopn']},resize:{auto:{},none:{},vertical:'_1jymlzj'}}});
 
 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-DvUyVLsY.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tkb2Nu5x.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-CIcz7Pwa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DPMztZTV.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-DAeudZTG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'y7ouja']});
-var offsetVar = 'var(--_1lvp398)';
-var root = recipeRuntime({base:['v2lwbm',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'el3cch'],variants:{intent:{danger:'w5ta0p',information:'p1yf03',neutral:'_17drm84',success:'zbemlm',warning:'_11wzjf2'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'gl8fkb']});
+var offsetVar = 'var(--yilukz)';
+var root = recipeRuntime({base:['_7y8wv3',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'oyeut0'],variants:{intent:{danger:'g10ks7',information:'vgtl0v',neutral:'qcteik',success:'_1cfy7pe',warning:'_9gs7ws'}}});
 
 export { icon, offsetVar, root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tkb2Nu5x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DPMztZTV.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'},'zwi9e3'],variants:{position:{bottom:'yc7b4y','bottom-left':'nsw6rn','bottom-right':'gmsect',top:'_4bj067','top-left':'njbqxx','top-right':'_4mwmr'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_6mj35p'],variants:{position:{bottom:'_1u9arxm','bottom-left':'uszd3','bottom-right':'_1djj6bo',top:'_1k0dvew','top-left':'fgawwz','top-right':'qn9srl'}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toast-provider/ToastProvider.js

@@ -29,7 +29,7 @@ const ToastProvider = forwardRef(
     container,
     duration,
     label,
-    position = "bottom-right",
+    position = "top-right",
     swipeDirection,
     swipeThreshold,
     toaster: toasterProp = toaster,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CWwDB6vI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1y76pao',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1foi746']});
+var toggleInput = recipeRuntime({base:['_33x18a',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_9xff2q']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BrznT8Qb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CWwDB6vI.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DrlGTERk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_2p9n3w']});
+var control = recipeRuntime({base:['_1l9z8gw']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Cq0dWayh.css';
 
-var className = '_1ns4y0i';
+var className = '_111ar4p';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.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-DvUyVLsY.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-OebmjN-9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DSlls5n2.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DvyWpEBq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_142yteh',variants:{duration:{sm:'_5d4p77',md:'_347pef',lg:'qzphd2'},type:{fade:'_15tlllz',pop:'nuolo7',slide:'v4lzj5',slidePop:'klklv6'}}});
+var transition = recipeRuntime({base:'vsxba1',variants:{duration:{sm:'_1hzsa3z',md:'wamnfi',lg:'_1pq5f4z'},type:{fade:'_1e79ljs',pop:'qrghg7',slide:'xefjcl',slidePop:'_1j8uasa'}}});
 
 export { transition };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState, useCallback, useEffect } from 'react';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
@@ -7,7 +8,9 @@ import { TransitionGroupContext } from '../transition-group-context/TransitionGr
 
 function TransitionGroup({
   children,
-  open
+  onPresenceChange,
+  open,
+  presence: presenceProp
 }) {
   const [transitions, setTransitions] = useState(
     []
@@ -20,26 +23,29 @@ function TransitionGroup({
       (transitions2) => transitions2.filter((transition) => transition !== ref)
     );
   }, []);
-  const [connected, setConnected] = useState(false);
+  const [presence, setPresence] = useControllableState({
+    onChange: onPresenceChange,
+    prop: presenceProp
+  });
   useEffect(() => {
     if (open) {
-      setConnected(true);
+      setPresence(true);
     } else {
       if (transitions.length) {
         void Promise.allSettled(
           transitions.flatMap(
             (ref) => typeof ref.current?.getAnimations === "function" ? ref.current?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
           )
-        ).then(() => setConnected(false));
+        ).then(() => setPresence(false));
       } else {
-        setConnected(false);
+        setPresence(false);
       }
     }
-  }, [open, transitions]);
+  }, [open, setPresence, transitions]);
   if (TransitionGlobalConfig.skipAnimations) {
     return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
-  return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: { onMount, onUnmount, open }, children: (open || connected) && children });
+  return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: { onMount, onUnmount, open }, children: (open || presence) && children });
 }
 TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
 

package/dist/esm/unstable.js

@@ -1,10 +1,3 @@
-export { Autocomplete } from './packages/react/src/autocomplete/Autocomplete.js';
-export { AutocompleteContent } from './packages/react/src/autocomplete-content/AutocompleteContent.js';
-export { AutocompleteEmpty } from './packages/react/src/autocomplete-empty/AutocompleteEmpty.js';
-export { AutocompleteItem } from './packages/react/src/autocomplete-item/AutocompleteItem.js';
-export { AutocompleteRadioItem } from './packages/react/src/autocomplete-radio-item/AutocompleteRadioItem.js';
-export { AutocompleteTrigger } from './packages/react/src/autocomplete-trigger/AutocompleteTrigger.js';
-export { AutocompleteVirtualized } from './packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js';
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
 export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js';
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';
@@ -34,6 +27,7 @@ export { ComboboxScrollArea } from './packages/react/src/combobox-scroll-area/Co
 export { ComboboxSeparator } from './packages/react/src/combobox-separator/ComboboxSeparator.js';
 export { ComboboxTrigger } from './packages/react/src/combobox-trigger/ComboboxTrigger.js';
 export { ComboboxValue } from './packages/react/src/combobox-value/ComboboxValue.js';
+export { ComboboxVirtualized } from './packages/react/src/combobox-virtualized/ComboboxVirtualized.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command-input/CommandInput.js';
 export { CommandItem } from './packages/react/src/command-item/CommandItem.js';
@@ -72,6 +66,7 @@ export { SpotlightSubItem } from './packages/react/src/spotlight-sub-item/Spotli
 export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.js';
 export { SubNav } from './packages/react/src/sub-nav/SubNav.js';
 export { Table } from './packages/react/src/table/Table.js';
+export { TableActions } from './packages/react/src/table-actions/TableActions.js';
 export { TableBody } from './packages/react/src/table-body/TableBody.js';
 export { TableCell } from './packages/react/src/table-cell/TableCell.js';
 export { TableHeader } from './packages/react/src/table-header/TableHeader.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-BG1q2SMH.js';
-export { c as Box, C as Checkbox, D as DialogContent, L as Link, P as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-BG1q2SMH.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-XMsYEAmD.js';
+export { c as Box, C as Checkbox, D as DialogContent, L as Link, P as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-XMsYEAmD.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -174,7 +174,7 @@ declare const mapFallbackToIcon: {
 };
 declare const Avatar: react.ForwardRefExoticComponent<{
     colorScheme?: "neutral" | "purple" | undefined;
-    size?: "sm" | "md" | "xs" | "2xs" | "xl" | "3xl" | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "2xs" | "xl" | "3xl" | undefined;
 } & {
     /**
      * The fallback icon to display when no name or image is given.
@@ -504,12 +504,7 @@ type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Cont
 }>, "forceMount">;
 declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const DisclosureTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
-    overlay?: boolean | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "overlay"> & {
+declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     chevronPosition?: "end" | "start";
@@ -524,11 +519,6 @@ declare namespace Drawer {
     var displayName: string;
 }
 
-declare const DrawerActions: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
-
 declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -562,14 +552,6 @@ declare const DrawerContent: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
-
 declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -579,20 +561,13 @@ declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DrawerHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "2" | "4" | "1" | "3";
-}, never> & Omit<{
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
+declare const DrawerHeader: react.ForwardRefExoticComponent<{
+    addonAfter?: ReactNode;
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1141,6 +1116,18 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
     className?: string;
 }>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1301,7 +1288,9 @@ declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sp
     className?: string;
 }>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
+declare const PopoverTrigger: react.ForwardRefExoticComponent<{
+    hasCustomAnchor?: boolean;
+} & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -1634,12 +1623,14 @@ declare namespace Tooltip {
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare function TransitionGroup({ children, open, }: {
+declare function TransitionGroup({ children, onPresenceChange, open, presence: presenceProp, }: {
     children?: false | ReactElement;
+    onPresenceChange?: (presence: boolean) => void;
     open?: boolean;
+    presence?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ModalLayer, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavHeader, NavItem, type NavItemProps, NavList, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavHeader, NavItem, type NavItemProps, NavList, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };