@optiaxiom/react 0.13.0 → 0.13.1

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-DN8fEhvU.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-DN8fEhvU.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.
@@ -1141,6 +1141,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 +1313,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 +1648,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, 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, 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 };