@7shifts/sous-chef 3.10.0 → 3.10.2

package/dist/lists/ResourceTable/ResourceTable.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { Column, CustomComponent, Item, Sort } from './types';
+declare type Props<T> = {
+    /** Each element represents a row and each key of the object represents a column */
+    items: Item<T>[];
+    /** For each column element, the `name` property should match the key on `items` */
+    columns?: Column[];
+    /** A custom component for  customizing how the each item is rendered. It pass as props: `item`, `index`, `columnSizes` and `columns` */
+    itemComponent?: React.ComponentType<CustomComponent<T>>;
+    maxHeight?: number;
+    /** Used for pagination */
+    hasPrevious?: boolean;
+    /** Used for pagination */
+    hasNext?: boolean;
+    /** Used for pagination */
+    onPreviousClick?: () => void;
+    /** Used for pagination */
+    onNextClick?: () => void;
+    isLoading?: boolean;
+    /** It is fired when a sorted column is clicked to be sorted */
+    onSort?: (sort: Sort) => void;
+    showActionMenu?: boolean;
+};
+/**
+ * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
+ */
+declare const ResourceTable: <T extends unknown>({ items, columns, itemComponent, maxHeight, hasPrevious, hasNext, onPreviousClick, onNextClick, onSort, isLoading, showActionMenu }: Props<T>) => JSX.Element;
+export default ResourceTable;

package/dist/lists/ResourceTable/ResourceTableContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ResourceTableContextType = {
+    columnSizes?: number[];
+    showActionMenu?: boolean;
+};
+declare const Context: import("react").Context<ResourceTableContextType>;
+export declare const useResourceTableContext: () => ResourceTableContextType;
+export default Context;

package/dist/lists/ResourceTable/ResourceTableHeader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Column, Sort } from './types';
+declare type Props = {
+    columns: Column[];
+    onSort?: (sort: Sort) => void;
+    showActionMenu?: boolean;
+};
+/**
+ * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
+ */
+declare const ResourceTableHeader: React.FC<Props>;
+export default ResourceTableHeader;

package/dist/lists/ResourceTable/index.d.ts

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

package/dist/lists/ResourceTable/types.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare type Column = {
+    name: string;
+    label?: React.ReactNode;
+    size?: number;
+    isSortable?: boolean;
+    currentSort?: SortDirection;
+};
+export declare type SortDirection = 'asc' | 'desc' | null;
+export declare type Sort = {
+    columnName: string;
+    direction: SortDirection;
+};
+export declare type Item<T> = T | (T & {
+    actions?: Action[];
+});
+export declare type CustomComponent<T> = {
+    item: Item<T>;
+    index: number;
+    columnSizes?: number[];
+    columns?: Column[];
+};
+export declare type Action = {
+    label: React.ReactNode;
+    onAction: () => void;
+};

package/dist/lists/ResourceTableRow/ResourceTableRow.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Action } from '../ResourceTable/types';
+declare type Props = {
+    children: React.ReactNode;
+    onClick?: () => void;
+    isSelected?: boolean;
+    actions?: Action[];
+};
+/**
+ * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
+ */
+declare const ResourceTableRow: React.FC<Props>;
+export default ResourceTableRow;

package/dist/lists/ResourceTableRow/index.d.ts

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

package/dist/navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    href: string;
+    children: React.ReactNode;
+};
+declare const BreadcrumbItem: ({ href, children }: Props) => JSX.Element;
+export default BreadcrumbItem;

package/dist/navigation/Breadcrumbs/BreadcrumbItem/index.d.ts

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

package/dist/overlay/Menu/Menu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+/**
+ * STATUS: IN DRAFT (Don't use this component yet)
+ */
+declare const Menu: React.FC<Props>;
+export default Menu;

package/dist/overlay/Menu/MenuButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'marketing' | 'hollow' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
+declare type Props = {
+    children: React.ReactNode;
+    theme?: ButtonTheme;
+};
+declare const MenuButton: React.FC<Props>;
+export default MenuButton;

package/dist/overlay/Menu/MenuContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type MenuContextType = {
+    onToggleMenu: () => void;
+    isOpen: boolean;
+    triggerRef: any;
+};
+declare const MenuContext: React.Context<MenuContextType>;
+export declare const useMenuContext: () => MenuContextType;
+export default MenuContext;

package/dist/overlay/Menu/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    onClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    children: React.ReactNode;
+};
+declare const MenuItem: React.FC<Props>;
+export default MenuItem;

package/dist/overlay/Menu/MenuList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+declare const MenuList: React.FC<Props>;
+export default MenuList;

package/dist/overlay/Menu/index.d.ts

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

package/dist/overlay/Menu/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type MenuAction = {
+    action: string;
+    label: React.ReactNode;
+    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+};

package/dist/src/actions/Button/Button.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ButtonTheme, ButtonSize, ButtonType, ButtonTarget } from './types';
+declare type Props = {
+    children: React.ReactNode;
+    type?: ButtonType;
+    /** It controls the button theme */
+    theme?: ButtonTheme;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    id?: string;
+    /**
+     * @deprecated use the `size='min-width-100'` instead
+     */
+    wide?: boolean;
+    loading?: boolean;
+    /** This will show a black tooltip when the user hover the button */
+    title?: string;
+    href?: string;
+    target?: ButtonTarget;
+    testId?: string;
+    /**
+     * This prop controls how the button grows having the following options:<br/>
+     * *full-width*: Will grow to fill the size of the container it is placed within.
+     * *min-width-100*: It will have a `min-width: 100` style. It is used for CTA buttons in forms and modals.
+     */
+    size?: ButtonSize;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export default _default;

package/dist/src/actions/Button/constants.d.ts

@@ -0,0 +1,28 @@
+export declare const BUTTON_SIZES: {
+    FULL_WIDTH: "full-width";
+    MIN_WIDTH_100: "min-width-100";
+};
+export declare const BUTTON_THEMES: {
+    DEFAULT: "default";
+    PRIMARY: "primary";
+    DANGER: "danger";
+    UPSELL: "upsell";
+    MARKETING: "marketing";
+    HOLLOW: "hollow";
+    HOLLOW_CONTRAST: "hollow-contrast";
+    LINK_PRIMARY: "link-primary";
+    LINK_DANGER: "link-danger";
+    LINK_UPSELL: "link-upsell";
+    LINK_TOOLBAR: "link-toolbar";
+    LINK_CONTRAST: "link-contrast";
+    LINK_ICON: "link-icon";
+};
+export declare const BUTTON_TYPES: {
+    BUTTON: "button";
+    SUBMIT: "submit";
+    RESET: "reset";
+};
+export declare const BUTTON_TARGETS: {
+    BLANK: "_blank";
+    SELF: "_self";
+};

package/dist/src/actions/Button/index.d.ts

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

package/dist/src/actions/Button/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'marketing' | 'hollow' | 'hollow-contrast' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
+export declare type ButtonSize = 'full-width' | 'min-width-100';
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+export declare type ButtonTarget = '_blank' | '_self';

package/dist/src/actions/Link/Link.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Target, Theme } from './types';
+declare type Props = {
+    href: string;
+    target?: Target;
+    theme?: Theme;
+    onClick?: React.MouseEventHandler;
+    children: React.ReactNode;
+};
+declare const Link: ({ href, target, theme, onClick, children }: Props) => JSX.Element;
+export default Link;

package/dist/src/actions/Link/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const LINK_THEME: {
+    PRIMARY: "primary";
+    CONTRAST: "contrast";
+};
+export declare const LINK_TARGET: {
+    SELF: "_self";
+    BLANK: "_blank";
+};

package/dist/src/actions/Link/index.d.ts

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

package/dist/src/actions/Link/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Theme = 'primary' | 'contrast';
+export declare type Target = '_self' | '_blank';

package/dist/src/actions/PaginationControls/PaginationControls.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type Props = {
+    hasPrevious?: boolean;
+    hasNext?: boolean;
+    onPreviousClick: () => void;
+    onNextClick: () => void;
+    testId?: string;
+};
+/**
+ * `PaginationControls` are two buttons side by side.
+ */
+declare const PaginationControls: React.FC<Props>;
+export default PaginationControls;

package/dist/src/actions/PaginationControls/index.d.ts

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

package/dist/src/actions/Toggle/Toggle.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type Props = {
+    /** It turns the toggle ON if `true` and OFF if `false` */
+    checked: boolean;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    testId?: string;
+};
+/**
+ * Used when you want to allow the user to turn some information ON and OFF.
+ *
+ * _The Toggle component is not intended to be used inside a Form (use a checkbox for that). It should be used when you want to act on that action immediately._
+ */
+declare const Toggle: React.FC<Props>;
+export default Toggle;

package/dist/src/actions/Toggle/index.d.ts

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

package/dist/src/actions/index.d.ts

@@ -0,0 +1,5 @@
+import Toggle from './Toggle';
+import Button from './Button';
+import PaginationControls from './PaginationControls';
+import Link from './Link';
+export { Toggle, Button, PaginationControls, Link };

package/dist/src/controls/DateFilter/DateFilter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { WeekStart } from '../../utils/date';
+import { DateFilterMode } from './types';
+declare type Props = {
+    mode?: DateFilterMode;
+    weekStart?: WeekStart;
+    value: Date;
+    onChange: (selected: Date) => void;
+    testId?: string;
+};
+declare const DateFilter: React.FC<Props>;
+export default DateFilter;

package/dist/src/controls/DateFilter/DateFilterDisplay/DateFilterDisplay.d.ts

@@ -0,0 +1,10 @@
+import { WeekStart } from '../../../utils/date';
+import { DateFilterMode } from '../types';
+declare type Props = {
+    mode: DateFilterMode;
+    selectedDate: Date;
+    weekStart: WeekStart;
+    onClick: () => void;
+};
+declare const DateFilterDisplay: ({ mode, selectedDate, weekStart, onClick }: Props) => JSX.Element;
+export default DateFilterDisplay;

package/dist/src/controls/DateFilter/DateFilterDisplay/DateFilterText/DateFilterText.d.ts

@@ -0,0 +1,9 @@
+import { DateFilterMode } from '../../types';
+import { WeekStart } from '../../../../utils/date';
+declare type Props = {
+    mode: DateFilterMode;
+    selectedDate: Date;
+    weekStart: WeekStart;
+};
+declare const DateFilterText: ({ mode, selectedDate, weekStart }: Props) => JSX.Element;
+export default DateFilterText;

package/dist/src/controls/DateFilter/DateFilterDisplay/DateFilterText/domain.d.ts

@@ -0,0 +1,2 @@
+import { DateFilterMode } from "../../types";
+export declare const getDateString: (date: Date, mode: DateFilterMode) => string;

package/dist/src/controls/DateFilter/DateFilterDisplay/index.d.ts

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

package/dist/src/controls/DateFilter/DateFilterStepper/DateFilterStepper.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DateFilterMode, StepDirection } from '../types';
+declare type Props = {
+    children: React.ReactNode;
+    mode: DateFilterMode;
+    stepDirection: StepDirection;
+    date: Date;
+    onChange: (selected: Date) => void;
+};
+declare const DateFilterStepper: ({ children, mode, stepDirection, onChange, date }: Props) => JSX.Element;
+export default DateFilterStepper;

package/dist/src/controls/DateFilter/DateFilterStepper/domain.d.ts

@@ -0,0 +1,2 @@
+import { DateFilterMode, StepDirection } from "../types";
+export declare const handleDateStepper: (date: Date, mode: DateFilterMode, stepDirection: StepDirection, onChange: (selected: Date) => void) => void;

package/dist/src/controls/DateFilter/DateFilterStepper/index.d.ts

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

package/dist/src/controls/DateFilter/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DATE_FILTER_MODE: {
+    DAY: "day";
+    WEEK: "week";
+    MONTH: "month";
+};
+export declare const STEP_DIRECTION: {
+    FORWARD: "forward";
+    BACKWARD: "backward";
+};

package/dist/src/controls/DateFilter/index.d.ts

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

package/dist/src/controls/DateFilter/types.d.ts

@@ -0,0 +1,3 @@
+import { CalendarMode } from "../../overlay/Calendar/types";
+export declare type DateFilterMode = CalendarMode | 'month';
+export declare type StepDirection = 'forward' | 'backward';

package/dist/src/controls/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,8 @@
+declare type Props = {
+    options: string[];
+    onChange: (action: string) => void;
+    value: string;
+    testId?: string;
+};
+declare const SegmentedControl: ({ options, onChange, value, testId }: Props) => JSX.Element;
+export default SegmentedControl;

package/dist/src/controls/SegmentedControl/index.d.ts

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

package/dist/src/controls/ToolbarSelect/ToolbarSelect.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SelectOption, SelectOptions } from '../../forms/SelectField/types';
+declare type Props<T> = {
+    name: string;
+    value?: SelectOption<T>;
+    placeholder?: string;
+    options: SelectOptions<T>;
+    onChange?: (e: SelectOption<T>) => void;
+    onBlur?: (e: SelectOption<T>) => void;
+    disabled?: boolean;
+    /** Use a prefix for things like icons or symbols (“$”, “¥”, “£”). */
+    prefix: React.ReactNode;
+    testId?: string;
+};
+/** Toolbar component to make a possible selection from predefined options. */
+declare const ToolbarSelect: <T extends unknown>({ name, value, options, onChange, onBlur, placeholder, disabled, prefix, testId }: Props<T>) => JSX.Element;
+export default ToolbarSelect;

package/dist/src/controls/ToolbarSelect/ToolbarSelect.styles.d.ts

@@ -0,0 +1,5 @@
+declare type GetSelectStylesControls = {
+    wrapToNextLine?: boolean;
+};
+export declare const getSelectStyles: ({ wrapToNextLine }: GetSelectStylesControls) => Object;
+export {};

package/dist/src/controls/ToolbarSelect/index.d.ts

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

package/dist/src/controls/index.d.ts

@@ -0,0 +1,4 @@
+import ToolbarSelect from './ToolbarSelect';
+import DateFilter from './DateFilter';
+import SegmentedControl from './SegmentedControl';
+export { ToolbarSelect, DateFilter, SegmentedControl };

package/dist/src/core/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+declare const Portal: React.FC<Props>;
+export default Portal;

package/dist/src/core/Portal/index.d.ts

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

package/dist/src/core/SousChefProvider/SousChefProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+declare const SousChefProvider: ({ children }: Props) => JSX.Element;
+export default SousChefProvider;

package/dist/src/core/SousChefProvider/index.d.ts

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

package/dist/src/core/index.d.ts

@@ -0,0 +1,2 @@
+import SousChefProvider from './SousChefProvider';
+export { SousChefProvider };

package/dist/src/feedback/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    progress: number;
+    maxValue?: number;
+    children?: React.ReactNode;
+    testId?: string;
+};
+declare const CircularProgress: ({ progress, maxValue, children, testId }: Props) => JSX.Element;
+export default CircularProgress;

package/dist/src/feedback/CircularProgress/index.d.ts

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

package/dist/src/feedback/InlineBanner/ButtonCTA/ButtonCTA.d.ts

@@ -0,0 +1,10 @@
+import { InlineBannerTheme } from '../types';
+import React from 'react';
+declare type ButtonCTAProps = {
+    button: React.ReactElement;
+    bannerTheme: InlineBannerTheme;
+    primaryCTA?: boolean;
+};
+/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
+declare const ButtonCTA: ({ button, bannerTheme, primaryCTA }: ButtonCTAProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export default ButtonCTA;

package/dist/src/feedback/InlineBanner/ButtonCTA/index.d.ts

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

package/dist/src/feedback/InlineBanner/InlineBanner.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InlineBannerTheme } from './types';
+declare type Props = {
+    children: React.ReactNode;
+    theme?: InlineBannerTheme;
+    title?: string;
+    onClose?: () => void;
+    caption?: string;
+    primaryButton?: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    testId?: string;
+};
+declare const InlineBanner: React.FC<Props>;
+export default InlineBanner;

package/dist/src/feedback/InlineBanner/InlineBannerCTA/InlineBannerCTA.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InlineBannerTheme } from '../types';
+declare type Props = {
+    primaryButton: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    caption?: string;
+    multiLine: boolean;
+    bannerTheme: InlineBannerTheme;
+};
+declare const InlineBannerCTA: ({ primaryButton, secondaryButton, caption, multiLine, bannerTheme }: Props) => JSX.Element;
+export default InlineBannerCTA;

package/dist/src/feedback/InlineBanner/InlineBannerCTA/index.d.ts

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

package/dist/src/feedback/InlineBanner/InlineBannerIcon/InlineBannerIcon.d.ts

@@ -0,0 +1,6 @@
+import { InlineBannerTheme } from '../types';
+declare type BannerIconProps = {
+    theme: InlineBannerTheme;
+};
+declare const InlineBannerIcon: ({ theme }: BannerIconProps) => JSX.Element;
+export default InlineBannerIcon;

package/dist/src/feedback/InlineBanner/InlineBannerIcon/index.d.ts

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

package/dist/src/feedback/InlineBanner/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const BANNER_THEME: {
+    INFO: "info";
+    WARNING: "warning";
+    SUCCESS: "success";
+    DANGER: "danger";
+    UPSELL: "upsell";
+};
+export declare const BUTTON_THEME: {
+    HOLLOW: "hollow";
+    UPSELL: "upsell";
+};

package/dist/src/feedback/InlineBanner/index.d.ts

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

package/dist/src/feedback/InlineBanner/types.d.ts

@@ -0,0 +1 @@
+export declare type InlineBannerTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

package/dist/src/feedback/PersistentBanner/PersistentBanner.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Theme } from './types';
+declare type Props = {
+    theme?: Theme;
+    primaryButton?: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    onDismiss?: () => void;
+    onLoad?: () => void;
+    testId?: string;
+    children: React.ReactNode;
+};
+declare const PersistentBanner: ({ theme, children, primaryButton, secondaryButton, onDismiss, onLoad, testId }: Props) => JSX.Element;
+export default PersistentBanner;

package/dist/src/feedback/PersistentBanner/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const PERSISTENT_BANNER_THEME: {
+    UPSELL: "upsell";
+    INFO: "info";
+    DANGER: "danger";
+};

package/dist/src/feedback/PersistentBanner/index.d.ts

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

package/dist/src/feedback/PersistentBanner/types.d.ts

@@ -0,0 +1 @@
+export declare type Theme = 'danger' | 'info' | 'upsell';

package/dist/src/feedback/Progress/domain.d.ts

@@ -0,0 +1,11 @@
+export declare const getProgressMetric: (progress: number, maxValue: number) => {
+    progress: number;
+    maxValue: number;
+};
+/**
+ * This function calculates the progress bar so it can align in the center of each step
+ */
+export declare const getProgressMetricWithSteps: (progress: number, amountOfSteps: number) => {
+    progress: number;
+    maxValue: number;
+};

package/dist/src/feedback/Progress/useProgress.d.ts

@@ -0,0 +1,18 @@
+declare type UseProgress = {
+    elementProps: {
+        'aria-valuemax': number;
+        'aria-valuemin': number;
+        'aria-valuenow': number;
+        role: string;
+    };
+    metric: {
+        percentage: number;
+        maxValue: number;
+        progress: number;
+    };
+};
+export declare const useProgress: (progress: number, maxValue: number, getMetric?: (progress: number, maxValue: number) => {
+    progress: number;
+    maxValue: number;
+}) => UseProgress;
+export {};