@connectif/ui-components 0.0.1

package/dist/src/components/layout/PageWithSidePanel.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export type PageWithSidePanelProps = React.PropsWithChildren<{
+    /**
+     * Used to show/hide sidePanel.
+     */
+    sidePanelVisible?: boolean;
+    /**
+     * The sidePanel to display. It should be a SidePanel component.
+     */
+    sidePanel?: React.ReactNode;
+}>;
+/**
+ * A page with a sidePanel at the left of the page.
+ * The `children` will be displayed in the main area.
+ */
+declare const PageWithSidePanel: ({ sidePanel, children, sidePanelVisible }: PageWithSidePanelProps) => JSX.Element;
+export default PageWithSidePanel;

package/dist/src/components/layout/PageWithToolBox.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export type PageWithToolBoxProps = React.PropsWithChildren<{
+    /**
+     * Used to show/hide toolBox.
+     */
+    toolBoxVisible?: boolean;
+    /**
+     * The toolBox to display. It should be a ToolBox component.
+     */
+    toolBox?: React.ReactNode;
+}>;
+/**
+ * A page with a toolBox at the left of the page.
+ * The `children` will be displayed in the main area.
+ */
+declare const PageWithToolBox: ({ toolBox, children, toolBoxVisible }: PageWithToolBoxProps) => JSX.Element;
+export default PageWithToolBox;

package/dist/src/components/layout/PageWithToolbar.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type PageWithToolbarProps = React.PropsWithChildren<{
+    /**
+     * Whether the toolbar is sticky at the top.
+     */
+    toolbarSticky?: boolean;
+    /**
+     * The toolbar to display. It should be a Toolbar component.
+     */
+    toolbar?: React.ReactNode;
+}>;
+/**
+ * A page with a toolbar at the top of the page.
+ * The `children` will be displayed in the main area.
+ * Toolbar is sticky by default.
+ */
+declare const PageWithToolbar: ({ toolbar, children, toolbarSticky }: PageWithToolbarProps) => JSX.Element;
+export default PageWithToolbar;

package/dist/src/components/layout/Paper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
+export type PaperProps = Pick<MuiPaperProps, 'children' | 'sx'> & {
+    /**
+     * Wheather the paper will be surrounded with a thin border.
+     */
+    bordered?: boolean;
+};
+/**
+ * This is a simple "Paper" component, which is raised
+ */
+declare const Paper: ({ bordered, sx, ...rest }: PaperProps) => JSX.Element;
+export default Paper;

package/dist/src/components/layout/SidePanel.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BoxProps } from '@mui/material';
+export type SidePanelProps = React.PropsWithChildren<{
+    className?: BoxProps['className'];
+}>;
+declare const SidePanel: ({ children, className }: SidePanelProps) => JSX.Element;
+export default SidePanel;

package/dist/src/components/layout/Stack.d.ts

@@ -0,0 +1,2 @@
+import MuiStack from '@mui/material/Stack';
+export default MuiStack;

package/dist/src/components/layout/Stepper.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { StepperProps as MuiStepperProps } from '@mui/material';
+export type StepperProps = {
+    /**
+     * Select active step
+     */
+    activeStep: number;
+    /**
+     * Select stepper orientation
+     */
+    orientation?: MuiStepperProps['orientation'];
+    /**
+     * Steps info
+     */
+    steps: {
+        label: string;
+        placeholder?: string;
+        description?: string;
+        descriptionNode?: React.ReactNode;
+    }[];
+};
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLButtonElement>>;
+export default Stepper;

package/dist/src/components/layout/ToolBox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BoxProps } from '@mui/material';
+type ToolBoxSize = 'L' | 'M';
+export type ToolBoxProps = React.PropsWithChildren<{
+    className?: BoxProps['className'];
+    header?: React.ReactNode;
+    containerSx?: BoxProps['sx'];
+    size?: ToolBoxSize;
+    dataTestId?: string;
+}>;
+declare const ToolBox: ({ children, className, header, containerSx, size, dataTestId }: ToolBoxProps) => JSX.Element;
+export default ToolBox;

package/dist/src/components/layout/index.d.ts

@@ -0,0 +1,17 @@
+export { default as Box } from './Box';
+export { default as CollapsiblePanel, CollapsiblePanelProps } from './CollapsiblePanel';
+export { default as CollapsiblePanelSwitcher, CollapsiblePanelSwitcherProps } from './CollapsiblePanelSwitcher';
+export { default as Grid, GridProps } from './Grid';
+export { default as Container } from './Container';
+export { default as PageWithHeader, PageWithHeaderProps } from './PageWithHeader';
+export { default as PageWithToolbar, PageWithToolbarProps } from './PageWithToolbar';
+export { default as PageWithSidePanel, PageWithSidePanelProps as PageWithSidebarProps } from './PageWithSidePanel';
+export { default as PageWithToolBox, PageWithToolBoxProps } from './PageWithToolBox';
+export { default as PageWithNavbar, PageWithNavbarProps } from './PageWithNavbar';
+export { default as SidePanel, SidePanelProps } from './SidePanel';
+export { default as Stack } from './Stack';
+export { default as Paper, PaperProps } from './Paper';
+export { default as LazyLoad } from './LazyLoad';
+export { default as Collapse } from './Collapse';
+export { default as ToolBox, ToolBoxProps } from './ToolBox';
+export { default as Stepper, StepperProps } from './Stepper';

package/dist/src/components/list/BaseListItem.d.ts

@@ -0,0 +1,70 @@
+import { SxProps } from '@mui/material';
+import * as React from 'react';
+import { TypographyVariant } from '../../theme/Typography';
+import { IconId } from '../icon/Icon';
+export type BaseListItemProps = {
+    /**
+     * The color variant of the list item.
+     */
+    color?: 'default' | 'primary';
+    /**
+     * Adornment components to be placed at the start of the input.
+     */
+    startAdornment?: React.ReactNode;
+    /**
+     * Icon to be placed as first startAdornment. In fact, startIcon is like
+     * a shorthand of `startAdornment={<Icon id={...}/>}`
+     */
+    startIconId?: IconId;
+    /**
+     * Adornment components to be placed at the end of the input.
+     */
+    endAdornment?: React.ReactNode;
+    /**
+     * Icon to be placed as first endAdornment. In fact, endIcon is like
+     * a shorthand of `endAdornment={<Icon id={...}/>}`
+     */
+    endIconId?: IconId;
+    /**
+     * The variant to be used for main `text` prop. If supplied prop `children`
+     * this text will be ignored.
+     */
+    typographyVariant?: Extract<TypographyVariant, 'body1' | 'body2' | 'body1-semibold'>;
+    /**
+     * The text to be placed in main ListItem area. If supplied prop `children`
+     * this text will be ignored.
+     */
+    text?: string;
+    /**
+     * The text to be shown under the main ListItem area. If supplied prop `children`
+     * this text will be ignored.
+     */
+    subText?: string;
+    /**
+     * Children component to be used in main ListItem area. If supplied,
+     * props `text` and `subText` will be ignored.
+     */
+    children?: React.ReactNode;
+    /**
+     * The styles applied to the ListItemBase.
+     */
+    baseSx?: SxProps;
+    /**
+     * Whether the list item is in selected state.
+     */
+    selected?: boolean;
+    /**
+     * The variant of the list item.
+     */
+    variant?: 'default' | 'circular';
+    /**
+     * Class to override .MuiTooltip-popper styles
+     */
+    tooltipClass?: string;
+    /**
+     * Settled directly in DOM element, for testing easy location purposes.
+     */
+    'data-test'?: string;
+};
+declare const BaseListItem: ({ baseSx, color, typographyVariant, variant, startAdornment, endAdornment, children, startIconId, endIconId, selected, text, subText, tooltipClass, "data-test": dataTest }: BaseListItemProps) => JSX.Element;
+export default BaseListItem;

package/dist/src/components/list/List.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ListProps as MuiListProps } from '@mui/material';
+export type ListProps = Pick<MuiListProps, 'children' | 'disablePadding' | 'sx' | 'className'>;
+declare const List: ({ children, disablePadding, sx, className }: ListProps) => JSX.Element;
+export default List;

package/dist/src/components/list/ListItem.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ListItemProps as MuiListItemProps, SxProps } from '@mui/material';
+import { BaseListItemProps } from './BaseListItem';
+export type ListItemProps = {
+    /**
+     * The styles applied to this ListItem.
+     */
+    sx?: SxProps;
+} & BaseListItemProps & Pick<MuiListItemProps, 'onMouseEnter' | 'onMouseLeave' | 'className'>;
+declare const ListItem: React.ForwardRefExoticComponent<{
+    /**
+     * The styles applied to this ListItem.
+     */
+    sx?: SxProps | undefined;
+} & BaseListItemProps & Pick<MuiListItemProps, "className" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLLIElement>>;
+export default ListItem;

package/dist/src/components/list/ListItemButton.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { ListItemButtonProps as MuiListItemButtonProps, SxProps } from '@mui/material';
+import { BaseListItemProps } from './BaseListItem';
+export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabIndex' | 'role' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave' | 'className'> & {
+    /**
+     * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
+     */
+    enableAuxClick?: boolean;
+    /**
+     * The styles applied to this ListItemButton.
+     */
+    sx?: SxProps;
+    /**
+     * Whether this list item button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Settled directly in DOM element, for testing easy location purposes.
+     */
+    'data-test'?: string;
+    buttonDataTest?: string;
+} & BaseListItemProps;
+declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "role" | "tabIndex" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
+    /**
+     * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
+     */
+    enableAuxClick?: boolean | undefined;
+    /**
+     * The styles applied to this ListItemButton.
+     */
+    sx?: SxProps | undefined;
+    /**
+     * Whether this list item button is disabled
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Settled directly in DOM element, for testing easy location purposes.
+     */
+    'data-test'?: string | undefined;
+    buttonDataTest?: string | undefined;
+} & BaseListItemProps & React.RefAttributes<HTMLDivElement>>;
+export default ListItemButton;

package/dist/src/components/list/ListItemText.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TypographyVariant } from '../../theme/Typography';
+export type ListItemTextProps = {
+    text?: string;
+    typographyVariant: TypographyVariant;
+    color?: string;
+    /**
+     * Class to override .MuiTooltip-popper styles
+     */
+    tooltipClass?: string;
+    /**
+     * Settled directly in DOM element, for testing easy location purposes.
+     */
+    'data-test'?: string;
+};
+declare const ListItemText: ({ text, typographyVariant, color, tooltipClass, "data-test": dataTest }: ListItemTextProps) => JSX.Element;
+export default ListItemText;

package/dist/src/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListItemButton, ListItemButtonProps } from './ListItemButton';
+export { default as ListItem, ListItemProps } from './ListItem';
+export { default as List, ListProps } from './List';

package/dist/src/components/loader/Loader.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { CircularProgressProps } from '../progress';
+import { BoxProps } from '@mui/material/Box';
+export type LoaderProps = {
+    /**
+     * Wheather the loader is visible or not
+     */
+    isVisible: boolean;
+    /**
+     * The loader zIndex
+     */
+    zIndex?: string | number;
+    /**
+     * The size of the circular progress.
+     */
+    size?: CircularProgressProps['size'];
+    /**
+     * Whether to hide the progress circle or not
+     * @default false
+     */
+    hideProgress?: boolean;
+    sx?: BoxProps['sx'];
+};
+/**
+ * A Loader component that gets `position:absoulte` over the closest
+ * `position:relative` ancestor element, or body if there is not such element.
+ * It blocks mouse interaction with the hovered section, but note that user
+ * still is able to change focus and interact with hovered section elements by
+ * using keyboard controls.
+ */
+declare const Loader: ({ isVisible, zIndex, size, hideProgress, sx }: LoaderProps) => JSX.Element;
+export default Loader;

package/dist/src/components/loader/index.d.ts

@@ -0,0 +1 @@
+export { default as Loader } from './Loader';

package/dist/src/components/navbar/Navbar.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+export type NavbarProps = {
+    /**
+     * Whether the drawer is open or not
+     */
+    isDrawerOpen?: boolean;
+    /**
+     * The content to be placed at the top of the Navbar.
+     * You will usually start this content with a NavbarLogo component,
+     * followed by the menu entries as NavbarButtons
+     */
+    topContent?: React.ReactNode;
+    /**
+     * The content to be placed at the bottom of the Navbar.
+     * You will usually put NavbarButtons components here.
+     */
+    bottomContent?: React.ReactNode;
+    /**
+     * The content to be placed at the top of the drawer.
+     * You will usually start this content with a NavbarHeader component,
+     * followed by the sub-menu entries as ListItemButtons
+     */
+    drawerTopContent?: React.ReactNode;
+    /**
+     * The content to be placed at the bottom of the drawer.
+     * You will usually put ListItemButtons components here.
+     */
+    drawerBottomContent?: React.ReactNode;
+    /**
+     * Called when the drawer is closed by the user
+     */
+    onClose?: () => void;
+};
+/**
+ * This component is intended to be always visible in the left-side of application.
+ * It contains an inner drawer that could be used for sub-navigation if needed.
+ *
+ * You will usually use this component inside a PageWithNavbar.
+ */
+declare const Navbar: ({ topContent, bottomContent, drawerTopContent, drawerBottomContent, onClose, isDrawerOpen }: NavbarProps) => JSX.Element;
+export default Navbar;

package/dist/src/components/navbar/NavbarButton.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { IconId, IconProps } from '../icon/Icon';
+import { SxProps } from '@mui/material';
+export type NavbarButtonProps = {
+    /**
+     * The iconId of this item
+     */
+    iconId: IconId;
+    /**
+     * The URL of the image resource to use instead of iconId. If this is set iconId is ignored
+     */
+    srcUrl?: string;
+    /**
+     * Whether the button is active or not.
+     */
+    isActive?: boolean;
+    /**
+     * Click event handler
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Styles to be applied to this button
+     */
+    sx?: SxProps;
+    /**
+     * Badge component to be positionanted at the bottom-right corner
+     */
+    badgeIconProps?: IconProps;
+    /**
+     * Set a border in navbar button. false by default.
+     */
+    highlighted?: boolean;
+};
+/**
+ * The usual entry to be displayed in a Navbar component. Use the `isActive`
+ * state to true when the user is in a view represented by this button
+ */
+declare const NavbarButton: React.ForwardRefExoticComponent<NavbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default NavbarButton;

package/dist/src/components/navbar/NavbarHeader.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type NavbarHeaderProps = {
+    /**
+     * The title to show in this header
+     */
+    text: string;
+};
+/**
+ * A header component to be used at the top of the drawer of a Navbar component.
+ */
+declare const NavbarHeader: ({ text }: NavbarHeaderProps) => JSX.Element;
+export default NavbarHeader;

package/dist/src/components/navbar/NavbarLogo.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type NavbarLogoProps = {
+    /**
+     * Image src property to be used as logo
+     */
+    src: string;
+    /**
+     * Click event handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+/**
+ * The main Navbar logo to be used in the top of the Navbar component.
+ */
+declare const NavbarLogo: React.ForwardRefExoticComponent<NavbarLogoProps & React.RefAttributes<HTMLButtonElement>>;
+export default NavbarLogo;

package/dist/src/components/navbar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Navbar, NavbarProps } from './Navbar';
+export { default as NavbarButton, NavbarButtonProps } from './NavbarButton';
+export { default as NavbarHeader, NavbarHeaderProps } from './NavbarHeader';
+export { default as NavbarLogo, NavbarLogoProps } from './NavbarLogo';

package/dist/src/components/overlay/DonutFocusOverlay.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type DonutFocusOverlayProps = {
+    isVisible: boolean;
+    elementRef?: React.RefObject<HTMLElement | null>;
+    padding?: number;
+    donutWidth?: number;
+    chipLabel?: string;
+    chipPosition?: 'left' | 'right';
+};
+declare const DonutFocusOverlay: ({ isVisible, elementRef, padding, donutWidth, chipLabel, chipPosition }: DonutFocusOverlayProps) => JSX.Element | null;
+export default DonutFocusOverlay;

package/dist/src/components/overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as DonutFocusOverlay, DonutFocusOverlayProps } from './DonutFocusOverlay';

package/dist/src/components/pager/Pager.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export type PagerProps = {
+    /**
+     *  The current page number, starting from 1
+     * */
+    page: number;
+    /**
+     * The size of the page
+     */
+    pageSize: number;
+    /**
+     * The list of allowed page sizes
+     * A Select will be displayed to change the page size, only if specified
+     */
+    allowedPageSizes?: number[];
+    /**
+     * The total number of elements
+     */
+    total: number;
+    /**
+     * Event fired when the page number or page size is changed.
+     * It will require a page refresh and update of the page and pageSize properties
+     */
+    onPageChange: (page: number, pageSize: number) => void;
+};
+/**
+ * A pager displays information about the current page and the total number of elements,
+ * allowing the user to navigate between pages.
+ */
+declare const Pager: ({ page, pageSize, total, allowedPageSizes, onPageChange }: PagerProps) => JSX.Element;
+export default Pager;

package/dist/src/components/pager/index.d.ts

@@ -0,0 +1 @@
+export { default as Pager } from './Pager';

package/dist/src/components/popover/Popover.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { PopoverProps as MuiPopoverProps } from '@mui/material/Popover';
+export type PopoverProps = Pick<MuiPopoverProps, 'children' | 'anchorEl' | 'sx' | 'disableEscapeKeyDown' | 'onTransitionEnd' | 'onMouseUp'> & {
+    /**
+     * The event triggered when clicking on the backdrop or Escape key is pushed.
+     * Required to close the popover. Usually, it should set anchorEl to undefined.
+     */
+    onClose: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;
+    /** This prop is used to indicate the horizontal direction in which you want the popover to open having as reference point the origin of the popover. */
+    horizontalAlign?: 'left' | 'center' | 'right';
+    /** This prop is used to indicate the horizontal origin position as reference point the origin of the popover. */
+    anchorHorizontalOrigin?: 'left' | 'center' | 'right';
+    /** This prop is used to indicate the vertical direction in which you want the popover to open having as reference point the origin of the popover. */
+    verticalAlign?: 'bottom' | 'center' | 'top';
+    /** This prop is used to indicate the vertical origin position as reference point the origin of the popover. */
+    anchorVerticalAlign?: 'bottom' | 'center' | 'top';
+    /** If `true`, the modal will not restore focus to previously focused element once modal is hidden or unmounted.*/
+    disableRestoreFocus?: boolean;
+};
+/**
+ * A Popover can be used to display some content on top of another.
+ * It is shown when the anchor element is set and hidden when unset.
+ * By default it is positioned below the anchor element.
+ */
+declare const Popover: ({ horizontalAlign, anchorHorizontalOrigin, verticalAlign, anchorVerticalAlign, ...props }: PopoverProps) => JSX.Element;
+export default Popover;

package/dist/src/components/popover/Popover.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const popoverTheme: Components<Theme>['MuiPopover'];

package/dist/src/components/popover/PopoverActions.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export type PopoverActionsProps = {
+    /**
+     * Content to be displayed on the left side of the popover.
+     */
+    leftContent?: React.ReactNode;
+    /**
+     * Content to be displayed on the left side of the popover.
+     */
+    rightContent?: React.ReactNode;
+    /**
+     * Custom styles for the PopoverActions component.
+     */
+    sx?: React.CSSProperties;
+};
+/**
+ * To be used as last child of a Popover component.
+ * Use this to add actions to the Popover, like Buttons, MenuButtons, etc.
+ */
+declare const PopoverActions: ({ leftContent, rightContent, sx }: PopoverActionsProps) => JSX.Element;
+export default PopoverActions;

package/dist/src/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Popover, PopoverProps } from './Popover';
+export { default as PopoverActions } from './PopoverActions';

package/dist/src/components/progress/CircularProgress.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+declare const circularSizes: {
+    readonly XS: "20px";
+    readonly SM: "24px";
+    readonly MD: "40px";
+};
+export type CircularProgressProps = {
+    /**
+     * The value to fill the circular progress bar. Only applied with determinate variant
+     */
+    value?: number;
+    /**
+     * The label to set on the circular progress. Only applied with determinate variant
+     */
+    label?: string;
+    /**
+     * The size of the circle.
+     */
+    size?: keyof typeof circularSizes;
+    /**
+     * Whether the progress is indeterminate or not.
+     * If indeterminate, the value prop is ignored.
+     */
+    variant?: 'determinate' | 'indeterminate';
+    /**
+     * The color of the circular progress.
+     */
+    color?: string;
+    /**
+     * Show the circular background not filled in circular progress.
+     */
+    showCircularBackground?: boolean;
+};
+declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground }: CircularProgressProps) => JSX.Element;
+export default CircularProgress;

package/dist/src/components/progress/LinearProgress.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material/LinearProgress';
+export type LinearProgressProps = Pick<MuiLinearProgressProps, 'value'> & {
+    /**
+     * Whether the progress is indeterminate or not.
+     * If indeterminate, the value prop is ignored.
+     */
+    variant?: 'determinate' | 'indeterminate';
+    /**
+     * The color of the progress bar.
+     */
+    color?: string;
+    /**
+     * The color of the progress bar background.
+     */
+    backgroundColor?: string;
+};
+declare const LinearProgress: ({ color, backgroundColor, variant, ...rest }: LinearProgressProps) => JSX.Element;
+export default LinearProgress;

package/dist/src/components/progress/LinearProgress.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const linearProgressTheme: Components<Theme>['MuiLinearProgress'];

package/dist/src/components/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LinearProgress, LinearProgressProps } from './LinearProgress';
+export { default as CircularProgress, CircularProgressProps } from './CircularProgress';

package/dist/src/components/scrollable/HorizontalScrollable.d.ts

@@ -0,0 +1,18 @@
+import { SxProps } from '@mui/material';
+import * as React from 'react';
+export type HorizontalScrollableProps = React.PropsWithChildren<{
+    /**
+     * The css style to apply to the chart container.
+     * Use this to set specific with, padding, background color, etc.
+     */
+    style?: SxProps;
+    /**
+     * The distance scrolled by each click, in pixels.
+     */
+    stepDistance?: number;
+}>;
+/**
+ * A horizontal scrollable component to display groups of data in horizontal scroll.
+ */
+declare const HorizontalScrollable: ({ style, children, stepDistance }: HorizontalScrollableProps) => JSX.Element;
+export default HorizontalScrollable;

package/dist/src/components/scrollable/index.d.ts

@@ -0,0 +1 @@
+export { default as HorizontalScrollable, HorizontalScrollableProps } from './HorizontalScrollable';