@toteat-eng/ds-react 2026.4.28-7

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,19 @@
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    noResultsText?: string;
+    disabled?: boolean;
+    error?: boolean;
+    name?: string;
+    "data-testid"?: string;
+}
+export declare function Select({ options, value, onChange, placeholder, searchable, searchPlaceholder, noResultsText, disabled, error, name, "data-testid": dataTestId, }: SelectProps): React.ReactElement;

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

@@ -0,0 +1,2 @@
+export type { SelectOption, SelectProps } from "./Select";
+export { Select } from "./Select";

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface SidebarProps {
+    isOpen: boolean;
+    onClose: () => void;
+    isPinLocked?: boolean;
+    isModal?: boolean;
+    children: ReactNode;
+}
+export declare function Sidebar({ isOpen, onClose, isPinLocked, isModal, children, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Sidebar } from "../Sidebar";
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const Open: Story;
+export declare const Closed: Story;
+export declare const PinLocked: Story;
+export declare const Modal: Story;

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

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

package/dist/components/SidebarNavItem/SidebarNavItem.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonHTMLAttributes } from "react";
+import styles from "./SidebarNavItem.module.css";
+export { styles as sidebarNavItemStyles };
+export declare const sidebarNavItemClass: string | undefined;
+export declare const sidebarNavItemActiveClass: string | undefined;
+export interface SidebarNavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label: string;
+    isActive?: boolean;
+}
+export declare function SidebarNavItem({ label, isActive, className, type, ...rest }: SidebarNavItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { SidebarNavItemProps } from "./SidebarNavItem";
+export { SidebarNavItem, sidebarNavItemActiveClass, sidebarNavItemClass, } from "./SidebarNavItem";

package/dist/components/SidebarNavSection/SidebarNavSection.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface SidebarNavSectionProps {
+    title: string;
+    icon?: ReactNode;
+    titleSuffix?: ReactNode;
+    defaultOpen?: boolean;
+    isActive?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export declare function SidebarNavSection({ title, icon, titleSuffix, defaultOpen, isActive, className, children, }: SidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+export type SkeletonVariant = "text" | "circular" | "rectangular";
+export interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    variant?: SkeletonVariant;
+    className?: string;
+}
+export declare function Skeleton({ width, height, variant, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { SkeletonProps, SkeletonVariant } from "./Skeleton";
+export { Skeleton } from "./Skeleton";

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

@@ -0,0 +1,7 @@
+export type SpinnerSize = "small" | "medium" | "large";
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    label?: string;
+    className?: string;
+}
+export declare function Spinner({ size, label, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Spinner } from "../Spinner";
+declare const meta: Meta<typeof Spinner>;
+export default meta;
+type Story = StoryObj<typeof Spinner>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const CustomLabel: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,2 @@
+export type { SpinnerProps, SpinnerSize } from "./Spinner";
+export { Spinner } from "./Spinner";

package/dist/components/TabBar/TabBar.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type TabBarVariant = "default" | "expanded" | "expanded-billing";
+export interface TabBarProps {
+    variant?: TabBarVariant;
+    children: ReactNode;
+}
+export declare function TabBar({ variant, children }: TabBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { TabBar } from "../TabBar";
+declare const meta: Meta<typeof TabBar>;
+export default meta;
+type Story = StoryObj<typeof TabBar>;
+export declare const Default: Story;
+export declare const Expanded: Story;
+export declare const ExpandedBilling: Story;
+export declare const AllVariants: Story;

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

@@ -0,0 +1,2 @@
+export type { TabBarProps, TabBarVariant } from "./TabBar";
+export { TabBar } from "./TabBar";

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export interface TabItem {
+    id: string;
+    label: string;
+    content?: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabItem[];
+    defaultTab?: string;
+    /** Controlled active tab id. When provided the caller owns active state; Tabs only calls onChange. */
+    activeTab?: string;
+    /** Accessible label for the tablist — required when multiple tablists exist on the page. */
+    "aria-label"?: string;
+    onChange?: (tabId: string) => void;
+}
+export declare function Tabs({ items, defaultTab, activeTab: controlledTab, "aria-label": ariaLabel, onChange, }: TabsProps): React.ReactElement;

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

@@ -0,0 +1,2 @@
+export type { TabItem, TabsProps } from "./Tabs";
+export { Tabs } from "./Tabs";

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,8 @@
+import { type InputHTMLAttributes } from "react";
+export type TextInputSize = "small" | "medium";
+export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    error?: boolean;
+    showPasswordToggle?: boolean;
+    size?: TextInputSize;
+}
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { TextInput } from "../TextInput";
+declare const meta: Meta<typeof TextInput>;
+export default meta;
+type Story = StoryObj<typeof TextInput>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const ErrorState: Story;
+export declare const Disabled: Story;
+export declare const EmailInput: Story;
+export declare const PasswordInput: Story;
+export declare const PasswordWithToggle: Story;
+export declare const SearchInput: Story;
+export declare const States: Story;

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

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

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, TextareaHTMLAttributes } from "react";
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+    ref?: Ref<HTMLTextAreaElement>;
+}
+export declare function Textarea({ error, className, rows, ref, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/ThemeGate/ThemeGate.d.ts

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+export type ToastVariant = "success" | "error" | "warning" | "info";
+export interface ToastData {
+    id: string;
+    message: string;
+    variant: ToastVariant;
+    duration?: number;
+    dismissible?: boolean;
+}
+export interface ToastContainerProps {
+    children?: ReactNode;
+    notificationsLabel?: string;
+    dismissLabel?: string;
+}
+export declare function ToastContainer({ notificationsLabel, dismissLabel, }: ToastContainerProps): import("react").ReactPortal | null;

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

@@ -0,0 +1,3 @@
+export type { ToastContainerProps, ToastData, ToastVariant } from "./Toast";
+export { ToastContainer } from "./Toast";
+export { useToast } from "./useToast";

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,14 @@
+import type { ToastData, ToastVariant } from "./Toast";
+type AddToastOptions = {
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+    dismissible?: boolean;
+};
+type ToastStore = {
+    toasts: ToastData[];
+    addToast: (opts: AddToastOptions) => string;
+    dismissToast: (id: string) => void;
+};
+export declare function useToast(): ToastStore;
+export {};

package/dist/components/Toggle/Toggle.d.ts

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

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

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+export type TooltipPlacement = "top" | "bottom" | "left" | "right";
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    placement?: TooltipPlacement;
+}
+export declare function Tooltip({ content, children, placement }: TooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { TooltipPlacement, TooltipProps } from "./Tooltip";
+export { Tooltip } from "./Tooltip";

package/dist/components/TreeItem/TreeItem.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import type { TreeItemData } from "./treeTypes";
+export interface TreeItemDragPayload {
+    event: globalThis.DragEvent;
+    item: TreeItemData;
+    parentId: string | number | null;
+}
+export interface TreeItemProps {
+    item: TreeItemData;
+    level?: number;
+    expanded?: boolean;
+    selected?: boolean;
+    draggable?: boolean;
+    selectable?: boolean;
+    hasChildren?: boolean;
+    indentSize?: number;
+    parentId?: string | number | null;
+    bordered?: boolean;
+    flatIndex?: number;
+    striped?: boolean;
+    onToggleExpand: (id: string | number) => void;
+    onToggleSelect: (id: string | number) => void;
+    onDragStart?: (payload: TreeItemDragPayload) => void;
+    onDragEnd?: (payload: {
+        event: globalThis.DragEvent;
+        item: TreeItemData;
+    }) => void;
+    onDragOver?: (payload: TreeItemDragPayload) => void;
+    onDragLeave?: (payload: {
+        event: globalThis.DragEvent;
+        item: TreeItemData;
+    }) => void;
+    onDrop?: (payload: TreeItemDragPayload) => void;
+    children?: ReactNode;
+    "data-testid"?: string;
+    labelSlot?: (item: TreeItemData, level: number) => ReactNode;
+    metaSlot?: (item: TreeItemData, level: number) => ReactNode;
+    prefixSlot?: (item: TreeItemData, level: number) => ReactNode;
+    suffixSlot?: (item: TreeItemData, level: number) => ReactNode;
+}
+export declare function TreeItem({ item, level, expanded, selected, draggable, selectable, hasChildren, indentSize, parentId, bordered, flatIndex, striped, onToggleExpand, onToggleSelect, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, children, "data-testid": dataTestId, labelSlot, metaSlot, prefixSlot, suffixSlot, }: TreeItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export type { TreeItemDragPayload, TreeItemProps } from "./TreeItem";
+export { TreeItem } from "./TreeItem";
+export type { TreeItemData } from "./treeTypes";

package/dist/components/TreeItem/treeTypes.d.ts

@@ -0,0 +1,7 @@
+export interface TreeItemData {
+    id: string | number;
+    label: string;
+    children?: TreeItemData[];
+    disabled?: boolean;
+    meta?: string;
+}

package/dist/components/TreeList/TreeList.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import type { TreeItemData } from "../TreeItem/treeTypes";
+export interface TreeListProps {
+    items?: TreeItemData[];
+    draggable?: boolean;
+    expandedIds?: (string | number)[];
+    selectedIds?: (string | number)[];
+    selectable?: boolean;
+    indentSize?: number;
+    bordered?: boolean;
+    striped?: boolean;
+    onExpandChange?: (expandedIds: (string | number)[]) => void;
+    onSelectChange?: (selectedIds: (string | number)[]) => void;
+    onReorder?: (payload: {
+        itemId: string | number;
+        fromParentId: string | number | null;
+        toParentId: string | number | null;
+        fromIndex: number;
+        toIndex: number;
+    }) => void;
+    labelSlot?: (item: TreeItemData, level: number) => ReactNode;
+    metaSlot?: (item: TreeItemData, level: number) => ReactNode;
+    prefixSlot?: (item: TreeItemData, level: number) => ReactNode;
+    suffixSlot?: (item: TreeItemData, level: number) => ReactNode;
+    "data-testid"?: string;
+}
+export declare function TreeList({ items, draggable, expandedIds: controlledExpandedIds, selectedIds: controlledSelectedIds, selectable, indentSize, bordered, striped, onExpandChange, onSelectChange, onReorder, labelSlot, metaSlot, prefixSlot, suffixSlot, "data-testid": dataTestId, }: TreeListProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/index.d.ts

@@ -0,0 +1,120 @@
+import "./tokens/base.css";
+import "./tokens/animations.css";
+import "./tokens/theme-angular.css";
+import "./tokens/theme-vue3.css";
+export { Accordion } from "./components/Accordion";
+export type { AppleSignInButtonProps } from "./components/AppleSignInButton";
+export { AppleSignInButton } from "./components/AppleSignInButton";
+export type { BackgroundWrapperProps } from "./components/BackgroundWrapper";
+export { BackgroundWrapper } from "./components/BackgroundWrapper";
+export type { BadgeProps, BadgeSize, BadgeVariant } from "./components/Badge";
+export { Badge } from "./components/Badge";
+export type { ButtonProps, ButtonSize, ButtonVariant, } from "./components/Button";
+export { Button } from "./components/Button";
+export type { CardElevation, CardPadding, CardProps } from "./components/Card";
+export { Card } from "./components/Card";
+export type { BaseChartProps, ChartSeries, KpiCardProps, } from "./components/Charts";
+export { AreaChart, BarChart, KpiCard, LineChart } from "./components/Charts";
+export type { CheckboxProps } from "./components/Checkbox";
+export { Checkbox } from "./components/Checkbox";
+export type { ColumnDef, DataTableProps, PaginationState, Row, RowData, SortingState, } from "./components/DataTable";
+export { DataTable } from "./components/DataTable";
+export type { DatePickerProps } from "./components/DatePicker";
+export { DatePicker } from "./components/DatePicker";
+export type { DateRangePickerProps } from "./components/DateRangePicker";
+export { DateRangePicker } from "./components/DateRangePicker";
+export type { DialogProps, DialogSize } from "./components/Dialog";
+export { Dialog } from "./components/Dialog";
+export type { DropdownButtonProps, DropdownMenuItemType, } from "./components/DropdownButton";
+export { DropdownButton } from "./components/DropdownButton";
+export type { DropdownMenuItem, DropdownMenuProps, } from "./components/DropdownMenu";
+export { DropdownMenu } from "./components/DropdownMenu";
+export type { DropZoneProps, FileWithPreview } from "./components/DropZone";
+export { DropZone } from "./components/DropZone";
+export type { AllowedFileTypes } from "./components/DropZone/dropZoneConstants";
+export type { DsProviderProps, DsTheme, } from "./components/DsProvider/DsProvider";
+export { DsProvider } from "./components/DsProvider/DsProvider";
+export type { EmptyStateProps } from "./components/EmptyState";
+export { EmptyState } from "./components/EmptyState";
+export type { ErrorBoundaryProps } from "./components/ErrorBoundary";
+export { ErrorBoundary } from "./components/ErrorBoundary";
+export type { FormFieldProps } from "./components/FormField";
+export { FormField } from "./components/FormField";
+export type { GoogleSignInButtonProps } from "./components/GoogleSignInButton";
+export { GoogleSignInButton } from "./components/GoogleSignInButton";
+export type { GroupedButtonOption, GroupedButtonSize, GroupedButtonsProps, GroupPosition, } from "./components/GroupedButtons";
+export { GroupedButtons } from "./components/GroupedButtons";
+export type { HeaderItem, HeaderProps } from "./components/Header";
+export { Header } from "./components/Header";
+export type { IconName, IconProps } from "./components/Icon";
+export { Icon } from "./components/Icon";
+export type { ImagePreviewProps } from "./components/ImagePreview";
+export { ImagePreview } from "./components/ImagePreview";
+export type { LanguageOption, LanguageSelectorProps, } from "./components/LanguageSelector";
+export { LanguageSelector } from "./components/LanguageSelector";
+export type { LogoToteatMode, LogoToteatProps, LogoToteatVariant, } from "./components/LogoToteat";
+export { LogoToteat } from "./components/LogoToteat";
+export type { MultiselectOption, MultiselectProps, } from "./components/Multiselect";
+export { Multiselect } from "./components/Multiselect";
+export type { NavBarProps } from "./components/NavBar";
+export { NavBar } from "./components/NavBar";
+export type { OverlayPlacement, OverlayProps } from "./components/Overlay";
+export { Overlay } from "./components/Overlay";
+export type { OverlayMessageProps, OverlayMessageStatus } from "./components/OverlayMessage";
+export { OverlayMessage } from "./components/OverlayMessage";
+export type { PageLoadingOverlayProps } from "./components/PageLoadingOverlay";
+export { PageLoadingOverlay } from "./components/PageLoadingOverlay";
+export type { PinLockOverlayProps } from "./components/PinLockOverlay";
+export { PinLockOverlay } from "./components/PinLockOverlay";
+export type { RadioProps } from "./components/Radio";
+export { Radio } from "./components/Radio";
+export type { SelectOption, SelectProps } from "./components/Select";
+export { Select } from "./components/Select";
+export type { SidebarProps } from "./components/Sidebar";
+export { Sidebar } from "./components/Sidebar";
+export type { SidebarNavItemProps } from "./components/SidebarNavItem";
+export { SidebarNavItem, sidebarNavItemActiveClass, sidebarNavItemClass, } from "./components/SidebarNavItem";
+export type { SidebarNavSectionProps } from "./components/SidebarNavSection";
+export { SidebarNavSection } from "./components/SidebarNavSection";
+export type { SkeletonProps, SkeletonVariant } from "./components/Skeleton";
+export { Skeleton } from "./components/Skeleton";
+export type { SpinnerProps, SpinnerSize } from "./components/Spinner";
+export { Spinner } from "./components/Spinner";
+export type { TabBarProps, TabBarVariant } from "./components/TabBar";
+export { TabBar } from "./components/TabBar";
+export type { TabItem, TabsProps } from "./components/Tabs";
+export { Tabs } from "./components/Tabs";
+export type { TextareaProps } from "./components/Textarea";
+export { Textarea } from "./components/Textarea";
+export type { TextInputProps } from "./components/TextInput";
+export { TextInput } from "./components/TextInput";
+export type { ThemeGateProps } from "./components/ThemeGate/ThemeGate";
+export { ThemeGate } from "./components/ThemeGate/ThemeGate";
+export type { ToastContainerProps, ToastData, ToastVariant, } from "./components/Toast";
+export { ToastContainer, useToast } from "./components/Toast";
+export type { ToggleProps } from "./components/Toggle";
+export { Toggle } from "./components/Toggle";
+export type { TooltipPlacement, TooltipProps } from "./components/Tooltip";
+export { Tooltip } from "./components/Tooltip";
+export type { TreeItemDragPayload, TreeItemProps } from "./components/TreeItem";
+export { TreeItem } from "./components/TreeItem";
+export type { TreeItemData } from "./components/TreeItem/treeTypes";
+export type { TreeListProps } from "./components/TreeList";
+export { TreeList } from "./components/TreeList";
+export type { AdminPageHeaderProps } from "./layouts/AdminPageHeader";
+export { AdminPageHeader } from "./layouts/AdminPageHeader";
+export type { AppShellProps } from "./layouts/AppShell";
+export { AppShell } from "./layouts/AppShell";
+export type { DividerProps } from "./layouts/Divider";
+export { Divider } from "./layouts/Divider";
+export type { GridGap, GridProps } from "./layouts/Grid";
+export { Grid } from "./layouts/Grid";
+export type { LoginPageLayoutProps } from "./layouts/LoginPageLayout";
+export { LoginPageLayout } from "./layouts/LoginPageLayout";
+export type { PageLayoutProps } from "./layouts/PageLayout";
+export { PageLayout } from "./layouts/PageLayout";
+export type { StackAlign, StackDirection, StackGap, StackJustify, StackProps, } from "./layouts/Stack";
+export { Stack } from "./layouts/Stack";
+export { cn } from "./utils/cn";
+export { useFocusTrap } from "./utils/focusTrap";
+export { portal } from "./utils/portal";