@optiaxiom/react 0.1.0-next.14 → 0.1.0-next.16

package/dist/index.d.ts

@@ -1,15 +1,20 @@
 import * as react from 'react';
-import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
 import * as RadixAccordion from '@radix-ui/react-accordion';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DIhLXmjU.js';
-export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DIhLXmjU.js';
-import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DHQm-nPQ.js';
+export { a as Box, L as Link, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DHQm-nPQ.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 { Portal } from '@radix-ui/react-portal';
+import * as RadixToast from '@radix-ui/react-toast';
+import { createToaster } from '@optiaxiom/globals';
+export { createToaster, toaster } from '@optiaxiom/globals';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixRadio from '@radix-ui/react-radio-group';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
@@ -17,11 +22,7 @@ import * as RadixSeparator from '@radix-ui/react-separator';
 import * as RadixSwitch from '@radix-ui/react-switch';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import TextareaAutosize from 'react-textarea-autosize';
-import * as RadixToast from '@radix-ui/react-toast';
-import { Portal } from '@radix-ui/react-portal';
-import * as jotai from 'jotai';
 import * as RadixToggle from '@radix-ui/react-toggle';
-import '@radix-ui/react-popover';
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
     restProps: Omit<S, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
@@ -70,6 +71,50 @@ declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<O
     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>>;
 
+type AlertDialogProps = ComponentPropsWithoutRef<typeof RadixAlertDialog.Root>;
+declare function AlertDialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "primary" | "danger" | "neutral" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "primary" | "danger" | "neutral" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const tokens: {
     readonly borderRadius: {
         readonly xs: "2px";
@@ -858,33 +903,29 @@ declare const content$2: (props?: {
 };
 type DialogVariants$1 = RecipeVariants<typeof content$2>;
 
-type AlertDialogProps = BoxProps<typeof RadixAlertDialog.Content, {
-    appearance?: "danger" | "primary";
-    children: ReactNode;
-    open?: boolean;
-} & DialogVariants$1>;
-declare const AlertDialog: react.ForwardRefExoticComponent<Omit<AlertDialogProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type AlertDialogContentProps = BoxProps<typeof RadixAlertDialog.Content, NonNullable<DialogVariants$1>>;
+declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    endDecorator?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-    startDecorator?: react.ReactNode;
-} & Omit<{
-    colorScheme?: "primary" | "danger" | "neutral" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
 
-declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    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>, "ref"> & {
+    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 AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -903,25 +944,6 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
-
-declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    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>, "ref"> & {
-    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 AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
-
 declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -929,9 +951,12 @@ declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<re
     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 AnimatePresence: ({ children, }: {
+declare function AnimatePresence({ children, }: {
     children?: ReactElement | false;
-}) => react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AnimatePresence {
+    var displayName: string;
+}
 
 declare const usePresence: () => readonly [false, () => void] | readonly [true];
 
@@ -954,8 +979,28 @@ declare const AvatarGroup: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "label" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    children?: never;
+    container?: ComponentPropsWithoutRef<typeof Portal>["container"];
+    /**
+     * An instance of toaster returned from the `createToaster` method.
+     */
+    toaster?: ReturnType<typeof createToaster>;
+} & RadixToast.ToastProviderProps & {
+    position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
+} & react.RefAttributes<HTMLOListElement>>;
+
 type AxiomProviderProps = {
     children?: ReactNode;
+    /**
+     * Props for the `ToastProvider` component
+     *
+     * {@link https://optimizely-axiom.github.io/optiaxiom/components/toast/ Documentation}
+     */
+    toast?: Omit<ComponentPropsWithoutRef<typeof ToastProvider>, "children">;
     /**
      * Props for the `TooltipProvider` component
      *
@@ -963,10 +1008,10 @@ type AxiomProviderProps = {
      */
     tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
 };
-declare const AxiomProvider: {
-    ({ children, tooltip }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare namespace AxiomProvider {
+    var displayName: string;
+}
 
 declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -981,31 +1026,6 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     variant?: "solid" | "light" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    disabled?: boolean;
-    external?: boolean;
-} & {
-    colorScheme?: "primary" | "secondary" | "neutral" | undefined;
-} & react.RefAttributes<HTMLAnchorElement>>;
-
-type BreadcrumbItemProps = ComponentPropsWithoutRef<typeof Link>;
-declare const BreadcrumbItem: ({ children, ...props }: BreadcrumbItemProps) => react_jsx_runtime.JSX.Element;
-
-type BreadcrumbsProps = BoxProps<"nav", {
-    maxItems?: number;
-    separator?: ReactNode;
-}>;
-declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    maxItems?: number;
-    separator?: ReactNode;
-} & react.RefAttributes<HTMLElement>>;
-
 declare const button: (props?: {
     colorScheme?: "primary" | "danger" | "neutral" | undefined;
     iconOnly?: boolean | undefined;
@@ -1083,7 +1103,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<RadixCheckbox.
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    endDecorator?: ReactNode;
+    description?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
@@ -1091,6 +1111,38 @@ declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
 
+type DialogProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
+declare function Dialog({ children, defaultOpen, modal, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
+
+declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    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 DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "primary" | "danger" | "neutral" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const content$1: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
@@ -1098,21 +1150,17 @@ declare const content$1: (props?: {
 };
 type DialogVariants = RecipeVariants<typeof content$1>;
 
-type DialogProps = BoxProps<typeof RadixDialog.Content, {
-    children: ReactNode;
-    modal?: boolean;
-    onClose: () => void;
-    open?: boolean;
+type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
     withCloseButton?: boolean;
 } & DialogVariants>;
-declare const Dialog: react.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    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>>;
+} & Sprinkles, never> & {
+    description?: string;
+} & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -1126,9 +1174,26 @@ declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
 declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    description?: string;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "primary" | "danger" | "neutral" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const content: (props?: {
     position?: "left" | "right" | "bottom" | undefined;
@@ -1169,6 +1234,57 @@ declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     description?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
+declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenu {
+    var displayName: string;
+}
+
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    description?: react.ReactNode;
+    endDecorator?: react.ReactNode;
+    startDecorator?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "primary" | "danger" | "neutral" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "id"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -1234,10 +1350,10 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
 type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
     keepOpenOnActivation?: boolean;
 }>;
-declare const HoverCard: {
-    ({ children, defaultOpen, keepOpenOnActivation, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function HoverCard({ children, defaultOpen, keepOpenOnActivation, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
 
 declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
@@ -1270,22 +1386,18 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
     position?: "bottom-right" | "top-right";
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "size" | "color" | "className" | "disabled"> & Omit<{
+declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size" | "asChild"> & Omit<{
-    asChild?: never;
-    children: react.ReactElement;
+} & Sprinkles, "size"> & Omit<{
     decoratorPointerEvents?: "auto" | "none";
     disabled?: boolean;
     endDecorator?: react.ReactNode;
     error?: boolean;
     startDecorator?: react.ReactNode;
 } & {
-    size?: "sm" | "md" | "lg" | undefined;
-}, "children"> & {
-    children?: never;
-} & {
+    size?: "md" | "lg" | undefined;
+}, never> & {
     appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
@@ -1313,56 +1425,6 @@ declare const Kbd: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
     variant?: "outline" | "subtle" | undefined;
 } & react.RefAttributes<HTMLElement>>;
 
-type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
-declare const Menu: {
-    ({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const MenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const MenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    endDecorator?: ReactNode;
-    startDecorator?: ReactNode;
-} & {
-    colorScheme?: "danger" | "neutral" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const MenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const MenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    endDecorator?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-    startDecorator?: react.ReactNode;
-} & Omit<{
-    colorScheme?: "primary" | "danger" | "neutral" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
 type PaginationProps = BoxProps<"nav", {
     boundaries?: number;
     defaultPage?: number;
@@ -1385,6 +1447,11 @@ declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     total: number;
 } & react.RefAttributes<HTMLElement>>;
 
+declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -1418,25 +1485,21 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRad
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    endDecorator?: ReactNode;
+    description?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Search: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "size" | "color" | "className" | "disabled"> & Omit<{
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size" | "asChild"> & Omit<{
-    asChild?: never;
-    children: react.ReactElement;
+} & Sprinkles, "size"> & Omit<{
     decoratorPointerEvents?: "auto" | "none";
     disabled?: boolean;
     endDecorator?: react.ReactNode;
     error?: boolean;
     startDecorator?: react.ReactNode;
 } & {
-    size?: "sm" | "md" | "lg" | undefined;
-}, "children"> & {
-    children?: never;
-} & {
+    size?: "md" | "lg" | undefined;
+}, never> & {
     appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
@@ -1883,7 +1946,7 @@ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.Swit
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & {
-    endDecorator?: ReactNode;
+    description?: ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
@@ -1892,7 +1955,7 @@ declare const Tabs: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsProp
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    appearance: "primary" | "secondary";
+    appearance?: "primary" | "secondary";
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const TabsContent: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
@@ -1946,15 +2009,13 @@ declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
 }, never> & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const input: (props?: {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
 type InputVariants = RecipeVariants<typeof input>;
 
 type InputBaseProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
-    asChild?: never;
-    children: ReactElement;
     /**
      * When this prop is set to `none` clicking empty space inside the
      * decorator will focus the input box.
@@ -2006,58 +2067,6 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-type ToastElement = ReactElement<ComponentPropsWithoutRef<typeof Toast>>;
-declare const createToaster: (store?: {
-    get: <Value>(atom: jotai.Atom<Value>) => Value;
-    set: <Value, Args extends unknown[], Result>(atom: jotai.WritableAtom<Value, Args, Result>, ...args: Args) => Result;
-    sub: (atom: jotai.Atom<unknown>, listener: () => void) => () => void;
-} | ({
-    get: <Value>(atom: jotai.Atom<Value>) => Value;
-    set: <Value, Args extends unknown[], Result>(atom: jotai.WritableAtom<Value, Args, Result>, ...args: Args) => Result;
-    sub: (atom: jotai.Atom<unknown>, listener: () => void) => () => void;
-} & {
-    dev4_get_internal_weak_map: () => WeakMap<jotai.Atom<unknown>, {
-        readonly d: Map<jotai.Atom<unknown>, number>;
-        readonly p: Set<jotai.Atom<unknown>>;
-        n: number;
-        m?: {
-            readonly l: Set<() => void>;
-            readonly d: Set<jotai.Atom<unknown>>;
-            readonly t: Set<jotai.Atom<unknown>>;
-            u?: () => void;
-        };
-        v?: unknown;
-        e?: unknown;
-    }>;
-    dev4_get_mounted_atoms: () => Set<jotai.Atom<unknown>>;
-    dev4_restore_atoms: (values: Iterable<readonly [jotai.Atom<unknown>, unknown]>) => void;
-})) => {
-    atom: jotai.PrimitiveAtom<{
-        id: string;
-        open: boolean;
-        toast: ToastElement;
-    }[]> & {
-        init: {
-            id: string;
-            open: boolean;
-            toast: ToastElement;
-        }[];
-    };
-    create: (toast: ToastElement) => string;
-    remove: (id: string) => void;
-};
-
-declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "label" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    children?: never;
-    container?: ComponentPropsWithoutRef<typeof Portal>["container"];
-    toaster: ReturnType<typeof createToaster>;
-} & RadixToast.ToastProviderProps & {
-    position?: "bottom" | "top" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
-} & react.RefAttributes<HTMLOListElement>>;
-
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -2113,4 +2122,4 @@ declare const Transition: react.ForwardRefExoticComponent<{
     type?: "pop" | "fade" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Pagination, type PaginationProps, PopoverAnchor, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SearchInput, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };