@toteat-eng/ds-react 2026.4.28-7

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,13 @@
+import { type ReactElement, type ReactNode } from "react";
+interface AccordionItem {
+    id: string;
+    title: string;
+    content: ReactNode;
+    defaultOpen?: boolean;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    multiple?: boolean;
+}
+export declare function Accordion({ items, multiple }: AccordionProps): ReactElement;
+export {};

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

@@ -0,0 +1 @@
+export { Accordion } from "./Accordion";

package/dist/components/AppleSignInButton/AppleSignInButton.d.ts

@@ -0,0 +1,7 @@
+export interface AppleSignInButtonProps {
+    onSignIn: () => void;
+    isPending?: boolean;
+    isError?: boolean;
+    error?: Error | null;
+}
+export declare function AppleSignInButton({ onSignIn, isPending, isError, error, }: AppleSignInButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { AppleSignInButtonProps } from "./AppleSignInButton";
+export { AppleSignInButton } from "./AppleSignInButton";

package/dist/components/BackgroundWrapper/BackgroundWrapper.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface BackgroundWrapperProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function BackgroundWrapper({ children, className, ...props }: BackgroundWrapperProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { BackgroundWrapperProps } from "./BackgroundWrapper";
+export { BackgroundWrapper } from "./BackgroundWrapper";

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export type BadgeVariant = "default" | "success" | "warning" | "error" | "info";
+export type BadgeSize = "small" | "medium";
+export interface BadgeProps {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Badge({ variant, size, children, className, }: BadgeProps): React.ReactElement;

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

@@ -0,0 +1,2 @@
+export type { BadgeProps, BadgeSize, BadgeVariant } from "./Badge";
+export { Badge } from "./Badge";

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "outline";
+export type ButtonSize = "small" | "medium" | "large";
+export type ButtonIconPosition = "left" | "right";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    fullWidth?: boolean;
+    icon?: ReactNode;
+    iconPosition?: ButtonIconPosition;
+    children: ReactNode;
+}
+export declare function Button({ variant, size, loading, fullWidth, icon, iconPosition, disabled, children, className, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/__stories__/Button.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Button } from "../Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Outline: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,2 @@
+export type { ButtonProps, ButtonSize, ButtonVariant } from "./Button";
+export { Button } from "./Button";

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type CardPadding = "none" | "small" | "medium" | "large";
+export type CardElevation = "none" | "small" | "medium" | "large";
+export interface CardProps extends HTMLAttributes<HTMLElement> {
+    padding?: CardPadding;
+    elevation?: CardElevation;
+    hoverable?: boolean;
+    maxWidth?: string;
+    children: ReactNode;
+}
+export declare function Card({ padding, elevation, hoverable, maxWidth, children, className, style, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/__stories__/Card.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Card } from "../Card";
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const WithElevationSmall: Story;
+export declare const WithElevationMedium: Story;
+export declare const WithElevationLarge: Story;
+export declare const Hoverable: Story;
+export declare const NoPadding: Story;
+export declare const ConstrainedWidth: Story;
+export declare const AllElevations: Story;

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

@@ -0,0 +1,2 @@
+export type { CardElevation, CardPadding, CardProps } from "./Card";
+export { Card } from "./Card";

package/dist/components/Charts/Charts.d.ts

@@ -0,0 +1,32 @@
+import type { ReactElement } from "react";
+export interface ChartSeries {
+    dataKey: string;
+    label?: string;
+    color?: string;
+}
+export interface BaseChartProps {
+    /** Data array — each object must have the keys referenced by series[].dataKey */
+    data: Record<string, unknown>[];
+    /** X-axis data key */
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    title?: string;
+    /** Y-axis tick formatter */
+    formatY?: (value: number) => string;
+    /** Tooltip value formatter */
+    formatValue?: (value: number) => string;
+    /** Hide recharts legend */
+    hideLegend?: boolean;
+}
+export declare function LineChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
+export declare function BarChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
+export declare function AreaChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
+export interface KpiCardProps {
+    label: string;
+    value: string | number;
+    /** e.g. "+12.5%" or "-3.2%" */
+    change?: string;
+    trend?: "up" | "down" | "neutral";
+}
+export declare function KpiCard({ label, value, change, trend }: KpiCardProps): ReactElement;

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

@@ -0,0 +1,2 @@
+export type { BaseChartProps, ChartSeries, KpiCardProps } from "./Charts";
+export { AreaChart, BarChart, KpiCard, LineChart } from "./Charts";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import type { InputHTMLAttributes } from "react";
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    label?: string;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function Checkbox({ label, className, id, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { CheckboxProps } from "./Checkbox";
+export { Checkbox } from "./Checkbox";

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,24 @@
+import { type ColumnDef } from "@tanstack/react-table";
+import { type ReactNode } from "react";
+export interface DataTableProps<T> {
+    data: T[];
+    columns: ColumnDef<T, unknown>[];
+    isLoading?: boolean;
+    loadingSlot?: ReactNode;
+    pageSize?: number;
+    searchable?: boolean;
+    sortable?: boolean;
+    paginated?: boolean;
+    emptyMessage?: ReactNode;
+    searchPlaceholder?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    onRowClick?: (row: T) => void;
+    selectable?: boolean;
+    onSelectionChange?: (rows: T[]) => void;
+    manualPagination?: boolean;
+    pageCount?: number;
+    /** Wrap with useCallback in the parent to avoid redundant fetches on re-render. */
+    onPageChange?: (pageIndex: number, pageSize: number) => void;
+}
+export declare function DataTable<T>({ data, columns, isLoading, loadingSlot, pageSize, searchable, sortable, paginated, emptyMessage, searchPlaceholder, previousLabel, nextLabel, onRowClick, selectable, onSelectionChange, manualPagination, pageCount, onPageChange, }: DataTableProps<T>): React.ReactElement;

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

@@ -0,0 +1,3 @@
+export type { ColumnDef, PaginationState, Row, RowData, RowSelectionState, SortingState, } from "@tanstack/react-table";
+export type { DataTableProps } from "./DataTable";
+export { DataTable } from "./DataTable";

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import type { InputHTMLAttributes, Ref } from "react";
+export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    error?: boolean;
+    label?: string;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare function DatePicker({ error, label, className, id, ref, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { DatePickerProps } from "./DatePicker";
+export { DatePicker } from "./DatePicker";

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,14 @@
+export interface DateRangePickerProps {
+    startDate?: string;
+    endDate?: string;
+    onStartChange?: (date: string) => void;
+    onEndChange?: (date: string) => void;
+    startLabel?: string;
+    endLabel?: string;
+    error?: boolean;
+    disabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    className?: string;
+}
+export declare function DateRangePicker({ startDate, endDate, onStartChange, onEndChange, startLabel, endLabel, error, disabled, minDate, maxDate, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { DateRangePickerProps } from "./DateRangePicker";
+export { DateRangePicker } from "./DateRangePicker";

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type DialogSize = "small" | "medium" | "large";
+export interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+    size?: DialogSize;
+    className?: string;
+}
+export declare function Dialog({ open, onClose, title, children, size, className, }: DialogProps): import("react").ReactPortal | null;

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

@@ -0,0 +1,2 @@
+export type { DialogProps, DialogSize } from "./Dialog";
+export { Dialog } from "./Dialog";

package/dist/components/DropZone/DropZone.d.ts

@@ -0,0 +1,22 @@
+import type { AllowedFileTypes } from "./dropZoneConstants";
+export interface FileWithPreview {
+    id: string;
+    file: File;
+    name: string;
+    preview: string;
+}
+export interface DropZoneProps {
+    label?: string;
+    allowedFileTypes?: AllowedFileTypes;
+    multiple?: boolean;
+    displayPreview?: boolean;
+    displayFileList?: boolean;
+    value?: FileWithPreview[] | null;
+    onDrop: (files: FileList) => void;
+    onDropError?: (message: string) => void;
+    onRemove?: (file: FileWithPreview) => void;
+    onChange?: (files: FileWithPreview[]) => void;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function DropZone({ label, allowedFileTypes, multiple, displayPreview, displayFileList, value, onDrop, onDropError, onRemove, onChange, className, "data-testid": dataTestId, }: DropZoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DropZone/dropZoneConstants.d.ts

@@ -0,0 +1,7 @@
+export type AllowedFileTypes = "images" | "video" | "text" | "spreadsheet";
+export declare const ALLOWED_TYPES_MAP: Record<AllowedFileTypes, {
+    types: string[];
+    mimeTypes: string[];
+}>;
+export declare function getAllowedMimeTypes(fileType: AllowedFileTypes): string;
+export declare function validateFiles(files: FileList, allowedFileTypes: AllowedFileTypes): File[];

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

@@ -0,0 +1,3 @@
+export type { DropZoneProps, FileWithPreview } from "./DropZone";
+export { DropZone } from "./DropZone";
+export type { AllowedFileTypes } from "./dropZoneConstants";

package/dist/components/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,18 @@
+import type { IconNameType } from "../Icon/icons";
+export interface DropdownMenuItemType {
+    value: string;
+    label: string;
+    icon?: IconNameType;
+    disabled?: boolean;
+}
+export interface DropdownButtonProps {
+    text: string;
+    menuItems: DropdownMenuItemType[];
+    size?: "tiny" | "small" | "medium" | "large";
+    variant?: "primary" | "ghost";
+    disabled?: boolean;
+    onSelect?: (item: DropdownMenuItemType) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare function DropdownButton({ text, menuItems, size, variant, disabled, onSelect, onOpen, onClose, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { DropdownButtonProps, DropdownMenuItemType } from "./DropdownButton";
+export { DropdownButton } from "./DropdownButton";

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,15 @@
+import { type ReactElement, type ReactNode } from "react";
+export interface DropdownMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+}
+export interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownMenuItem[];
+    align?: "left" | "right";
+}
+export declare function DropdownMenu({ trigger, items, align }: DropdownMenuProps): ReactElement;

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

@@ -0,0 +1,2 @@
+export type { DropdownMenuItem, DropdownMenuProps } from "./DropdownMenu";
+export { DropdownMenu } from "./DropdownMenu";

package/dist/components/DsProvider/DsProvider.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export type DsTheme = "toteat-react-ds" | "angular-legacy";
+export interface DsProviderProps {
+    theme: DsTheme;
+    children: ReactNode;
+    className?: string;
+}
+export declare function DsProvider({ theme, children, className }: DsProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export interface EmptyStateProps {
+    message: string;
+    action?: React.ReactNode;
+    "data-testid"?: string;
+}
+export declare function EmptyState({ message, action, "data-testid": testId, }: EmptyStateProps): React.ReactElement;

package/dist/components/EmptyState/__stories__/EmptyState.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { EmptyState } from "../EmptyState";
+declare const meta: Meta<typeof EmptyState>;
+export default meta;
+type Story = StoryObj<typeof EmptyState>;
+export declare const Default: Story;
+export declare const WithAction: Story;
+export declare const WithSecondaryAction: Story;
+export declare const LongMessage: Story;
+export declare const LongMessageWithAction: Story;

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

@@ -0,0 +1,2 @@
+export type { EmptyStateProps } from "./EmptyState";
+export { EmptyState } from "./EmptyState";

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import type { ErrorInfo, ReactNode } from "react";
+import { Component } from "react";
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, retry: () => void) => ReactNode);
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    handleRetry: () => 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-runtime").JSX.Element | null | undefined;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export type { ErrorBoundaryProps } from "./ErrorBoundary";
+export { ErrorBoundary } from "./ErrorBoundary";

package/dist/components/ExtrasDialog/ExtrasDialog.d.ts

@@ -0,0 +1,30 @@
+export type ExtraProductType = {
+    productId: string;
+    name: string;
+    price: number;
+    inStock: boolean;
+};
+export type ExtrasCategoryType = {
+    id: string;
+    name: string;
+    selectionType: "multi" | "single";
+    minSelections: number;
+    maxSelections: number;
+    products: ExtraProductType[];
+};
+export type SelectedExtraType = {
+    productId: string;
+    quantity: number;
+    categoryId: string;
+};
+export type ExtrasDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    /** Called with all selections when user confirms.
+     * NOTE: maxSelections is enforced client-side (FIFO). The server must
+     * also validate extras counts to prevent tampered requests. */
+    onConfirm: (selections: SelectedExtraType[]) => void;
+    categories: ExtrasCategoryType[];
+    productName: string;
+};
+export declare function ExtrasDialog({ open, onClose, onConfirm, categories, productName, }: ExtrasDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { ExtrasDialogProps } from "./ExtrasDialog";
+export { ExtrasDialog } from "./ExtrasDialog";

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface FormFieldProps {
+    label: string;
+    htmlFor?: string;
+    error?: string;
+    description?: string;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare function FormField({ label, htmlFor, error, description, required, children, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { FormFieldProps } from "./FormField";
+export { FormField } from "./FormField";

package/dist/components/GoogleSignInButton/GoogleSignInButton.d.ts

@@ -0,0 +1,7 @@
+export interface GoogleSignInButtonProps {
+    onSignIn: () => void;
+    isPending?: boolean;
+    isError?: boolean;
+    error?: Error | null;
+}
+export declare function GoogleSignInButton({ onSignIn, isPending, isError, error, }: GoogleSignInButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { GoogleSignInButtonProps } from "./GoogleSignInButton";
+export { GoogleSignInButton } from "./GoogleSignInButton";

package/dist/components/GroupedButtons/GroupedButtons.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from "react";
+import type { IconName } from "../Icon";
+export type GroupedButtonSize = "small" | "medium" | "large";
+export type GroupPosition = "standalone" | "left" | "center" | "right";
+export interface GroupedButtonOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    icon?: IconName;
+}
+export interface GroupedButtonsProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, "onChange"> {
+    label: string;
+    options: GroupedButtonOption[];
+    selectedButton?: string | number;
+    size?: GroupedButtonSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string | number) => void;
+}
+export declare function GroupedButtons({ label, options, selectedButton, size, fullWidth, disabled, onChange, className, ...props }: GroupedButtonsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { GroupedButtonOption, GroupedButtonSize, GroupedButtonsProps, GroupPosition, } from "./GroupedButtons";
+export { GroupedButtons } from "./GroupedButtons";

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from "react";
+export interface HeaderItem {
+    title: string;
+    description?: string;
+}
+export interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    headers?: HeaderItem[];
+    spaceBetween?: boolean;
+}
+export declare function Header({ headers, spaceBetween, className, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { HeaderItem, HeaderProps } from "./Header";
+export { Header } from "./Header";

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import type { IconNameType } from "./icons";
+export type { IconNameType };
+export interface IconProps {
+    name: IconNameType;
+    size?: number | string;
+    className?: string;
+    color?: string;
+    "aria-label"?: string;
+    "aria-hidden"?: boolean | "true" | "false";
+}
+export declare function Icon({ name, size, className, color, "aria-label": ariaLabel, "aria-hidden": ariaHidden, }: IconProps): import("react/jsx-runtime").JSX.Element;