@spark-ui/components 12.1.2 → 13.0.1-beta.0

package/dist/index-BRKaV3lI.d.mts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "main" | "surface" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, Popover as P };

package/dist/index-BRKaV3lI.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "main" | "surface" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, Popover as P };

package/dist/index-Cw_DIfiq.d.mts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "surface" | "main" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/index-Cw_DIfiq.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "surface" | "main" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/spinner/index.d.mts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerStyles: (props?: ({
-    size?: "sm" | "md" | "current" | "full" | null | undefined;
-    intent?: "main" | "alert" | "error" | "current" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
+    size?: "current" | "sm" | "md" | "full" | null | undefined;
+    intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
     isBackgroundVisible?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SpinnerStylesProps = VariantProps<typeof spinnerStyles>;

package/dist/spinner/index.d.ts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerStyles: (props?: ({
-    size?: "sm" | "md" | "current" | "full" | null | undefined;
-    intent?: "main" | "alert" | "error" | "current" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
+    size?: "current" | "sm" | "md" | "full" | null | undefined;
+    intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
     isBackgroundVisible?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SpinnerStylesProps = VariantProps<typeof spinnerStyles>;

package/dist/tabs/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Tabs as Tabs$2 } from 'radix-ui';
-import * as react from 'react';
+import * as React from 'react';
 import { PropsWithChildren, Ref, ReactElement, ComponentType, ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -80,8 +80,8 @@ interface TabsPopoverTriggerProps extends Omit<TriggerProps, 'asChild' | 'childr
     'aria-label': string;
     children?: ReactNode;
 }
-declare const TabsPopoverTrigger: react.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare const TabsPopoverContent: react.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsPopoverTrigger: React.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsPopoverContent: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger;
 type TabsPopoverContentComponent = typeof TabsPopoverContent;
 type ConfiguredPopoverComponent = ComponentType<PopoverProps> & Omit<typeof Popover, 'Content' | 'Trigger'> & {

package/dist/tabs/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Tabs as Tabs$2 } from 'radix-ui';
-import * as react from 'react';
+import * as React from 'react';
 import { PropsWithChildren, Ref, ReactElement, ComponentType, ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -80,8 +80,8 @@ interface TabsPopoverTriggerProps extends Omit<TriggerProps, 'asChild' | 'childr
     'aria-label': string;
     children?: ReactNode;
 }
-declare const TabsPopoverTrigger: react.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare const TabsPopoverContent: react.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsPopoverTrigger: React.ForwardRefExoticComponent<Omit<TabsPopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsPopoverContent: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger;
 type TabsPopoverContentComponent = typeof TabsPopoverContent;
 type ConfiguredPopoverComponent = ComponentType<PopoverProps> & Omit<typeof Popover, 'Content' | 'Trigger'> & {

package/dist/toast/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Toast } from '@base-ui-components/react/toast';
-import * as react from 'react';
+import * as React from 'react';
 import { ButtonProps } from '../button/index.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
@@ -8,12 +8,14 @@ import 'class-variance-authority';
 type ToastIntent = 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'error' | 'info' | 'neutral' | 'surface' | 'surfaceInverse';
 type ToastDesign = 'tinted' | 'filled';
 interface ToastData {
-    icon?: react.ReactNode;
+    icon?: React.ReactNode;
     design?: ToastDesign;
     intent?: ToastIntent;
     isClosable?: boolean;
     closeLabel?: string;
     compact?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
     action?: {
         close?: boolean;
         label: string;
@@ -21,8 +23,10 @@ interface ToastData {
     } & ButtonProps;
 }
 type ToastObject = Toast.Root.ToastObject<ToastData>;
-interface AddOptions extends Omit<ToastObject, 'id' | 'animation' | 'height' | 'ref' | 'limited'> {
+interface AddOptions extends Omit<ToastObject, 'id' | 'animation' | 'height' | 'ref' | 'limited' | 'title' | 'description'> {
     id?: string;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
 }
 type UpdateOptions = Partial<AddOptions>;
 interface PromiseOptions<Value> {
@@ -41,19 +45,19 @@ interface UseToastManagerReturnValue {
 
 declare function useToastManager(): UseToastManagerReturnValue;
 
-interface ToastProviderProps extends react.ComponentProps<typeof Toast.Provider> {
-    children: react.ReactNode;
+interface ToastProviderProps extends React.ComponentProps<typeof Toast.Provider> {
+    children: React.ReactNode;
 }
 declare function ToastProvider({ children, limit, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
-interface ToastTriggerProps extends react.ComponentPropsWithRef<'button'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
-    children: react.ReactNode;
+interface ToastTriggerProps extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
+    children: React.ReactNode;
     asChild?: boolean;
-    title: string;
-    description?: string;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
     timeout?: number;
 }
 declare function ToastTrigger({ children, onClick, asChild, title, description, timeout, design, intent, isClosable, icon, action, compact, priority, }: ToastTriggerProps): react_jsx_runtime.JSX.Element;
 type ToastManager = ReturnType<typeof Toast.createToastManager>;
 declare const createToastManager: () => ToastManager;
 
-export { type ToastData, type ToastDesign, type ToastIntent, type ToastManager, type ToastObject, ToastProvider, ToastTrigger, type UseToastManagerReturnValue, createToastManager, useToastManager };
+export { type AddOptions, type ToastData, type ToastDesign, type ToastIntent, type ToastManager, type ToastObject, ToastProvider, ToastTrigger, type UseToastManagerReturnValue, createToastManager, useToastManager };

package/dist/toast/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Toast } from '@base-ui-components/react/toast';
-import * as react from 'react';
+import * as React from 'react';
 import { ButtonProps } from '../button/index.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
@@ -8,12 +8,14 @@ import 'class-variance-authority';
 type ToastIntent = 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'error' | 'info' | 'neutral' | 'surface' | 'surfaceInverse';
 type ToastDesign = 'tinted' | 'filled';
 interface ToastData {
-    icon?: react.ReactNode;
+    icon?: React.ReactNode;
     design?: ToastDesign;
     intent?: ToastIntent;
     isClosable?: boolean;
     closeLabel?: string;
     compact?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
     action?: {
         close?: boolean;
         label: string;
@@ -21,8 +23,10 @@ interface ToastData {
     } & ButtonProps;
 }
 type ToastObject = Toast.Root.ToastObject<ToastData>;
-interface AddOptions extends Omit<ToastObject, 'id' | 'animation' | 'height' | 'ref' | 'limited'> {
+interface AddOptions extends Omit<ToastObject, 'id' | 'animation' | 'height' | 'ref' | 'limited' | 'title' | 'description'> {
     id?: string;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
 }
 type UpdateOptions = Partial<AddOptions>;
 interface PromiseOptions<Value> {
@@ -41,19 +45,19 @@ interface UseToastManagerReturnValue {
 
 declare function useToastManager(): UseToastManagerReturnValue;
 
-interface ToastProviderProps extends react.ComponentProps<typeof Toast.Provider> {
-    children: react.ReactNode;
+interface ToastProviderProps extends React.ComponentProps<typeof Toast.Provider> {
+    children: React.ReactNode;
 }
 declare function ToastProvider({ children, limit, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
-interface ToastTriggerProps extends react.ComponentPropsWithRef<'button'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
-    children: react.ReactNode;
+interface ToastTriggerProps extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>, Pick<ToastObject, 'priority'>, Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {
+    children: React.ReactNode;
     asChild?: boolean;
-    title: string;
-    description?: string;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
     timeout?: number;
 }
 declare function ToastTrigger({ children, onClick, asChild, title, description, timeout, design, intent, isClosable, icon, action, compact, priority, }: ToastTriggerProps): react_jsx_runtime.JSX.Element;
 type ToastManager = ReturnType<typeof Toast.createToastManager>;
 declare const createToastManager: () => ToastManager;
 
-export { type ToastData, type ToastDesign, type ToastIntent, type ToastManager, type ToastObject, ToastProvider, ToastTrigger, type UseToastManagerReturnValue, createToastManager, useToastManager };
+export { type AddOptions, type ToastData, type ToastDesign, type ToastIntent, type ToastManager, type ToastObject, ToastProvider, ToastTrigger, type UseToastManagerReturnValue, createToastManager, useToastManager };

package/dist/toast/index.js

@@ -1324,6 +1324,29 @@ function Toast({ toast }) {
       }
     );
   };
+  const renderTitle = () => {
+    const title = toast.data?.title ?? toast.title;
+    const hasDescription = !!(toast.data?.description ?? toast.description);
+    if (typeof title !== "string" && title !== void 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_toast.Toast.Title,
+        {
+          className: hasDescription ? "text-headline-2" : "text-body-1",
+          render: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {}),
+          children: title
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Title, { className: hasDescription ? "text-headline-2" : "text-body-1" });
+  };
+  const renderDescription = () => {
+    const description = toast.data?.description ?? toast.description;
+    if (!description) return null;
+    if (typeof description !== "string") {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1 break-all", render: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {}), children: description });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1 break-all" });
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_class_variance_authority7.cx)("flex", compact ? "gap-lg items-center" : "gap-md flex-col"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "gap-lg p-md flex grow items-center", children: [
       ToastIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { size: "md", children: ToastIcon }),
@@ -1336,8 +1359,8 @@ function Toast({ toast }) {
             !compact && isClosable && "pr-3xl"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Title, { className: toast.description ? "text-headline-2" : "text-body-1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1" })
+            renderTitle(),
+            renderDescription()
           ]
         }
       )
@@ -1399,7 +1422,7 @@ function ToastTrigger({
   compact,
   priority = "low"
 }) {
-  const toastManager = import_toast3.Toast.useToastManager();
+  const toastManager = useToastManager();
   const Component = asChild ? Slot : "button";
   function createToast(e) {
     onClick?.(e);