@optiaxiom/react 1.3.0 → 1.3.2

package/dist/index.d.ts

@@ -1,20 +1,20 @@
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, O as OverlayListbox, b as ResponsiveArray } from './PopoverContent-D6Cc7TfW.js';
-export { c as Box, e as Button, d as ButtonProps, C as Checkbox, D as DialogContent, L as Link, P as Popover, f as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-D6Cc7TfW.js';
+import { ReactNode, ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement, ElementType, LegacyRef, RefObject } from 'react';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as ModalListbox, b as ResponsiveArray } from './PopoverContent-BBAdVdON.js';
+export { c as Box, e as Button, d as ButtonProps, C as Checkbox, D as DialogContent, L as Link, f as ListboxItemized, P as Popover, g as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-BBAdVdON.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';
 import { createToaster } from '@optiaxiom/globals';
 export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
-import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { Portal } from '@radix-ui/react-portal';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
-import * as RadixPopover from '@radix-ui/react-popover';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import * as RadixTabs from '@radix-ui/react-tabs';
@@ -63,7 +63,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -87,7 +87,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -142,7 +142,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -161,7 +161,7 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -204,6 +204,35 @@ declare const AvatarGroup: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const root: (props?: {
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RootVariants = RecipeVariants<typeof root>;
+
+type ToastProps = ExcludeProps<BoxProps<typeof RadixToast.Root, RootVariants>, "forceMount" | "open">;
+declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLLIElement>>;
+
+declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastProviderProps & {
     position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
 } & {
@@ -218,6 +247,57 @@ declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastPro
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
 
+declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
+    lineClamp?: "2" | "4" | "1" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
+    auto?: boolean;
+}>;
+declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipRoot {
+    var displayName: string;
+}
+
+type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "delayDuration"> & {
+    /**
+     * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
+     */
+    auto?: boolean;
+    children: ReactNode;
+    /**
+     * The tooltip content.
+     */
+    content?: ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether to show or hide tooltip even if there's content.
+     */
+    disabled?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+}>, "asChild">;
+declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+
 type TooltipProviderProps$1 = ExtendProps<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, {
     /**
      * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
@@ -229,6 +309,8 @@ declare namespace TooltipProvider {
     var displayName: string;
 }
 
+declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 type AxiomProviderProps = {
     children?: ReactNode;
     /**
@@ -329,7 +411,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -341,6 +423,16 @@ declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
+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;
+}
+
 declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -374,7 +466,7 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -450,7 +542,7 @@ declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<Non
     className?: string;
 }>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW"> & {
+type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
     /**
      * Whether to show loading spinner inside the menu.
      */
@@ -505,7 +597,7 @@ declare namespace DropdownMenuSub {
     var displayName: string;
 }
 
-type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<MenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
@@ -531,7 +623,7 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -550,7 +642,7 @@ declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -970,6 +1062,16 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+type ListboxVirtualizedProps<T = unknown> = BoxProps<"div", {
+    children: (item: T, index: number) => ReactNode;
+    highlightedItem?: T;
+    items: readonly T[] | T[];
+    ref?: LegacyRef<HTMLDivElement>;
+}>;
+declare const ListboxVirtualized: (<T>(props: ListboxVirtualizedProps<T>) => ReactElement) & {
+    displayName: string;
+};
+
 declare const ModalProvider: react.FC<{
     shardRef: RefObject<HTMLElement>;
 } & {
@@ -1150,7 +1252,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_popover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const PopoverTrigger: react.ForwardRefExoticComponent<{
     hasCustomAnchor?: boolean;
@@ -1165,13 +1267,13 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1229,7 +1331,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -1386,43 +1488,6 @@ declare namespace ThemeProvider {
     var displayName: string;
 }
 
-declare const root: (props?: {
-    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type RootVariants = RecipeVariants<typeof root>;
-
-type ToastProps = ExcludeProps<BoxProps<typeof RadixToast.Root, RootVariants>, "forceMount" | "open">;
-declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLLIElement>>;
-
-declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "2" | "4" | "1" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const ToggleButton: react.ForwardRefExoticComponent<{
     /**
      * Control the appearance by selecting between the different button types.
@@ -1439,7 +1504,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     square?: boolean | undefined;
     variant?: "strong" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
     disabled?: boolean;
     loading?: boolean;
 }>, "appearance"> & Omit<NonNullable<Sprinkles & {
@@ -1447,59 +1512,4 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
-declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
-
-type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
-    auto?: boolean;
-}>;
-declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
-declare namespace TooltipRoot {
-    var displayName: string;
-}
-
-type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "delayDuration"> & {
-    /**
-     * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
-     */
-    auto?: boolean;
-    children: ReactNode;
-    /**
-     * The tooltip content.
-     */
-    content?: ReactNode;
-    /**
-     * The initial open state in uncontrolled mode.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Whether to show or hide tooltip even if there's content.
-     */
-    disabled?: boolean;
-    /**
-     * Handler that is called when the open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The open state in controlled mode.
-     */
-    open?: boolean;
-}>, "asChild">;
-declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
-declare namespace Tooltip {
-    var displayName: string;
-}
-
-declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-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, ButtonGroup, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, 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, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, 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, useModalContext };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, ButtonGroup, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, 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, ListboxSeparator, ListboxSwitchItem, ListboxVirtualized, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, 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, useModalContext };

package/dist/unstable.d.ts

@@ -1,13 +1,13 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, FocusEventHandler, ChangeEventHandler } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, f as PopoverContent, O as OverlayListbox, d as ButtonProps } from './PopoverContent-D6Cc7TfW.js';
+import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, f as ListboxItemized, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, g as PopoverContent, M as ModalListbox, d as ButtonProps } from './PopoverContent-BBAdVdON.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
 import { Table as Table$1 } from '@tanstack/table-core';
-import * as RadixPopover from '@radix-ui/react-popover';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
-import * as RadixDialog from '@radix-ui/react-dialog';
+import '@radix-ui/react-dialog';
 
 type BreadcrumbProps = BoxProps<"nav">;
 declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -54,11 +54,11 @@ type CalendarProps = BoxProps<"div", {
      */
     holiday?: Matcher | Matcher[];
     /**
-     * The latest month to end the month navigation.
+     * The latest date that is allowed.
      */
     max?: Date;
     /**
-     * The earliest month to start the month navigation.
+     * The earliest date that is allowed.
      */
     min?: Date;
     onHeightChange?: (height: number) => void;
@@ -333,26 +333,6 @@ declare const CommandItem: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxItemized: react.ForwardRefExoticComponent<{
-    children?: ((item: any, index: number) => ReactNode) | ReactNode;
-    /**
-     * Custom empty state content.
-     */
-    empty?: ReactNode;
-    highlightedItem?: any;
-    items: any[] | readonly any[];
-    itemToKey: (item: any) => string;
-    /**
-     * Whether to show loading spinner inside the menu.
-     */
-    loading?: boolean;
-    onPlacedChange?: (placed: boolean) => void;
-    placed?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
 type CommandListboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof ListboxItemized>, "highlightedItem" | "items" | "itemToKey" | "onPlacedChange" | "placed">;
 declare const CommandListbox: react.ForwardRefExoticComponent<CommandListboxProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -866,6 +846,7 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     side?: ("top" | "left" | "right" | "bottom") | undefined;
     sideOffset?: number | undefined;
     align?: ("center" | "end" | "start") | undefined;
+    alignOffset?: number | undefined;
     withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
@@ -921,7 +902,7 @@ declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     format?: (date: Date) => string;
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -1350,6 +1331,7 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     side?: ("top" | "left" | "right" | "bottom") | undefined;
     sideOffset?: number | undefined;
     align?: ("center" | "end" | "start") | undefined;
+    alignOffset?: number | undefined;
     withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
@@ -1405,7 +1387,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     format?: (date: DateRange) => string;
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -1504,7 +1486,7 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Pill: react.ForwardRefExoticComponent<{
     size?: "sm" | "xs" | undefined;
@@ -1612,7 +1594,7 @@ type SelectProps = {
 };
 declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
 
-type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW"> & {
+type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
     children?: ((item: any) => ReactNode) | ReactNode;
 }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
@@ -2030,6 +2012,7 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     side?: ("top" | "left" | "right" | "bottom") | undefined;
     sideOffset?: number | undefined;
     align?: ("center" | "end" | "start") | undefined;
+    alignOffset?: number | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
@@ -2054,6 +2037,8 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<Omit<{
+    hasCustomAnchor?: boolean;
+} & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -2070,7 +2055,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "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" | "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" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "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" | "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" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/cjs/assets/src/actions-content/ActionsContent.css.ts.vanilla-CC3tXVjV.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._15ugsxe;
-@layer optiaxiom._15ugsxe {
-  ._1lt85ke {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .m9j138:not(:has(.m9j138)):focus-within ._1lt85ke, ._1lt85ke:has(:checked, [data-state=open]) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1rygawp {
-    opacity: 0;
-  }
-  ._1ucphw9 {
-    opacity: 1;
-  }
-  @media (hover: hover) {
-    .m9j138:not(:has(.m9j138)):hover ._1lt85ke {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._15ugsxe;
-@layer optiaxiom._15ugsxe {
-
-}

package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-Dx3l548k.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._15ugsxe;
-@layer optiaxiom._15ugsxe {
-  ._1upyaxk {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-ByCjrIMH.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._15ugsxe;
-@layer optiaxiom._15ugsxe {
-  .jy7scj {
-    opacity: 0;
-  }
-  ._1xownp3 {
-    inset: 0;
-    position: fixed;
-  }
-  ._1xecwba {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1pbhg2)))
-      scale(calc(1 - 0.06 * var(--_1pbhg2)))
-    ;
-  }
-  ._1kllomf {
-    width: 400px;
-  }
-  ._1fr7pzo {
-    width: 600px;
-  }
-  ._1r69aqe {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B9xMbSMx.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._15ugsxe;
-@layer optiaxiom._15ugsxe {
-  ._1u9dw26 {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}