twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/primitives/accessibility.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../accessibility-BEkMTFE2.cjs"),i=require("../handleClickableElementKeyDown-CByqtBhO.cjs");exports.VisibilityHidden=e.VisibilityHidden;exports.VisibilityHiddenInput=e.VisibilityHiddenInput;exports.handleClickableElementKeyDown=i.handleClickableElementKeyDown;

package/dist/primitives/accessibility.mjs

@@ -0,0 +1,7 @@
+import { n as t, t as e } from "../accessibility-C7H0m2Th.js";
+import { t as l } from "../handleClickableElementKeyDown-C8Uz61XJ.js";
+export {
+  t as VisibilityHidden,
+  e as VisibilityHiddenInput,
+  l as handleClickableElementKeyDown
+};

package/dist/primitives/data-display/Avatar/Avatar.d.ts

@@ -0,0 +1,2 @@
+import { AvatarProps } from './types/AvatarProps';
+export declare const Avatar: ({ src, name, colorSeed, size, shape, variant, icon, color, backgroundColor, borderColor, pulsing, disabled, nativeButton, onClick, className, style, render, "aria-label": ariaLabel, ...props }: AvatarProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/types/AvatarProps.d.ts

@@ -0,0 +1,19 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { ReactNode } from 'react';
+import { AvatarSize } from './AvatarSize';
+import { AvatarShape } from './AvatarShape';
+export type AvatarProps = Omit<AvatarPrimitive.Root.Props, 'children'> & {
+    src?: string | null;
+    name?: string;
+    colorSeed?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    variant?: 'soft' | 'outline';
+    icon?: ReactNode;
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    pulsing?: boolean;
+    disabled?: boolean;
+    nativeButton?: boolean;
+};

package/dist/primitives/data-display/Avatar/types/AvatarShape.d.ts

@@ -0,0 +1 @@
+export type AvatarShape = 'square' | 'rounded-square' | 'circle';

package/dist/primitives/data-display/AvatarOrIcon/AvatarOrIcon.d.ts

@@ -0,0 +1,2 @@
+import { AvatarOrIconProps } from './types/AvatarOrIconProps';
+export declare const AvatarOrIcon: ({ Icon, colorSeed, shape, src, name, isIconInverted, IconColor, IconBackgroundColor, onClick, }: AvatarOrIconProps) => import("react").JSX.Element;

package/dist/primitives/data-display/AvatarOrIcon/types/AvatarOrIconProps.d.ts

@@ -0,0 +1,12 @@
+import { AvatarProps } from '../../Avatar/types/AvatarProps';
+import { AvatarShape } from '../../Avatar/types/AvatarShape';
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { Nullable } from '../../../../utilities';
+export type AvatarOrIconProps = Pick<AvatarProps, 'src' | 'name' | 'colorSeed'> & {
+    shape?: Nullable<AvatarShape>;
+    Icon?: IconComponent;
+    IconColor?: string;
+    IconBackgroundColor?: string;
+    isIconInverted?: boolean;
+    onClick?: () => void;
+};

package/dist/primitives/data-display/Chip/Chip.d.ts

@@ -0,0 +1,2 @@
+import { ChipProps } from './types/ChipProps';
+export declare const Chip: ({ children, size, variant, color, shape, weight, disabled, onClick, clickable, nativeButton, startElement, endElement, endElementDivider, maxWidth, tooltipLabel, tooltipPlace, alwaysShowTooltip, isLabelHidden, forceEmptyText, emptyLabel, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Chip/types/ChipProps.d.ts

@@ -0,0 +1,25 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { TooltipPosition } from '../../../surfaces/AppTooltip/AppTooltip';
+import { ChipSize } from './ChipSize';
+import { ChipVariant } from './ChipVariant';
+export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
+    size?: ChipSize;
+    variant?: ChipVariant;
+    color?: 'primary' | 'secondary';
+    shape?: 'square' | 'round';
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    clickable?: boolean;
+    nativeButton?: boolean;
+    startElement?: ReactNode;
+    endElement?: ReactNode;
+    endElementDivider?: boolean;
+    maxWidth?: number;
+    tooltipLabel?: string;
+    tooltipPlace?: TooltipPosition;
+    alwaysShowTooltip?: boolean;
+    isLabelHidden?: boolean;
+    forceEmptyText?: boolean;
+    emptyLabel?: string;
+};

package/dist/primitives/data-display/Chip/types/ChipSize.d.ts

@@ -0,0 +1 @@
+export type ChipSize = 'sm' | 'md';

package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts

@@ -0,0 +1 @@
+export type ChipVariant = 'solid' | 'soft' | 'ghost';

package/dist/{data-display → primitives/data-display}/ColorSample/ColorSample.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 export type ColorSampleVariant = 'circle' | 'default' | 'pipeline';
 type StyledColorSampleProps = {
     colorName: ThemeColor;

package/dist/primitives/data-display/LinkChip/LinkChip.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, MouseEvent } from 'react';
+import { Link } from 'react-router-dom';
+import { ChipProps } from '../Chip/types/ChipProps';
+import { TriggerEventType } from '../../../utilities';
+export type LinkChipProps = Omit<ChipProps, 'render' | 'ref' | 'onClick' | 'onMouseDown' | 'disabled' | 'nativeButton'> & Pick<ComponentPropsWithRef<typeof Link>, 'target' | 'ref'> & {
+    to: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLElement>) => void;
+    triggerEvent?: TriggerEventType;
+};
+export declare const LinkChip: ({ to, target, onClick, onMouseDown, triggerEvent, ref, ...props }: LinkChipProps) => import("react").JSX.Element;

package/dist/{data-display → primitives/data-display}/Pill/Pill.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 type PillProps = {
     className?: string;
     label?: string;

package/dist/{data-display → primitives/data-display}/SelectDisplay/SelectDisplay.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon/types/IconComponent';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon/types/IconComponent';
+import { ThemeColor } from '../../../theme';
 type SelectDisplayProps = {
     color: ThemeColor | 'transparent';
     label: string;

package/dist/primitives/data-display/Status/Status.d.ts

@@ -0,0 +1,2 @@
+import { StatusProps } from './types/StatusProps';
+export declare const Status: ({ children, color, loading, weight, disabled, nativeButton, onClick, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Status/types/StatusProps.d.ts

@@ -0,0 +1,23 @@
+import { useRender } from '@base-ui/react/use-render';
+import { HTMLAttributes, MouseEventHandler, RefAttributes } from 'react';
+import { ThemeColor } from '../../../../theme';
+type StatusOwnProps = {
+    color: ThemeColor;
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    loading?: boolean;
+};
+type StatusStaticProps = Omit<useRender.ComponentProps<'span'>, 'color' | 'onClick'> & {
+    onClick?: undefined;
+    nativeButton?: true;
+};
+type StatusButtonProps = Omit<useRender.ComponentProps<'button'>, 'color' | 'onClick'> & {
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    nativeButton?: true;
+};
+type StatusCustomProps = Omit<HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & {
+    nativeButton: false;
+    render: NonNullable<useRender.ComponentProps<'span'>['render']>;
+};
+export type StatusProps = StatusOwnProps & (StatusStaticProps | StatusButtonProps | StatusCustomProps);
+export {};

package/dist/primitives/data-display/Tag/Tag.d.ts

@@ -0,0 +1,2 @@
+import { TagProps } from './types/TagProps';
+export declare const Tag: ({ children, color, weight, variant, startIcon, preventShrink, preventPadding, borderStyle, disabled, nativeButton, onClick, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Tag/types/TagColor.d.ts

@@ -0,0 +1,2 @@
+import { ThemeColor } from '../../../../theme';
+export type TagColor = ThemeColor | 'transparent';

package/dist/primitives/data-display/Tag/types/TagProps.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { TagColor } from './TagColor';
+export type TagProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+    color: TagColor;
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    nativeButton?: boolean;
+    variant?: 'solid' | 'soft' | 'outline' | 'ghost';
+    startIcon?: ReactNode;
+    preventShrink?: boolean;
+    preventPadding?: boolean;
+    borderStyle?: 'solid' | 'dashed';
+};

package/dist/{data-display → primitives/data-display}/TintedIconTile/TintedIconTile.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 export type TintedIconTileProps = {
     Icon: IconComponent;
     color?: string | null;

package/dist/{data-display → primitives/data-display}/TintedIconTile/internal/constants/tintedIconTileColorShades.constant.d.ts

@@ -1,5 +1,5 @@
 export declare const TINTED_ICON_TILE_COLOR_SHADES: {
-    readonly background: 5;
+    readonly background: 4;
     readonly border: 6;
-    readonly icon: 11;
+    readonly icon: 10;
 };

package/dist/{data-display → primitives/data-display}/TintedIconTile/internal/utils/getColorFromTheme.d.ts

@@ -1,2 +1,2 @@
-import { ThemeColor } from '../../../../theme';
+import { ThemeColor } from '../../../../../theme';
 export declare const getColorFromTheme: (themeColor: ThemeColor, shade: number) => string;

package/dist/{data-display → primitives/data-display}/index.d.ts

@@ -1,19 +1,21 @@
 export type { AnimatedCheckmarkProps } from './AnimatedCheckmark/AnimatedCheckmark';
 export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark';
-export type { AvatarProps } from './Avatar/Avatar';
 export { Avatar } from './Avatar/Avatar';
 export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
+export type { AvatarProps } from './Avatar/types/AvatarProps';
+export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
-export type { AvatarType } from './Avatar/types/AvatarType';
 export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup';
 export { AvatarGroup } from './AvatarGroup/AvatarGroup';
-export type { AvatarOrIconProps } from './AvatarOrIcon/AvatarOrIcon';
 export { AvatarOrIcon } from './AvatarOrIcon/AvatarOrIcon';
+export type { AvatarOrIconProps } from './AvatarOrIcon/types/AvatarOrIconProps';
 export type { CheckmarkProps } from './Checkmark/Checkmark';
 export { Checkmark } from './Checkmark/Checkmark';
-export type { ChipProps } from './Chip/Chip';
-export { ChipSize, ChipAccent, ChipVariant, Chip } from './Chip/Chip';
+export { Chip } from './Chip/Chip';
 export { LINK_CHIP_CLICK_OUTSIDE_ID } from './Chip/constants/LinkChipClickOutsideId';
+export type { ChipProps } from './Chip/types/ChipProps';
+export type { ChipSize } from './Chip/types/ChipSize';
+export type { ChipVariant } from './Chip/types/ChipVariant';
 export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
 export { ColorSample } from './ColorSample/ColorSample';
 export { CommandBlock } from './CommandBlock/CommandBlock';
@@ -26,9 +28,11 @@ export { NumberDisplay } from './NumberDisplay/NumberDisplay';
 export { Pill } from './Pill/Pill';
 export { SelectDisplay } from './SelectDisplay/SelectDisplay';
 export { Status } from './Status/Status';
+export type { StatusProps } from './Status/types/StatusProps';
 export { StyledTintedIconTileContainer } from './StyledTintedIconTileContainer/StyledTintedIconTileContainer';
-export type { TagColor } from './Tag/Tag';
 export { Tag } from './Tag/Tag';
+export type { TagColor } from './Tag/types/TagColor';
+export type { TagProps } from './Tag/types/TagProps';
 export { TextDisplay } from './TextDisplay/TextDisplay';
 export type { TintedIconTileProps } from './TintedIconTile/TintedIconTile';
 export { TintedIconTile } from './TintedIconTile/TintedIconTile';

package/dist/primitives/data-display.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../Pill-4lAWCmbk.cjs"),e=require("../data-display-DH28tg-I.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AnimatedCheckmark=e.AnimatedCheckmark;exports.Avatar=e.Avatar;exports.AvatarGroup=e.AvatarGroup;exports.AvatarOrIcon=e.AvatarOrIcon;exports.Checkmark=e.Checkmark;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.CommandBlock=e.CommandBlock;exports.EllipsisDisplay=e.EllipsisDisplay;exports.JsonDisplay=e.JsonDisplay;exports.LINK_CHIP_CLICK_OUTSIDE_ID=e.LINK_CHIP_CLICK_OUTSIDE_ID;exports.LinkChip=e.LinkChip;exports.NotificationCounter=e.NotificationCounter;exports.NumberDisplay=e.NumberDisplay;exports.Pill=i.Pill;exports.SelectDisplay=e.SelectDisplay;exports.Status=e.Status;exports.StyledTintedIconTileContainer=e.StyledTintedIconTileContainer;exports.Tag=e.Tag;exports.TextDisplay=e.TextDisplay;exports.TintedIconTile=e.TintedIconTile;exports.getIconTileColorShades=e.getIconTileColorShades;

package/dist/primitives/data-display.mjs

@@ -0,0 +1,27 @@
+import { t as s } from "../Pill-abKRH4XK.js";
+import { S as o, _ as t, a as e, b as l, c as r, d as n, f as p, g as m, h as C, i as I, l as c, m as T, n as S, o as _, p as d, r as y, s as A, t as D, u as h, v as k, x as u, y as E } from "../data-display-ByvqdkPn.js";
+export {
+  l as AVATAR_PROPERTIES_BY_SIZE,
+  o as AnimatedCheckmark,
+  u as Avatar,
+  E as AvatarGroup,
+  k as AvatarOrIcon,
+  t as Checkmark,
+  m as Chip,
+  T as ColorSample,
+  d as CommandBlock,
+  p as EllipsisDisplay,
+  n as JsonDisplay,
+  C as LINK_CHIP_CLICK_OUTSIDE_ID,
+  h as LinkChip,
+  c as NotificationCounter,
+  r as NumberDisplay,
+  s as Pill,
+  _ as SelectDisplay,
+  e as Status,
+  I as StyledTintedIconTileContainer,
+  A as Tag,
+  y as TextDisplay,
+  D as TintedIconTile,
+  S as getIconTileColorShades
+};

package/dist/primitives/feedback/AnimatedPlaceholder/AnimatedPlaceholder.d.ts

@@ -0,0 +1,7 @@
+import { AnimatedPlaceholderType } from './types/AnimatedPlaceholderType';
+type AnimatedPlaceholderProps = {
+    type: AnimatedPlaceholderType;
+    assetBasePath?: string;
+};
+export declare const AnimatedPlaceholder: ({ type, assetBasePath, }: AnimatedPlaceholderProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/feedback/AnimatedPlaceholder/types/AnimatedPlaceholderType.d.ts

@@ -0,0 +1,3 @@
+import { BACKGROUND } from '../constants/Background';
+import { MOVING_IMAGE } from '../constants/MovingImage';
+export type AnimatedPlaceholderType = keyof typeof BACKGROUND | keyof typeof MOVING_IMAGE;

package/dist/{feedback → primitives/feedback}/Callout/Callout.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 export type CalloutVariant = 'info' | 'warning' | 'error' | 'neutral' | 'success';
 export type CalloutProps = {
     variant: CalloutVariant;

package/dist/{feedback → primitives/feedback}/InlineBanner/InlineBanner.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 import { BannerColor } from '../Banner/Banner';
 type InlineBannerProps = {
     color?: BannerColor;

package/dist/{feedback → primitives/feedback}/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 type LoaderProps = {
     color?: ThemeColor;
 };

package/dist/primitives/feedback/Toast/ToastProvider.d.ts

@@ -0,0 +1,2 @@
+import { ToastProviderProps } from './types/ToastProviderProps';
+export declare const ToastProvider: ({ children, limit, }: ToastProviderProps) => import("react").JSX.Element;

package/dist/primitives/feedback/Toast/constants/DefaultToastLimit.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TOAST_LIMIT = 3;

package/dist/primitives/feedback/Toast/contexts/ToastContext.d.ts

@@ -0,0 +1 @@
+export declare const ToastContext: import('react').Context<import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> | undefined>;

package/dist/primitives/feedback/Toast/hooks/useCloseToast.d.ts

@@ -0,0 +1,3 @@
+export declare const useCloseToast: () => {
+    closeToast: (id?: string) => void;
+};

package/dist/primitives/feedback/Toast/hooks/useEnqueueToast.d.ts

@@ -0,0 +1,7 @@
+import { ToastOptions } from '../types/ToastOptions';
+export declare const useEnqueueToast: () => {
+    enqueueToast: {
+        (options: ToastOptions): string;
+        (options: ToastOptions | undefined): string | undefined;
+    };
+};

package/dist/primitives/feedback/Toast/hooks/useToast.d.ts

@@ -0,0 +1,7 @@
+export declare const useToast: () => {
+    enqueueToast: {
+        (options: import('../..').ToastOptions): string;
+        (options: import('../..').ToastOptions | undefined): string | undefined;
+    };
+    closeToast: (id?: string) => void;
+};

package/dist/primitives/feedback/Toast/hooks/useToastContext.d.ts

@@ -0,0 +1 @@
+export declare const useToastContext: () => import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState>;

package/dist/primitives/feedback/Toast/hooks/useToastEntries.d.ts

@@ -0,0 +1 @@
+export declare const useToastEntries: () => import('../types/ToastEntry').ToastEntry[];

package/dist/primitives/feedback/Toast/stores/createToastStore.d.ts

@@ -0,0 +1,3 @@
+import { Store } from '@base-ui/utils/store';
+import { ToastStoreState } from '../types/ToastStoreState';
+export declare const createToastStore: (limit?: number) => Store<ToastStoreState>;

package/dist/primitives/feedback/Toast/types/ToastEntry.d.ts

@@ -0,0 +1,6 @@
+import { ToastNotification } from './ToastNotification';
+export type ToastEntry = {
+    notification: ToastNotification;
+    dedupeKey?: string;
+    status: 'visible' | 'closing';
+};

package/dist/primitives/feedback/Toast/types/ToastNotification.d.ts

@@ -0,0 +1,4 @@
+import { ToastOptions } from './ToastOptions';
+export type ToastNotification = Omit<ToastOptions, 'dedupeKey'> & {
+    id: string;
+};

package/dist/primitives/feedback/Toast/types/ToastOptions.d.ts

@@ -0,0 +1,4 @@
+import { ToastProps } from './ToastProps';
+export type ToastOptions = Omit<ToastProps, 'ref' | 'id'> & {
+    dedupeKey?: string;
+};

package/dist/primitives/feedback/Toast/types/ToastProps.d.ts

@@ -0,0 +1,47 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ToastVariant } from './ToastVariant';
+export type ToastProps = ComponentPropsWithRef<'div'> & {
+    /**
+     * Replaces the rendered element or composes it with another component.
+     * Accepts a React element or a function that returns the element to render.
+     */
+    render?: useRender.RenderProp;
+    /** Visual variant that selects the icon and colors. */
+    variant?: ToastVariant;
+    /** Supporting content rendered below the message. */
+    description?: ReactNode;
+    /** Replaces the variant's icon. */
+    icon?: ReactNode;
+    /**
+     * Accessible name of the default icon. Without it, the icon is hidden from
+     * assistive technology.
+     */
+    iconLabel?: string;
+    /** Content rendered in the footer, such as an action button. */
+    action?: ReactNode;
+    /**
+     * Completion percentage shown in the progress bar. When set, the countdown
+     * is disabled.
+     */
+    progress?: number;
+    /**
+     * Milliseconds before `onClose` is called. The countdown pauses while the
+     * pointer is over the toast.
+     */
+    duration?: number;
+    /**
+     * Called when the cancel button is clicked. The button renders only when
+     * this callback is provided.
+     */
+    onCancel?: () => void;
+    /**
+     * Called when the close button is clicked or the countdown completes. The
+     * button renders only when this callback is provided.
+     */
+    onClose?: () => void;
+    /** Label of the cancel button. */
+    cancelLabel?: string;
+    /** Accessible name of the close button. */
+    closeLabel?: string;
+};

package/dist/primitives/feedback/Toast/types/ToastProviderProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type ToastProviderProps = {
+    children?: ReactNode;
+    limit?: number;
+};

package/dist/primitives/feedback/Toast/types/ToastStoreState.d.ts

@@ -0,0 +1,6 @@
+import { ToastEntry } from './ToastEntry';
+export type ToastStoreState = {
+    toasts: ToastEntry[];
+    limit: number;
+    mountedToasterCount: number;
+};

package/dist/primitives/feedback/Toast/utils/completeToastExit.d.ts

@@ -0,0 +1,6 @@
+import { createToastStore } from '../stores/createToastStore';
+import { ToastEntry } from '../types/ToastEntry';
+export declare const completeToastExit: ({ store, toast, }: {
+    store: ReturnType<typeof createToastStore>;
+    toast: ToastEntry;
+}) => void;

package/dist/primitives/feedback/Toast/utils/dismissToasts.d.ts

@@ -0,0 +1,7 @@
+import { createToastStore } from '../stores/createToastStore';
+import { ToastEntry } from '../types/ToastEntry';
+export declare const dismissToasts: ({ store, toastsToClose, nextToasts, }: {
+    store: ReturnType<typeof createToastStore>;
+    toastsToClose: ToastEntry[];
+    nextToasts?: ToastEntry[];
+}) => void;

package/dist/primitives/feedback/Toast/utils/isToastVisible.d.ts

@@ -0,0 +1,2 @@
+import { ToastEntry } from '../types/ToastEntry';
+export declare const isToastVisible: (toast: ToastEntry) => boolean;

package/dist/primitives/feedback/Toaster/Toaster.d.ts

@@ -0,0 +1,2 @@
+import { ToasterProps } from './types/ToasterProps';
+export declare const Toaster: ({ container, getToastProps, className, render, ref, ...props }: ToasterProps) => import('react').ReactPortal | null;

package/dist/primitives/feedback/Toaster/__stories__/ToastControls.d.ts

@@ -0,0 +1,5 @@
+type ToastControlsProps = {
+    onClose?: () => void;
+};
+export declare const ToastControls: ({ onClose }: ToastControlsProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/feedback/Toaster/__stories__/ToasterExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterExampleProps } from './ToasterExampleProps';
+export declare const ToasterExample: ({ limit, onClose }: ToasterExampleProps) => import("react").JSX.Element;

package/dist/primitives/feedback/Toaster/__stories__/ToasterExampleProps.d.ts

@@ -0,0 +1,4 @@
+export type ToasterExampleProps = {
+    limit?: number;
+    onClose?: () => void;
+};

package/dist/primitives/feedback/Toaster/internal/ToasterItem.d.ts

@@ -0,0 +1,9 @@
+import { ToastEntry } from '../../Toast/types/ToastEntry';
+import { ToasterProps } from '../types/ToasterProps';
+type ToasterItemProps = {
+    toastEntry: ToastEntry;
+    getToastProps?: ToasterProps['getToastProps'];
+    onClose: (id: string) => void;
+};
+export declare const ToasterItem: ({ toastEntry, getToastProps, onClose, }: ToasterItemProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/feedback/Toaster/internal/ToasterItemExitEffect.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { ToastEntry } from '../../Toast/types/ToastEntry';
+type ToasterItemExitEffectProps = {
+    elementRef: RefObject<HTMLDivElement | null>;
+    toastEntry: ToastEntry;
+};
+export declare const ToasterItemExitEffect: ({ elementRef, toastEntry, }: ToasterItemExitEffectProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/feedback/Toaster/internal/ToasterItems.d.ts

@@ -0,0 +1,6 @@
+import { ToasterProps } from '../types/ToasterProps';
+type ToasterItemsProps = {
+    getToastProps?: ToasterProps['getToastProps'];
+};
+export declare const ToasterItems: ({ getToastProps }: ToasterItemsProps) => import("react").JSX.Element[];
+export {};

package/dist/primitives/feedback/Toaster/internal/ToasterLifecycleEffect.d.ts

@@ -0,0 +1 @@
+export declare const ToasterLifecycleEffect: () => null;

package/dist/primitives/feedback/Toaster/types/ToasterProps.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ComponentPropsWithRef } from 'react';
+import { ToastNotification } from '../../Toast/types/ToastNotification';
+import { ToastProps } from '../../Toast/types/ToastProps';
+export type ToasterProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {
+    container?: HTMLElement | null;
+    getToastProps?: (toast: ToastNotification) => Partial<Omit<ToastProps, 'id' | 'onClose' | 'ref'>>;
+    render?: useRender.RenderProp;
+};

package/dist/{feedback → primitives/feedback}/index.d.ts

@@ -1,9 +1,9 @@
-export type { AnimatedPlaceholderType } from './AnimatedPlaceholder/AnimatedPlaceholder';
 export { AnimatedPlaceholder } from './AnimatedPlaceholder/AnimatedPlaceholder';
 export { BACKGROUND } from './AnimatedPlaceholder/constants/Background';
 export { DARK_BACKGROUND } from './AnimatedPlaceholder/constants/DarkBackground';
 export { DARK_MOVING_IMAGE } from './AnimatedPlaceholder/constants/DarkMovingImage';
 export { MOVING_IMAGE } from './AnimatedPlaceholder/constants/MovingImage';
+export type { AnimatedPlaceholderType } from './AnimatedPlaceholder/types/AnimatedPlaceholderType';
 export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
 export type { CalloutVariant, CalloutProps } from './Callout/Callout';
@@ -19,6 +19,13 @@ export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export { ProgressBar } from './ProgressBar/ProgressBar';
 export type { SidePanelInformationBannerProps } from './SidePanelInformationBanner/SidePanelInformationBanner';
 export { SidePanelInformationBanner } from './SidePanelInformationBanner/SidePanelInformationBanner';
+export { useToast } from './Toast/hooks/useToast';
 export { Toast } from './Toast/Toast';
+export { ToastProvider } from './Toast/ToastProvider';
+export type { ToastNotification } from './Toast/types/ToastNotification';
+export type { ToastOptions } from './Toast/types/ToastOptions';
 export type { ToastProps } from './Toast/types/ToastProps';
+export type { ToastProviderProps } from './Toast/types/ToastProviderProps';
 export type { ToastVariant } from './Toast/types/ToastVariant';
+export { Toaster } from './Toaster/Toaster';
+export type { ToasterProps } from './Toaster/types/ToasterProps';

package/dist/primitives/feedback.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-4lAWCmbk.cjs"),e=require("../feedback-62S0e8tP.cjs");exports.AnimatedPlaceholder=e.AnimatedPlaceholder;exports.AnimatedPlaceholderEmptyContainer=e.AnimatedPlaceholderEmptyContainer;exports.AnimatedPlaceholderEmptySubTitle=e.AnimatedPlaceholderEmptySubTitle;exports.AnimatedPlaceholderEmptyTextContainer=e.AnimatedPlaceholderEmptyTextContainer;exports.AnimatedPlaceholderEmptyTitle=e.AnimatedPlaceholderEmptyTitle;exports.AnimatedPlaceholderErrorContainer=e.AnimatedPlaceholderErrorContainer;exports.AnimatedPlaceholderErrorSubTitle=e.AnimatedPlaceholderErrorSubTitle;exports.AnimatedPlaceholderErrorTextContainer=e.AnimatedPlaceholderErrorTextContainer;exports.AnimatedPlaceholderErrorTitle=e.AnimatedPlaceholderErrorTitle;exports.BACKGROUND=e.BACKGROUND;exports.Banner=e.Banner;exports.Callout=e.Callout;exports.CircularProgressBar=e.CircularProgressBar;exports.DARK_BACKGROUND=e.DARK_BACKGROUND;exports.DARK_MOVING_IMAGE=e.DARK_MOVING_IMAGE;exports.Info=e.Info;exports.InlineBanner=e.InlineBanner;exports.Loader=r.Loader;exports.MOVING_IMAGE=e.MOVING_IMAGE;exports.ProgressBar=e.ProgressBar;exports.SidePanelInformationBanner=e.SidePanelInformationBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;

package/dist/primitives/feedback.mjs

@@ -0,0 +1,29 @@
+import { n as e } from "../Pill-abKRH4XK.js";
+import { C as o, S as s, _ as t, a as n, b as l, c as i, d, f as m, g as A, h as P, i as c, l as h, m as E, n as T, o as C, p, r as B, s as I, t as u, u as G, v as f, w as y, x as _, y as x } from "../feedback-Cu7U-W9T.js";
+export {
+  l as AnimatedPlaceholder,
+  p as AnimatedPlaceholderEmptyContainer,
+  E as AnimatedPlaceholderEmptySubTitle,
+  P as AnimatedPlaceholderEmptyTextContainer,
+  A as AnimatedPlaceholderEmptyTitle,
+  h as AnimatedPlaceholderErrorContainer,
+  G as AnimatedPlaceholderErrorSubTitle,
+  d as AnimatedPlaceholderErrorTextContainer,
+  m as AnimatedPlaceholderErrorTitle,
+  y as BACKGROUND,
+  x as Banner,
+  f as Callout,
+  t as CircularProgressBar,
+  o as DARK_BACKGROUND,
+  s as DARK_MOVING_IMAGE,
+  i as Info,
+  I as InlineBanner,
+  e as Loader,
+  _ as MOVING_IMAGE,
+  C as ProgressBar,
+  n as SidePanelInformationBanner,
+  B as Toast,
+  T as ToastProvider,
+  u as Toaster,
+  c as useToast
+};

package/dist/primitives/index.d.ts

@@ -0,0 +1,9 @@
+export * from './accessibility';
+export * from './data-display';
+export * from './feedback';
+export * from './input';
+export * from './json-visualizer';
+export * from './layout';
+export * from './navigation';
+export * from './surfaces';
+export * from './typography';