@vinyasa/feedback 1.0.21 → 1.0.23

package/dist/esm/880.js

@@ -1,7 +1,28 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import _vinyasa_button from "@vinyasa/button";
-import { Component } from "react";
-import { EmptyState as empty_state_EmptyState } from "./288.js";
+import { Children, Component, isValidElement } from "react";
+import { EmptyStateDescription, EmptyStateTitle, EmptyStateAction, EmptyState as empty_state_EmptyState } from "./288.js";
+const ErrorBoundaryContent = ({ children })=>children;
+ErrorBoundaryContent.displayName = 'ErrorBoundaryContent';
+const ErrorBoundaryFallback = (props)=>null;
+ErrorBoundaryFallback.displayName = 'ErrorBoundaryFallback';
+const findSlot = (children, type)=>Children.toArray(children).find((child)=>/*#__PURE__*/ isValidElement(child) && child.type === type);
+const defaultFallback = ({ error, resetErrorBoundary })=>/*#__PURE__*/ jsxs(empty_state_EmptyState, {
+        children: [
+            /*#__PURE__*/ jsx(EmptyStateTitle, {
+                children: "Something went wrong"
+            }),
+            /*#__PURE__*/ jsx(EmptyStateDescription, {
+                children: error.message
+            }),
+            /*#__PURE__*/ jsx(EmptyStateAction, {
+                children: /*#__PURE__*/ jsx(_vinyasa_button, {
+                    onClick: resetErrorBoundary,
+                    children: "Try again"
+                })
+            })
+        ]
+    });
 class ErrorBoundary extends Component {
     state = {
         error: null
@@ -27,21 +48,19 @@ class ErrorBoundary extends Component {
     };
     render() {
         const { error } = this.state;
-        if (!error) return this.props.children;
-        const { fallback } = this.props;
+        const { children } = this.props;
+        if (!error) return findSlot(children, ErrorBoundaryContent) ?? null;
+        const fallbackSlot = findSlot(children, ErrorBoundaryFallback);
+        const fallback = fallbackSlot?.props.children;
         if ('function' == typeof fallback) return fallback({
             error,
             resetErrorBoundary: this.reset
         });
-        return fallback ?? /*#__PURE__*/ jsx(empty_state_EmptyState, {
-            title: "Something went wrong",
-            description: error.message,
-            action: /*#__PURE__*/ jsx(_vinyasa_button, {
-                onClick: this.reset,
-                children: "Try again"
-            })
+        return fallback ?? defaultFallback({
+            error,
+            resetErrorBoundary: this.reset
         });
     }
 }
 const error_boundary_ErrorBoundary = ErrorBoundary;
-export { error_boundary_ErrorBoundary as ErrorBoundary };
+export { ErrorBoundaryContent, ErrorBoundaryFallback, error_boundary_ErrorBoundary as ErrorBoundary };

package/dist/esm/903.js

@@ -1,9 +1,9 @@
 import "./903.css";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import box from "@vinyasa/layout/box";
 import { forwardRef } from "react";
 import { createRuntimeFn } from "./953.js";
-import { statusIcons } from "./277.js";
+import { StatusProvider, useStatusContext, statusIcons } from "./277.js";
 var Alert_css_alert = createRuntimeFn({
     defaultClassName: '_1313gq0',
     variantClassNames: {
@@ -20,42 +20,52 @@ var Alert_css_alert = createRuntimeFn({
     compoundVariants: []
 });
 var body = '_1313gq6';
-var Alert_css_description = '_1313gq8';
+var description = '_1313gq8';
 var icon = '_1313gq5';
-var Alert_css_title = '_1313gq7';
-const Alert = /*#__PURE__*/ forwardRef(({ status = 'info', title, description, className, ...rest }, ref)=>{
-    const Icon = statusIcons[status];
+var title = '_1313gq7';
+const Alert = /*#__PURE__*/ forwardRef(({ status = 'info', className, children, ...rest }, ref)=>{
     const classes = className ? `${Alert_css_alert({
         status
     })} ${className}` : Alert_css_alert({
         status
     });
-    return /*#__PURE__*/ jsxs(box, {
-        ref: ref,
-        role: "alert",
-        className: classes,
-        ...rest,
-        children: [
-            /*#__PURE__*/ jsx(Icon, {
-                className: icon,
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: body,
-                children: [
-                    /*#__PURE__*/ jsx("p", {
-                        className: Alert_css_title,
-                        children: title
-                    }),
-                    description ? /*#__PURE__*/ jsx("p", {
-                        className: Alert_css_description,
-                        children: description
-                    }) : null
-                ]
-            })
-        ]
+    return /*#__PURE__*/ jsx(StatusProvider, {
+        value: status,
+        children: /*#__PURE__*/ jsx(box, {
+            ref: ref,
+            role: "alert",
+            className: classes,
+            ...rest,
+            children: children
+        })
     });
 });
 Alert.displayName = 'Alert';
 const alert_Alert = Alert;
-export { alert_Alert as Alert };
+const AlertIcon = ({ className, children, ...rest })=>{
+    const status = useStatusContext();
+    const StatusIcon = statusIcons[status];
+    return /*#__PURE__*/ jsx("span", {
+        className: className ? `${icon} ${className}` : icon,
+        "aria-hidden": "true",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(StatusIcon, {})
+    });
+};
+AlertIcon.displayName = 'AlertIcon';
+const AlertBody = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${body} ${className}` : body,
+        ...rest
+    });
+AlertBody.displayName = 'AlertBody';
+const AlertTitle = ({ className, ...rest })=>/*#__PURE__*/ jsx("p", {
+        className: className ? `${title} ${className}` : title,
+        ...rest
+    });
+AlertTitle.displayName = 'AlertTitle';
+const AlertDescription = ({ className, ...rest })=>/*#__PURE__*/ jsx("p", {
+        className: className ? `${description} ${className}` : description,
+        ...rest
+    });
+AlertDescription.displayName = "AlertDescription";
+export { AlertBody, AlertDescription, AlertIcon, AlertTitle, alert_Alert as Alert };

package/dist/esm/989.js

@@ -1,9 +1,9 @@
 import "./989.css";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import box from "@vinyasa/layout/box";
 import { forwardRef } from "react";
 import { createRuntimeFn } from "./953.js";
-import { statusIcons } from "./277.js";
+import { StatusProvider, useStatusContext, statusIcons } from "./277.js";
 var banner = createRuntimeFn({
     defaultClassName: 'a1nlu90',
     variantClassNames: {
@@ -21,26 +21,33 @@ var banner = createRuntimeFn({
 });
 var icon = 'a1nlu95';
 const Banner = /*#__PURE__*/ forwardRef(({ status = 'info', className, children, ...rest }, ref)=>{
-    const Icon = statusIcons[status];
     const classes = className ? `${banner({
         status
     })} ${className}` : banner({
         status
     });
-    return /*#__PURE__*/ jsxs(box, {
-        ref: ref,
-        role: "alert",
-        className: classes,
-        ...rest,
-        children: [
-            /*#__PURE__*/ jsx(Icon, {
-                className: icon,
-                "aria-hidden": "true"
-            }),
-            children
-        ]
+    return /*#__PURE__*/ jsx(StatusProvider, {
+        value: status,
+        children: /*#__PURE__*/ jsx(box, {
+            ref: ref,
+            role: "alert",
+            className: classes,
+            ...rest,
+            children: children
+        })
     });
 });
 Banner.displayName = 'Banner';
 const banner_Banner = Banner;
-export { banner_Banner as Banner };
+const BannerIcon = ({ className, children, ...rest })=>{
+    const status = useStatusContext();
+    const StatusIcon = statusIcons[status];
+    return /*#__PURE__*/ jsx("span", {
+        className: className ? `${icon} ${className}` : icon,
+        "aria-hidden": "true",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(StatusIcon, {})
+    });
+};
+BannerIcon.displayName = 'BannerIcon';
+export { BannerIcon, banner_Banner as Banner };

package/dist/esm/alert.js

@@ -1 +1 @@
-export { Alert as default } from "./903.js";
+export { Alert as default, AlertBody, AlertDescription, AlertIcon, AlertTitle } from "./903.js";

package/dist/esm/banner.js

@@ -1 +1 @@
-export { Banner as default } from "./989.js";
+export { Banner as default, BannerIcon } from "./989.js";

package/dist/esm/circular-progress.js

@@ -1 +1 @@
-export { CircularProgress as default } from "./266.js";
+export { CircularProgress as default, CircularProgressIndicator } from "./266.js";

package/dist/esm/components/alert/Alert.d.ts

@@ -1,14 +1,30 @@
 import { type BoxProps } from '@vinyasa/layout/box';
-import { type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 import { type Status } from '../../status';
-export type AlertProps = Omit<BoxProps, 'title'> & {
+export type AlertProps = Omit<BoxProps, 'status'> & {
     status?: Status;
-    title: ReactNode;
-    description?: ReactNode;
 };
-declare const Alert: import("react").ForwardRefExoticComponent<Omit<BoxProps, "title"> & {
+declare const Alert: import("react").ForwardRefExoticComponent<Omit<BoxProps, "status"> & {
     status?: Status;
-    title: ReactNode;
-    description?: ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;
 export default Alert;
+export type AlertIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const AlertIcon: {
+    ({ className, children, ...rest }: AlertIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type AlertBodyProps = ComponentPropsWithoutRef<'div'>;
+export declare const AlertBody: {
+    ({ className, ...rest }: AlertBodyProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type AlertTitleProps = ComponentPropsWithoutRef<'p'>;
+export declare const AlertTitle: {
+    ({ className, ...rest }: AlertTitleProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type AlertDescriptionProps = ComponentPropsWithoutRef<'p'>;
+export declare const AlertDescription: {
+    ({ className, ...rest }: AlertDescriptionProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/alert/index.d.ts

@@ -1 +1 @@
-export { default, type AlertProps } from './Alert';
+export { default, AlertBody, AlertDescription, AlertIcon, AlertTitle, type AlertBodyProps, type AlertDescriptionProps, type AlertIconProps, type AlertProps, type AlertTitleProps, } from './Alert';

package/dist/esm/components/banner/Banner.d.ts

@@ -1,12 +1,15 @@
 import { type BoxProps } from '@vinyasa/layout/box';
-import { type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 import { type Status } from '../../status';
-export type BannerProps = Omit<BoxProps, 'children'> & {
+export type BannerProps = Omit<BoxProps, 'status'> & {
     status?: Status;
-    children?: ReactNode;
 };
-declare const Banner: import("react").ForwardRefExoticComponent<Omit<BoxProps, "children"> & {
+declare const Banner: import("react").ForwardRefExoticComponent<Omit<BoxProps, "status"> & {
     status?: Status;
-    children?: ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;
 export default Banner;
+export type BannerIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const BannerIcon: {
+    ({ className, children, ...rest }: BannerIconProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/banner/index.d.ts

@@ -1 +1 @@
-export { default, type BannerProps } from './Banner';
+export { default, BannerIcon, type BannerIconProps, type BannerProps } from './Banner';

package/dist/esm/components/circular-progress/CircularProgress.d.ts

@@ -1,17 +1,25 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import * as Progress from '@radix-ui/react-progress';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { type SpacingProps } from '../../spacing';
-export type CircularProgressProps = Omit<ComponentPropsWithoutRef<'svg'>, 'children'> & SpacingProps & {
+export type CircularProgressProps = Omit<ComponentPropsWithoutRef<typeof Progress.Root>, 'value' | 'asChild'> & SpacingProps & {
     /** Current progress, 0-max. Omit for an indeterminate spinning ring. */
     value?: number;
     max?: number;
     size?: number;
     strokeWidth?: number;
+    children?: ReactNode;
 };
-declare const CircularProgress: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref">, "children"> & SpacingProps & {
+declare const CircularProgress: import("react").ForwardRefExoticComponent<Omit<Omit<Progress.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value" | "asChild"> & SpacingProps & {
     /** Current progress, 0-max. Omit for an indeterminate spinning ring. */
     value?: number;
     max?: number;
     size?: number;
     strokeWidth?: number;
+    children?: ReactNode;
 } & import("react").RefAttributes<SVGSVGElement>>;
 export default CircularProgress;
+export type CircularProgressIndicatorProps = ComponentPropsWithoutRef<'circle'>;
+export declare const CircularProgressIndicator: {
+    ({ className, style, ...rest }: CircularProgressIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/circular-progress/index.d.ts

@@ -1 +1 @@
-export { default, type CircularProgressProps } from './CircularProgress';
+export { default, CircularProgressIndicator, type CircularProgressIndicatorProps, type CircularProgressProps, } from './CircularProgress';

package/dist/esm/components/empty-state/EmptyState.d.ts

@@ -1,15 +1,26 @@
 import { type CenterProps } from '@vinyasa/layout';
-import { type ReactNode } from 'react';
-export type EmptyStateProps = Omit<CenterProps, 'children'> & {
-    icon?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    action?: ReactNode;
-};
-declare const EmptyState: import("react").ForwardRefExoticComponent<Omit<CenterProps, "children"> & {
-    icon?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    action?: ReactNode;
-} & import("react").RefAttributes<HTMLElement>>;
+import { type HeadingProps, type ParagraphProps } from '@vinyasa/typography';
+import { type ComponentPropsWithoutRef } from 'react';
+export type EmptyStateProps = CenterProps;
+declare const EmptyState: import("react").ForwardRefExoticComponent<CenterProps & import("react").RefAttributes<HTMLElement>>;
 export default EmptyState;
+export type EmptyStateIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const EmptyStateIcon: {
+    ({ className, ...rest }: EmptyStateIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type EmptyStateTitleProps = HeadingProps;
+export declare const EmptyStateTitle: {
+    ({ size, ...rest }: EmptyStateTitleProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type EmptyStateDescriptionProps = ParagraphProps;
+export declare const EmptyStateDescription: {
+    ({ color, ...rest }: EmptyStateDescriptionProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type EmptyStateActionProps = ComponentPropsWithoutRef<'div'>;
+export declare const EmptyStateAction: {
+    (props: EmptyStateActionProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/empty-state/index.d.ts

@@ -1 +1 @@
-export { default, type EmptyStateProps } from './EmptyState';
+export { default, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, type EmptyStateActionProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, } from './EmptyState';

package/dist/esm/components/error-boundary/ErrorBoundary.d.ts

@@ -1,17 +1,24 @@
 import { Component, type ErrorInfo, type ReactNode } from 'react';
-export interface ErrorBoundaryFallbackProps {
+export interface ErrorBoundaryFallbackRenderProps {
     error: Error;
     resetErrorBoundary: () => void;
 }
+export interface ErrorBoundaryContentProps {
+    children: ReactNode;
+}
+export declare const ErrorBoundaryContent: {
+    ({ children }: ErrorBoundaryContentProps): ReactNode;
+    displayName: string;
+};
+export interface ErrorBoundaryFallbackProps {
+    children: ReactNode | ((props: ErrorBoundaryFallbackRenderProps) => ReactNode);
+}
+export declare const ErrorBoundaryFallback: {
+    (props: ErrorBoundaryFallbackProps): null;
+    displayName: string;
+};
 export interface ErrorBoundaryProps {
     children: ReactNode;
-    /**
-     * A plain node, or a render function receiving the caught error and a
-     * `resetErrorBoundary` callback — same shape as the `react-error-boundary`
-     * package's `fallbackRender`, the de facto standard API for this.
-     * Defaults to an EmptyState with a "Try again" action wired to reset.
-     */
-    fallback?: ReactNode | ((props: ErrorBoundaryFallbackProps) => ReactNode);
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
     /** Called after the boundary resets, before children re-render. */
     onReset?: () => void;
@@ -27,6 +34,6 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps): void;
     reset: () => void;
-    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    render(): ReactNode;
 }
 export default ErrorBoundary;

package/dist/esm/components/error-boundary/index.d.ts

@@ -1 +1 @@
-export { default, type ErrorBoundaryFallbackProps, type ErrorBoundaryProps } from './ErrorBoundary';
+export { default, ErrorBoundaryContent, ErrorBoundaryFallback, type ErrorBoundaryContentProps, type ErrorBoundaryFallbackProps, type ErrorBoundaryFallbackRenderProps, type ErrorBoundaryProps, } from './ErrorBoundary';

package/dist/esm/components/inline-message/InlineMessage.d.ts

@@ -8,3 +8,8 @@ declare const InlineMessage: import("react").ForwardRefExoticComponent<Omit<impo
     status?: Status;
 } & import("react").RefAttributes<HTMLSpanElement>>;
 export default InlineMessage;
+export type InlineMessageIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const InlineMessageIcon: {
+    ({ className, children, ...rest }: InlineMessageIconProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/inline-message/index.d.ts

@@ -1 +1 @@
-export { default, type InlineMessageProps } from './InlineMessage';
+export { default, InlineMessageIcon, type InlineMessageIconProps, type InlineMessageProps, } from './InlineMessage';

package/dist/esm/components/loading-overlay/LoadingOverlay.d.ts

@@ -1,5 +1,5 @@
 import { type BoxProps } from '@vinyasa/layout/box';
-import { type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 export type LoadingOverlayProps = Omit<BoxProps, 'children'> & {
     visible: boolean;
     children?: ReactNode;
@@ -9,3 +9,13 @@ declare const LoadingOverlay: import("react").ForwardRefExoticComponent<Omit<Box
     children?: ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;
 export default LoadingOverlay;
+export type LoadingOverlayBackdropProps = ComponentPropsWithoutRef<'div'>;
+export declare const LoadingOverlayBackdrop: {
+    ({ className, ...rest }: LoadingOverlayBackdropProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export type LoadingOverlayContentProps = ComponentPropsWithoutRef<'div'>;
+export declare const LoadingOverlayContent: {
+    ({ className, children, ...rest }: LoadingOverlayContentProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/esm/components/loading-overlay/index.d.ts

@@ -1 +1 @@
-export { default, type LoadingOverlayProps } from './LoadingOverlay';
+export { default, LoadingOverlayBackdrop, LoadingOverlayContent, type LoadingOverlayBackdropProps, type LoadingOverlayContentProps, type LoadingOverlayProps, } from './LoadingOverlay';

package/dist/esm/components/progress-bar/ProgressBar.d.ts

@@ -1,12 +1,19 @@
-import { type BoxProps } from '@vinyasa/layout/box';
-export type ProgressBarProps = Omit<BoxProps, 'children'> & {
+import * as Progress from '@radix-ui/react-progress';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpacingProps } from '../../spacing';
+export type ProgressBarProps = Omit<ComponentPropsWithoutRef<typeof Progress.Root>, 'value'> & SpacingProps & {
     /** Current progress, 0-max. */
     value: number;
     max?: number;
 };
-declare const ProgressBar: import("react").ForwardRefExoticComponent<Omit<BoxProps, "children"> & {
+declare const ProgressBar: import("react").ForwardRefExoticComponent<Omit<Omit<Progress.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & SpacingProps & {
     /** Current progress, 0-max. */
     value: number;
     max?: number;
-} & import("react").RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default ProgressBar;
+export type ProgressBarIndicatorProps = ComponentPropsWithoutRef<typeof Progress.Indicator>;
+export declare const ProgressBarIndicator: {
+    ({ className, style, ...rest }: ProgressBarIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/progress-bar/index.d.ts

@@ -1 +1 @@
-export { default, type ProgressBarProps } from './ProgressBar';
+export { default, ProgressBarIndicator, type ProgressBarIndicatorProps, type ProgressBarProps, } from './ProgressBar';

package/dist/esm/components/spinner/Spinner.d.ts

@@ -5,6 +5,6 @@ import { spinner } from './Spinner.css';
 type SpinnerVariants = RecipeVariants<typeof spinner>;
 export type SpinnerProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & SpinnerVariants & SpacingProps;
 declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
-    size?: "lg" | "sm" | "md" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
 } & SpacingProps & import("react").RefAttributes<HTMLSpanElement>>;
 export default Spinner;

package/dist/esm/components/toaster/Toaster.css.d.ts

@@ -1,4 +1,4 @@
-export declare const stack: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const viewport: import("@vanilla-extract/recipes").RuntimeFn<{
     position: {
         'top-left': {
             top: `var(--${string})`;
@@ -48,12 +48,9 @@ export declare const toastCard: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const enterFromTop: string;
-export declare const enterFromBottom: string;
-export declare const exitToTop: string;
-export declare const exitToBottom: string;
 export declare const icon: string;
 export declare const body: string;
 export declare const title: string;
 export declare const description: string;
 export declare const closeButton: string;
+export declare const action: string;

package/dist/esm/components/toaster/Toaster.d.ts

@@ -1,3 +1,6 @@
+import { ToastAction, ToastClose, ToastDescription, ToastTitle, type ToastActionProps, type ToastCloseProps, type ToastDescriptionProps, type ToastTitleProps } from './ToasterItem';
+export { ToastAction, ToastClose, ToastDescription, ToastTitle };
+export type { ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastTitleProps };
 export type ToasterPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 export interface ToasterProps {
     /** Defaults to 'bottom-right'. */

package/dist/esm/components/toaster/ToasterItem.d.ts

@@ -0,0 +1,18 @@
+import * as Toast from '@radix-ui/react-toast';
+import { type ComponentPropsWithoutRef } from 'react';
+import type { ToastItem } from './toastStore';
+export type ToastTitleProps = ComponentPropsWithoutRef<typeof Toast.Title>;
+export declare const ToastTitle: import("react").ForwardRefExoticComponent<Omit<Toast.ToastTitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type ToastDescriptionProps = ComponentPropsWithoutRef<typeof Toast.Description>;
+export declare const ToastDescription: import("react").ForwardRefExoticComponent<Omit<Toast.ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type ToastActionProps = ComponentPropsWithoutRef<typeof Toast.Action>;
+export declare const ToastAction: import("react").ForwardRefExoticComponent<Omit<Toast.ToastActionProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type ToastCloseProps = ComponentPropsWithoutRef<typeof Toast.Close>;
+export declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<Toast.ToastCloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export interface ToasterItemProps extends ToastItem {
+    /** Which edge the stack is anchored to — decides which way this animates. */
+    edge: 'top' | 'bottom';
+    onOpenChange: (open: boolean) => void;
+}
+declare const ToasterItem: ({ status, title: itemTitle, description: itemDescription, duration, open, edge, onOpenChange, }: ToasterItemProps) => import("react").JSX.Element;
+export default ToasterItem;

package/dist/esm/components/toaster/index.d.ts

@@ -1,2 +1,2 @@
-export { default, type ToasterPosition, type ToasterProps } from './Toaster';
+export { default, ToastAction, ToastClose, ToastDescription, ToastTitle, type ToastActionProps, type ToastCloseProps, type ToastDescriptionProps, type ToasterPosition, type ToasterProps, type ToastTitleProps, } from './Toaster';
 export { toast, type ToastItem, type ToastOptions } from './toastStore';

package/dist/esm/components/toaster/toastStore.d.ts

@@ -12,8 +12,8 @@ export interface ToastItem {
     title: string;
     description?: string;
     duration: number;
-    /** True while playing its exit animation, just before actual removal. */
-    exiting: boolean;
+    /** Controls Radix's `Toast.Root` — false starts its exit animation. */
+    open: boolean;
 }
 export declare const TOAST_EXIT_DURATION_MS = 150;
 export declare const subscribe: (listener: () => void) => (() => void);

package/dist/esm/empty-state.js

@@ -1 +1 @@
-export { EmptyState as default } from "./288.js";
+export { EmptyState as default, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle } from "./288.js";

package/dist/esm/error-boundary.js

@@ -1 +1 @@
-export { ErrorBoundary as default } from "./880.js";
+export { ErrorBoundary as default, ErrorBoundaryContent, ErrorBoundaryFallback } from "./880.js";

package/dist/esm/index.d.ts

@@ -1,12 +1,12 @@
-export { default as Alert, type AlertProps } from './components/alert';
-export { default as Banner, type BannerProps } from './components/banner';
-export { default as CircularProgress, type CircularProgressProps, } from './components/circular-progress';
-export { default as EmptyState, type EmptyStateProps } from './components/empty-state';
-export { default as ErrorBoundary, type ErrorBoundaryFallbackProps, type ErrorBoundaryProps, } from './components/error-boundary';
-export { default as InlineMessage, type InlineMessageProps } from './components/inline-message';
-export { default as LoadingOverlay, type LoadingOverlayProps } from './components/loading-overlay';
-export { default as ProgressBar, type ProgressBarProps } from './components/progress-bar';
+export { default as Alert, AlertBody, AlertDescription, AlertIcon, AlertTitle, type AlertBodyProps, type AlertDescriptionProps, type AlertIconProps, type AlertProps, type AlertTitleProps, } from './components/alert';
+export { default as Banner, BannerIcon, type BannerIconProps, type BannerProps, } from './components/banner';
+export { default as CircularProgress, CircularProgressIndicator, type CircularProgressIndicatorProps, type CircularProgressProps, } from './components/circular-progress';
+export { default as EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, type EmptyStateActionProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, } from './components/empty-state';
+export { default as ErrorBoundary, ErrorBoundaryContent, ErrorBoundaryFallback, type ErrorBoundaryContentProps, type ErrorBoundaryFallbackProps, type ErrorBoundaryFallbackRenderProps, type ErrorBoundaryProps, } from './components/error-boundary';
+export { default as InlineMessage, InlineMessageIcon, type InlineMessageIconProps, type InlineMessageProps, } from './components/inline-message';
+export { default as LoadingOverlay, LoadingOverlayBackdrop, LoadingOverlayContent, type LoadingOverlayBackdropProps, type LoadingOverlayContentProps, type LoadingOverlayProps, } from './components/loading-overlay';
+export { default as ProgressBar, ProgressBarIndicator, type ProgressBarIndicatorProps, type ProgressBarProps, } from './components/progress-bar';
 export { default as Skeleton, type SkeletonProps } from './components/skeleton';
 export { default as Spinner, type SpinnerProps } from './components/spinner';
-export { default as Toaster, toast, type ToasterPosition, type ToasterProps, type ToastItem, type ToastOptions, } from './components/toaster';
+export { default as Toaster, toast, ToastAction, ToastClose, ToastDescription, ToastTitle, type ToasterPosition, type ToasterProps, type ToastActionProps, type ToastCloseProps, type ToastDescriptionProps, type ToastItem, type ToastOptions, type ToastTitleProps, } from './components/toaster';
 export type { Status } from './status';

package/dist/esm/index.js

@@ -1,11 +1,11 @@
-export { Alert } from "./903.js";
-export { Banner } from "./989.js";
-export { CircularProgress } from "./266.js";
-export { EmptyState } from "./288.js";
-export { ErrorBoundary } from "./880.js";
-export { InlineMessage } from "./516.js";
-export { LoadingOverlay } from "./158.js";
-export { ProgressBar } from "./872.js";
+export { Alert, AlertBody, AlertDescription, AlertIcon, AlertTitle } from "./903.js";
+export { Banner, BannerIcon } from "./989.js";
+export { CircularProgress, CircularProgressIndicator } from "./266.js";
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle } from "./288.js";
+export { ErrorBoundary, ErrorBoundaryContent, ErrorBoundaryFallback } from "./880.js";
+export { InlineMessage, InlineMessageIcon } from "./516.js";
+export { LoadingOverlay, LoadingOverlayBackdrop, LoadingOverlayContent } from "./158.js";
+export { ProgressBar, ProgressBarIndicator } from "./872.js";
 export { Skeleton } from "./495.js";
 export { Spinner } from "./703.js";
-export { Toaster, toast } from "./147.js";
+export { ToastAction, ToastClose, ToastDescription, ToastTitle, Toaster, toast } from "./147.js";