@grasp-labs/ds-react-components 0.13.0

package/dist/components/tabPanel/TabPanel.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type TabPanelProps = {
+    /** Tab components as children */
+    children: ReactNode;
+    /** Default active tab name */
+    defaultActiveTab?: string;
+    /** Keep all tab contents in DOM (hidden with display:none when inactive) vs only render active tab */
+    keepTabsInDOM?: boolean;
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Additional CSS classes for the tabs container */
+    tabsClassName?: string;
+    /** Additional CSS classes for the body */
+    bodyClassName?: string;
+};
+/**
+ * TabPanel component that manages tab state internally.
+ * Takes Tab components as children and handles switching between them.
+ */
+export declare const TabPanel: ({ children, defaultActiveTab, keepTabsInDOM, className, tabsClassName, bodyClassName, }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './TabPanel';

package/dist/components/tabPanel/useTabKeyboard.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+export type UseTabKeyboardOptions = {
+    containerRef: RefObject<HTMLDivElement | null>;
+    activeTab: string;
+    tabs: Array<{
+        props: {
+            name: string;
+        };
+    }>;
+    onTabChange: (tabName: string) => void;
+    validTabNames: string[];
+};
+/**
+ * Tab-specific wrapper around useArrowNavigation
+ */
+export declare const useTabKeyboard: ({ containerRef, activeTab, tabs, onTabChange, validTabNames, }: UseTabKeyboardOptions) => void;

package/dist/components/table/Table.d.ts

@@ -0,0 +1,33 @@
+import { PaginationState, TableOptions } from '@tanstack/react-table';
+import { JSX } from 'react';
+/**
+ * Props for the Table component.
+ *
+ */
+export type TableProps<T> = Omit<TableOptions<T>, "getCoreRowModel"> & {
+    className?: string;
+    scrollWrapperClassName?: string;
+    getCoreRowModel?: TableOptions<T>["getCoreRowModel"];
+    enableRowSelection?: boolean;
+    enableMultiRowSelection?: boolean;
+    enablePagination?: boolean;
+    paginationProps?: {
+        itemsPerPageOptions?: number[];
+        pagination?: PaginationState;
+        onPaginationChange?: (pagination: PaginationState) => void;
+        totalItems?: number;
+        itemsPerPageText?: string;
+        fromText?: string;
+    };
+};
+/**
+ * A customizable table component using TanStack Table.
+ *
+ * @template T - The row data type.
+ * @param {TableProps<T>} props - The table props.
+ * @returns {JSX.Element} The rendered table.
+ */
+declare function Table<T extends {
+    id?: string | number;
+}>({ data, columns, className, scrollWrapperClassName, getCoreRowModel, enableRowSelection, enableMultiRowSelection, enablePagination, paginationProps, ...options }: TableProps<T>): JSX.Element;
+export default Table;

package/dist/components/table/TableCell.d.ts

@@ -0,0 +1,17 @@
+import { Cell } from '@tanstack/react-table';
+import { JSX } from 'react';
+/**
+ * Props for the Table Cell component.
+ */
+type TableCellProps<T> = {
+    cell: Cell<T, unknown>;
+};
+/**
+ * A table data cell component used to render text content.
+ *
+ * @template T - The row data type.
+ * @param {TableCellProps<T>} props - The component props.
+ * @returns {JSX.Element} The rendered cell.
+ */
+export declare const TableCell: <T>({ cell }: TableCellProps<T>) => JSX.Element;
+export {};

package/dist/components/table/TableHeaderCell.d.ts

@@ -0,0 +1,17 @@
+import { Header } from '@tanstack/react-table';
+import { JSX } from 'react';
+/**
+ * Props for the TableHeaderCell component.
+ */
+type TableHeaderCellProps<T> = {
+    header: Header<T, unknown>;
+};
+/**
+ * A table header cell component that renders sortable headers using TanStack Table's logic.
+ *
+ * @template T - The row data type.
+ * @param {TableHeaderCellProps<T>} props - The component props.
+ * @returns {JSX.Element} The rendered header cell.
+ */
+export declare const TableHeaderCell: <T>({ header, }: TableHeaderCellProps<T>) => JSX.Element;
+export {};

package/dist/components/table/components/Pagination.d.ts

@@ -0,0 +1,21 @@
+export type PaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    itemsPerPageOptions?: number[];
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (itemsPerPage: number) => void;
+    className?: string;
+    selectClassName?: string;
+    itemsPerPageText?: string;
+    fromText?: string;
+};
+/**
+ * A pagination component providing navigation controls and items-per-page selection.
+ * Displays current page information and handles both internal and external pagination state.
+ *
+ * @param props - The props for the Pagination component.
+ * @returns The rendered pagination controls with navigation buttons and page info.
+ */
+export declare const Pagination: ({ currentPage, totalPages, totalItems, itemsPerPage, itemsPerPageOptions, onPageChange, onItemsPerPageChange, className, itemsPerPageText, fromText, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Pagination';

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

@@ -0,0 +1,6 @@
+export { default as Table } from './Table';
+export type { TableProps } from './Table';
+export { TableCell } from './TableCell';
+export { TableHeaderCell } from './TableHeaderCell';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps } from './components/Pagination';

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

@@ -0,0 +1,18 @@
+export type TagProps = {
+    content: string;
+    size?: "sm" | "md";
+    onRemove?: () => void;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    title?: string;
+    error?: boolean;
+};
+/**
+ * A tag/chip component for displaying labeled content with optional removal functionality.
+ * Supports different sizes, error states, and disabled states with appropriate styling.
+ *
+ * @param props - The props for the Tag component.
+ * @returns The rendered tag with optional close button.
+ */
+export declare const Tag: ({ content, size, onRemove, disabled, error, className, label, title, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/tagList/TagList.d.ts

@@ -0,0 +1,20 @@
+import { UseMultipleSelectionReturnValue } from 'downshift';
+import { BaseOption } from '../../types/BaseOption';
+export type TagListProps<Option extends BaseOption> = {
+    items: Option[];
+    onRemove: (item: Option) => void;
+    disabled?: boolean;
+    error?: boolean;
+    className?: string;
+    removeLabel?: string;
+    getAdditionalTagProps?: UseMultipleSelectionReturnValue<Option>["getSelectedItemProps"];
+};
+/**
+ * A responsive tag list component that displays a collection of removable tags with overflow handling.
+ * When space is limited, it shows visible tags plus a count of remaining items.
+ *
+ * @template Option - The option type extending BaseOption.
+ * @param props - The props for the TagList component.
+ * @returns The rendered tag list or null if items array is empty.
+ */
+export declare const TagList: <Option extends BaseOption>({ items, onRemove, disabled, error, className, removeLabel, getAdditionalTagProps, }: TagListProps<Option>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+export { TagList } from './TagList';
+export type { TagListProps } from './TagList';

package/dist/components/tagList/utils.d.ts

@@ -0,0 +1,2 @@
+import { BaseOption } from '../../types/BaseOption';
+export declare const getVisibleChipsCount: <Option extends BaseOption>(containerWidth: number, items: Option[]) => number;

package/dist/components/textBox/TextBox.d.ts

@@ -0,0 +1,8 @@
+import { BaseTextBoxProps } from '../baseTextBox';
+/**
+ * A styled text input field wrapped in a label, optionally showing error or disabled states.
+ *
+ * @param props - Props to customize the textbox behavior and styling.
+ * @param ref - Ref forwarded to the underlying input element.
+ */
+export declare const TextBox: ({ value, error, disabled, className, id, name, ref, type, ...props }: BaseTextBoxProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { ToastProps } from './types';
+export declare const Toast: ({ id, message, variant, onDismiss, className, index, visibleToasts, dismissLabel, }: ToastProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { ToasterProps } from './types';
+/**
+ * Container component for rendering multiple toast notifications with animations.
+ * Toasts are always displayed in the top-right corner.
+ *
+ * This is a presentational component that handles positioning and rendering
+ * of toasts. State management (adding, removing toasts) should be handled
+ * by the consuming application.
+ */
+export declare const Toaster: ({ toasts, onDismiss, maxToasts, className, }: ToasterProps) => import('react').ReactPortal | null;

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

@@ -0,0 +1,3 @@
+export { Toast } from './Toast';
+export { Toaster } from './Toaster';
+export type { ToastProps, ToasterProps, ToastItem, ToastVariant, } from './types';

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

@@ -0,0 +1,22 @@
+export type ToastVariant = "success" | "error" | "warning" | "info";
+export type ToastItem = {
+    id: string;
+    message: string;
+    variant?: ToastVariant;
+    dismissLabel?: string;
+};
+export type ToastProps = {
+    onDismiss?: (id: string) => void;
+    className?: string;
+    index?: number;
+    visibleToasts?: number;
+} & ToastItem;
+export type ToasterProps = {
+    /** Array of toasts to display */
+    toasts: ToastItem[];
+    /** Callback when a toast is dismissed */
+    onDismiss?: (id: string) => void;
+    /** Maximum number of toasts to show at once */
+    maxToasts?: number;
+    className?: string;
+};

package/dist/components/typography/Typography.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export type TypographyProps = {
+    children: React.ReactNode;
+    bold?: boolean;
+    className?: string;
+};
+export declare const H1: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const H2: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const H3: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const H4: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const H5: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const H6: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export declare const Label: ({ children, bold, className }: TypographyProps) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;

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

@@ -0,0 +1,2 @@
+export { H1, H2, H3, H4, H5, H6, Label } from './Typography';
+export type { TypographyProps } from './Typography';

package/dist/components/unstyledButton/UnstyledButton.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from 'react';
+export type UnstyledButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    ref?: React.Ref<HTMLButtonElement>;
+};
+/**
+ * An unstyled button component that removes all default browser styling.
+ * Provides a clean foundation for custom button implementations.
+ *
+ * @param props - The props for the UnstyledButton component.
+ * @returns The rendered unstyled button element.
+ */
+export declare const UnstyledButton: ({ children, type, className, ref, ...props }: UnstyledButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './UnstyledButton';

package/dist/hooks/index.d.ts

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

package/dist/hooks/useArrowNavigation.d.ts

@@ -0,0 +1,30 @@
+import { RefObject } from 'react';
+export type ArrowNavigationOptions = {
+    /** Container element ref to scope the navigation */
+    containerRef: RefObject<HTMLElement | null>;
+    /** Currently active/selected item identifier */
+    activeItem: string;
+    /** List of all items with their identifiers */
+    items: Array<{
+        id: string;
+    }>;
+    /** Callback when item changes */
+    onItemChange: (itemId: string) => void;
+    /** List of valid item IDs */
+    validItems: string[];
+    /** CSS selector for focusable elements (optional) */
+    focusSelector?: string;
+    /** Whether to enable circular navigation (default: true) */
+    circular?: boolean;
+    /** Whether navigation is enabled (default: true) */
+    enabled?: boolean;
+    /** Whether to handle Enter/Space activation (default: true) */
+    handleActivation?: boolean;
+    /** Data attribute name to read item ID from target element (default: "data-id") */
+    activationAttribute?: string;
+};
+/**
+ * Generic hook for arrow key navigation (Left/Right + Home/End)
+ * Can be used for tabs, menus, carousels, etc.
+ */
+export declare const useArrowNavigation: ({ containerRef, activeItem, items, onItemChange, validItems, focusSelector, circular, enabled, handleActivation, activationAttribute, }: ArrowNavigationOptions) => void;

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1 @@
+export declare const useResizeObserver: <T extends HTMLElement | null = HTMLDivElement | null>(ref: React.RefObject<T>, callback: (element: T) => void) => void;

package/dist/hooks/useViewportCollision.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type UseViewportCollisionOptions = {
+    isOpen: boolean;
+    containerRef: RefObject<HTMLElement | null>;
+};
+export declare const useViewportCollision: ({ isOpen, containerRef, }: UseViewportCollisionOptions) => boolean;
+export {};

package/dist/icons/icons.d.ts

@@ -0,0 +1,256 @@
+import { IconComponent } from '../types/IconComponent';
+export declare const icons: {
+    readonly calendar: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly check: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly chevronDoubleLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly chevronDoubleRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly chevronLeft: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly chevronRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly circle: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly close: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly cogWheel: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly dash: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly database: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly delete: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly details: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly earth: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly errorFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly errorOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly expandDown: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly expandRight: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly expand: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly filter: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly hourglassCircle: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly hourglassFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly idea: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly infoOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly play: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly plus: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly recycle: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly reload: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly save: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly search: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly successFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly successOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly tableArrow: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly table: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly warningFilled: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly warningOutlined: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+};
+export declare const CalendarIcon: IconComponent;
+export declare const CheckIcon: IconComponent;
+export declare const ChevronDoubleLeftIcon: IconComponent;
+export declare const ChevronDoubleRightIcon: IconComponent;
+export declare const ChevronLeftIcon: IconComponent;
+export declare const ChevronRightIcon: IconComponent;
+export declare const CircleIcon: IconComponent;
+export declare const CloseIcon: IconComponent;
+export declare const CogWheelIcon: IconComponent;
+export declare const DashIcon: IconComponent;
+export declare const DatabaseIcon: IconComponent;
+export declare const DeleteIcon: IconComponent;
+export declare const DetailsIcon: IconComponent;
+export declare const EarthIcon: IconComponent;
+export declare const ErrorFilledIcon: IconComponent;
+export declare const ErrorOutlinedIcon: IconComponent;
+export declare const ExpandDownIcon: IconComponent;
+export declare const ExpandRightIcon: IconComponent;
+export declare const ExpandIcon: IconComponent;
+export declare const FilterIcon: IconComponent;
+export declare const HourglassCircleIcon: IconComponent;
+export declare const HourglassFilledIcon: IconComponent;
+export declare const IdeaIcon: IconComponent;
+export declare const InfoOutlinedIcon: IconComponent;
+export declare const PlayIcon: IconComponent;
+export declare const PlusIcon: IconComponent;
+export declare const RecycleIcon: IconComponent;
+export declare const ReloadIcon: IconComponent;
+export declare const SaveIcon: IconComponent;
+export declare const SearchIcon: IconComponent;
+export declare const SuccessFilledIcon: IconComponent;
+export declare const SuccessOutlinedIcon: IconComponent;
+export declare const TableArrowIcon: IconComponent;
+export declare const TableIcon: IconComponent;
+export declare const WarningFilledIcon: IconComponent;
+export declare const WarningOutlinedIcon: IconComponent;
+export type IconName = keyof typeof icons;

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './icons';