@indigoai/indigo-design-system 0.10.3

package/dist/components/input/toggle/toggle.stories.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Toggle, ToggleProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;
+type Story = StoryObj<typeof Toggle>;
+export declare const Template: {
+    render: (args: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: Story;

package/dist/components/input/toggle/types.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef } from 'react';
+import { TOGGLE_POSITIONS } from './constants';
+
+export type TogglePositions = (typeof TOGGLE_POSITIONS)[number];
+export type ToggleProps = {
+    id?: string;
+    checked?: boolean;
+    label?: string;
+    labelPosition?: TogglePositions;
+    small?: boolean;
+    required?: boolean;
+    onCheckedChanged: (checked: boolean) => void;
+} & ComponentPropsWithRef<'button'>;
+export type LabelProps = {
+    id?: string;
+    small?: boolean;
+    label?: string | React.ReactNode;
+};

package/dist/components/label/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LABEL_VARIANT: readonly ["button-lg", "button-md", "button-sm", "tag"];
+export declare const LABEL_FONT_WEIGHTS: readonly ["bold", "semibold", "regular"];

package/dist/components/label/index.d.ts

@@ -0,0 +1,3 @@
+export { Label } from './label';
+export type { LabelProps, LabelVariant, LabelFontWeights } from './types';
+export { LABEL_VARIANT, LABEL_FONT_WEIGHTS } from './constants';

package/dist/components/label/label.d.ts

@@ -0,0 +1,6 @@
+import { LabelProps } from './types';
+
+/**
+ * Label component
+ */
+export declare const Label: import('react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/label/label.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { LabelProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: LabelProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/label/types.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from 'react';
+import { ColorVariants } from '../../types';
+import { LABEL_VARIANT, LABEL_FONT_WEIGHTS } from '.';
+
+export type LabelVariant = (typeof LABEL_VARIANT)[number];
+export type LabelFontWeights = (typeof LABEL_FONT_WEIGHTS)[number];
+export type LabelProps = {
+    variant: LabelVariant;
+    fontWeight?: LabelFontWeights;
+    color?: ColorVariants;
+} & ComponentPropsWithRef<'label'>;

package/dist/components/logo/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_HEIGHT = 30;
+export declare const DEFAULT_WIDTH = 106;

package/dist/components/logo/index.d.ts

@@ -0,0 +1 @@
+export { Logo } from './logo';

package/dist/components/logo/logo.d.ts

@@ -0,0 +1,6 @@
+import { LogoProps } from './types';
+
+/**
+ * Logo component
+ */
+export declare const Logo: import('react').ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/components/logo/logo.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React, RefAttributes } from 'react';
+import { LogoProps } from './types';
+
+type Props = LogoProps & RefAttributes<SVGSVGElement>;
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<LogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: Props) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/logo/types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+
+export type LogoColors = 'white' | 'black';
+export type LogoProps = ComponentProps<'svg'> & {
+    color?: LogoColors;
+};

package/dist/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal, ModalContent, ModalTrigger } from './modal';
+export type { ModalContentProps } from './types';

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as ModalPrimitive from '@radix-ui/react-dialog';
+export declare const Modal: import('react').FC<ModalPrimitive.DialogProps>;
+export declare const ModalTrigger: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * ModalContent component
+ */
+export declare const ModalContent: import('react').ForwardRefExoticComponent<{
+    title?: import('react').ReactNode;
+    description?: import('react').ReactNode;
+    closeIcon?: boolean | undefined;
+    checkboxProps?: import('../input/checkbox').CheckboxProps | undefined;
+    leftButton?: import('../button').ButtonProps | undefined;
+    rightButton?: import('../button').ButtonProps | undefined;
+} & Omit<ModalPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/modal/modal.stories.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ModalContentProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    closeIcon?: boolean | undefined;
+    checkboxProps?: import('../..').CheckboxProps | undefined;
+    leftButton?: import('../button').ButtonProps | undefined;
+    rightButton?: import('../button').ButtonProps | undefined;
+} & Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/modal/types.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps } from '../button';
+import { CheckboxProps } from '../input/checkbox';
+
+import * as ModalPrimitive from '@radix-ui/react-dialog';
+export type ModalContentProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    closeIcon?: boolean;
+    checkboxProps?: CheckboxProps;
+    leftButton?: ButtonProps;
+    rightButton?: ButtonProps;
+} & React.ComponentPropsWithoutRef<typeof ModalPrimitive.Content>;

package/dist/components/pagination/hooks/useControlled.d.ts

@@ -0,0 +1 @@
+export default function useControlled({ controlled, default: defaultProp, name, state }: any): any[];

package/dist/components/pagination/hooks/usePagination.d.ts

@@ -0,0 +1,74 @@
+/// <reference types="react" />
+export interface UsePaginationProps {
+    /**
+     * Number of always visible pages at the beginning and end.
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * The name of the component where this hook is used.
+     */
+    componentName?: string;
+    /**
+     * The total number of pages.
+     * @default 1
+     */
+    count?: number;
+    /**
+     * The page selected by default when the component is uncontrolled.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * If `true`, show the first-page button.
+     * @default false
+     */
+    showFirstButton?: boolean;
+    /**
+     * If `true`, show the last-page button.
+     * @default false
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+}
+export interface UsePaginationItem {
+    onClick: React.ReactEventHandler;
+    type: 'page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis';
+    page: number | null;
+    selected: boolean;
+    disabled: boolean;
+}
+export interface UsePaginationResult {
+    items: UsePaginationItem[];
+}
+export declare function usePagination(props: UsePaginationProps): UsePaginationResult;

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination, PaginationButton } from './pagination';
+export type { PaginationProps, PaginationButtonProps } from './types';

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,7 @@
+import { PaginationProps, PaginationButtonProps } from './types';
+
+/**
+ * Pagination component for displaying and navigating through multiple pages
+ */
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PaginationButton: import('react').ForwardRefExoticComponent<Omit<PaginationButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination.stories.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Pagination, PaginationProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, PaginationProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof Pagination>;
+export declare const Template: {
+    render: (args: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: Story;

package/dist/components/pagination/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const PAGINATION_SIZES: readonly ["sm", "md"];
+type PaginationSize = (typeof PAGINATION_SIZES)[number];
+export type PaginationProps = {
+    size: PaginationSize;
+    numberOfPages: number;
+    currentPage: number;
+    onChangePage: (event: React.ChangeEvent<unknown>, page: number) => void;
+    disabled?: boolean;
+    className?: string;
+};
+export type PaginationButtonProps = {
+    size: PaginationSize;
+    disabled?: boolean;
+    active?: boolean;
+} & Omit<React.ComponentPropsWithRef<'button'>, 'size'>;
+export {};

package/dist/components/progress-bar/constants.d.ts

@@ -0,0 +1 @@
+export declare const PROGRESS_BAR_SIZES: readonly ["sm", "lg"];

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

@@ -0,0 +1,2 @@
+export type { ProgressBarProps } from './types';
+export { ProgressBar } from './progress-bar';

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

@@ -0,0 +1,6 @@
+import { ProgressBarProps } from '.';
+
+/**
+ * ProgressBar component
+ */
+export declare const ProgressBar: import('react').ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/progress-bar/progress-bar.stories.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { ProgressBar, ProgressBarProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof ProgressBar>;
+export declare const Template: {
+    render: (args: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NotStarted: Story;
+export declare const NumericValue: Story;

package/dist/components/progress-bar/types.d.ts

@@ -0,0 +1,11 @@
+import { PROGRESS_BAR_SIZES } from './constants';
+import { ComponentPropsWithRef } from 'react';
+
+export type ProgressBarSize = (typeof PROGRESS_BAR_SIZES)[number];
+export type ProgressBarProps = {
+    value: number;
+    size?: ProgressBarSize;
+    description?: string;
+    showPercentage?: boolean;
+    numericValue?: number;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/quality-metric-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { QualityMetricIcon } from './quality-metric-icon';
+export type { QualityMetricIconProps } from './types';

package/dist/components/quality-metric-icon/quality-metric-icon.d.ts

@@ -0,0 +1,6 @@
+import { QualityMetricIconProps } from '.';
+
+/**
+ * QualityMetricIcon component
+ */
+export declare const QualityMetricIcon: import('react').ForwardRefExoticComponent<Omit<QualityMetricIconProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/quality-metric-icon/quality-metric-icon.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { QualityMetricIcon } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<import('.').QualityMetricIconProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof QualityMetricIcon>;
+export declare const Green: Story;
+export declare const Red: Story;
+export declare const Yellow: Story;
+export declare const Gray: {
+    args: {
+        color: string;
+    };
+};

package/dist/components/quality-metric-icon/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+
+export declare const QUALITY_METRIC_ICON_COLORS: readonly ["red", "green", "yellow", "gray"];
+type QualityMetricIconColor = (typeof QUALITY_METRIC_ICON_COLORS)[number];
+export type QualityMetricIconProps = {
+    color: QualityMetricIconColor;
+    filled?: boolean;
+} & ComponentPropsWithRef<'div'>;
+export {};

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
+export type { TabsTriggerProps } from './types';

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+/**
+ * The Tabs component is a wrapper around the Radix TabsPrimitive.Root component
+ */
+declare const Tabs: import('react').ForwardRefExoticComponent<TabsPrimitive.TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * TabList component
+ */
+declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * A component that renders a trigger button for the Tabs component
+ */
+declare const TabsTrigger: import('react').ForwardRefExoticComponent<{
+    value: string;
+    label: import('react').ReactNode;
+    hasIcon?: boolean | undefined;
+} & Omit<TabsPrimitive.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * TabsContent component
+ */
+declare const TabsContent: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/tabs/tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TabsProps } from '@radix-ui/react-tabs';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, TabsProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/tabs/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export type TabsTriggerProps = {
+    value: string;
+    label: React.ReactNode;
+    hasIcon?: boolean;
+} & React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;

package/dist/components/tag/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TAG_COLORS: readonly ["gray", "sand", "purple", "green", "red", "salmon", "orange", "pink", "yellow", "darkblue", "lightblue", "mint"];
+export declare const TAG_TYPES: readonly ["soft", "outlined", "filled"];
+export declare const TAG_ICON_SIZE = 12;
+export declare const TAG_FONT_WEIGHTS: readonly ["semibold", "regular"];

package/dist/components/tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './tag';
+export type { TagProps } from './types';

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,6 @@
+import { TagProps } from '.';
+
+/**
+ * Tag component
+ */
+export declare const Tag: import('react').ForwardRefExoticComponent<Omit<TagProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/tag/tag.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TagProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: TagProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/tag/types.d.ts

@@ -0,0 +1,16 @@
+import { TAG_TYPES, TAG_COLORS, TAG_FONT_WEIGHTS } from './constants';
+import { ComponentPropsWithRef, SVGProps } from 'react';
+
+export type TagColor = (typeof TAG_COLORS)[number];
+export type TagVariant = (typeof TAG_TYPES)[number];
+export type TagFontWeights = (typeof TAG_FONT_WEIGHTS)[number];
+export type TagProps = {
+    id?: string;
+    label: React.ReactNode;
+    color?: TagColor;
+    variant?: TagVariant;
+    fontWeight?: TagFontWeights;
+    closeIcon?: boolean;
+    renderIcon?: ((props?: Partial<SVGProps<SVGSVGElement>>) => React.ReactNode) | null;
+    onCloseIconClicked?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/tag-quality-metric/index.d.ts

@@ -0,0 +1,2 @@
+export { TagQualityMetric } from './tag-quality-metric';
+export type { TagQualityMetricProps } from './types';

package/dist/components/tag-quality-metric/tag-quality-metric.d.ts

@@ -0,0 +1,6 @@
+import { TagQualityMetricProps } from '.';
+
+/**
+ * TagQualityMetric component
+ */
+export declare const TagQualityMetric: import('react').ForwardRefExoticComponent<Omit<TagQualityMetricProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/tag-quality-metric/tag-quality-metric.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TagQualityMetricProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<TagQualityMetricProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: TagQualityMetricProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/tag-quality-metric/types.d.ts

@@ -0,0 +1,11 @@
+import { QualityMetricIconProps } from '../quality-metric-icon';
+import { ComponentPropsWithRef } from 'react';
+
+export type TagQualityMetricProps = {
+    label: string;
+    qualityMetricIcon?: QualityMetricIconProps;
+    startIcon?: boolean;
+    endIcon?: boolean;
+    onClick?: () => void;
+    onEndIconClicked?: () => void;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/text/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TEXT_SIZE: readonly ["xs", "sm", "md", "lg"];
+export declare const TEXT_FONT_WEIGHTS: readonly ["bold", "regular"];

package/dist/components/text/index.d.ts

@@ -0,0 +1,3 @@
+export { Text } from './text';
+export type { TextFontWeights, TextSize, TextProps } from './types';
+export { TEXT_FONT_WEIGHTS, TEXT_SIZE } from './constants';

package/dist/components/text/text.d.ts

@@ -0,0 +1,6 @@
+import { TextProps } from './types';
+
+/**
+ * Text component
+ */
+export declare const Text: import('react').ForwardRefExoticComponent<Omit<TextProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/components/text/text.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<TextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: TextProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/text/types.d.ts

@@ -0,0 +1,11 @@
+import { TEXT_SIZE, TEXT_FONT_WEIGHTS } from '.';
+import { ColorVariants } from '../../types';
+import { ComponentPropsWithRef } from 'react';
+
+export type TextSize = (typeof TEXT_SIZE)[number];
+export type TextFontWeights = (typeof TEXT_FONT_WEIGHTS)[number];
+export type TextProps = {
+    size?: TextSize;
+    fontWeight?: TextFontWeights;
+    color?: ColorVariants;
+} & ComponentPropsWithRef<'p'>;

package/dist/components/toast/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TOAST_COLOR: readonly ["gray", "red", "green"];
+export declare const TOAST_VARIANT: readonly ["outlined", "soft", "dark"];

package/dist/components/toast/hooks/use-toast.d.ts

@@ -0,0 +1,41 @@
+import { ToastProps as Props } from '..';
+
+type ToastProps = {
+    id: string;
+} & Props;
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType['ADD_TOAST'];
+    toast: ToastProps;
+} | {
+    type: ActionType['UPDATE_TOAST'];
+    toast: Partial<ToastProps>;
+} | {
+    type: ActionType['DISMISS_TOAST'];
+    toastId?: ToastProps['id'];
+} | {
+    type: ActionType['REMOVE_TOAST'];
+    toastId?: ToastProps['id'];
+};
+interface State {
+    toasts: ToastProps[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToastProps, 'id'>;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToastProps) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToastProps[];
+};
+export { useToast, toast };

package/dist/components/toast/index.d.ts

@@ -0,0 +1,5 @@
+export { ToastProvider, ToastViewport, Toast } from './toast';
+export { Toaster } from './toaster';
+export type { ToastProps, ToastColor, ToastVariant } from './types';
+export { TOAST_COLOR, TOAST_VARIANT } from './constants';
+export { useToast } from './hooks/use-toast';

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as ToastPrimitive from '@radix-ui/react-toast';
+/**
+ * Props for the ToastProvider component
+ */
+declare const ToastProvider: import('react').FC<ToastPrimitive.ToastProviderProps>;
+declare const ToastViewport: import('react').ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps & import('react').RefAttributes<HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
+declare const Toast: import('react').ForwardRefExoticComponent<{
+    variant?: "dark" | "outlined" | "soft" | undefined;
+    color?: "red" | "green" | "gray" | undefined;
+    title?: import('react').ReactNode;
+    description?: import('react').ReactNode;
+    leftIcon?: import('react').ReactNode;
+    hasCloseIcon?: boolean | undefined;
+    action?: import('react').ReactNode;
+} & Omit<ToastPrimitive.ToastProps & import('react').RefAttributes<HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export { Toast, ToastProvider, ToastViewport };

package/dist/components/toast/toast.stories.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Toast } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, {
+    variant?: "dark" | "outlined" | "soft" | undefined;
+    color?: "red" | "green" | "gray" | undefined;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    hasCloseIcon?: boolean | undefined;
+    action?: React.ReactNode;
+} & Omit<import('@radix-ui/react-toast').ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default _default;
+type Story = StoryObj<typeof Toast>;
+export declare const Template: Story;
+export declare const WithAction: Story;

package/dist/components/toast/toaster.d.ts

@@ -0,0 +1 @@
+export declare const Toaster: () => JSX.Element;