@saleor/macaw-ui 0.4.0 → 0.5.2

package/dist/theme/Baseline.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Baseline: React.FC;

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import type { Theme } from "@material-ui/core/styles";
+import React from "react";
+import { Themes, ThemeType } from "./createSaleorTheme";
+export interface ThemeProviderProps {
+    defaultTheme?: ThemeType;
+    /**
+     * Passing an object here will result in losing visual consistency with
+     * Saleor's Dashboard. Use with caution.
+     */
+    palettes?: Partial<Themes>;
+    /**
+     * Passing an object here will result in losing visual consistency with
+     * Saleor's Dashboard. Use with caution.
+     */
+    overrides?: Partial<Theme>;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

package/dist/theme/context.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SaleorThemeContext } from "./types";
+export declare const ThemeContext: React.Context<SaleorThemeContext | undefined>;

package/dist/theme/createSaleorTheme/createSaleorTheme.d.ts

@@ -0,0 +1,3 @@
+import { SaleorTheme, SaleorThemeColors } from "./types";
+export declare const ICONBUTTON_SIZE = 48;
+export declare const createTheme: (colors: SaleorThemeColors) => SaleorTheme;

package/dist/theme/createSaleorTheme/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./createSaleorTheme";
+export * from "./types";

package/dist/theme/createSaleorTheme/overrides/buttons.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeOptions } from "@material-ui/core/styles";
+import { SaleorThemeColors } from "../types";
+export declare const buttonOverrides: (colors: SaleorThemeColors) => ThemeOptions["overrides"];

package/dist/theme/createSaleorTheme/overrides/controls.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeOptions } from "@material-ui/core/styles";
+import { SaleorThemeColors } from "../types";
+export declare const controlOverrides: (colors: SaleorThemeColors) => ThemeOptions["overrides"];

package/dist/theme/createSaleorTheme/overrides/index.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeOptions } from "@material-ui/core/styles";
+import { SaleorThemeColors } from "../types";
+export declare const overrides: (colors: SaleorThemeColors, fontFamily: string) => ThemeOptions["overrides"];

package/dist/theme/createSaleorTheme/overrides/inputs.d.ts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from "@material-ui/core/styles";
+import { SaleorThemeColors } from "../types";
+export declare const inputOverrides: (colors: SaleorThemeColors) => ThemeOptions["overrides"];

package/dist/theme/createSaleorTheme/overrides/tables.d.ts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from "@material-ui/core/styles";
+import { SaleorThemeColors } from "../types";
+export declare const tableOverrides: (colors: SaleorThemeColors, fontFamily: string) => ThemeOptions["overrides"];

package/dist/theme/createSaleorTheme/palette.d.ts

@@ -0,0 +1,2 @@
+import { SaleorPaletteOptions, SaleorThemeColors } from "./types";
+export declare const createPalette: (colors: SaleorThemeColors) => SaleorPaletteOptions;

package/dist/theme/createSaleorTheme/shadows.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeOptions } from "@material-ui/core/styles";
+export declare const shadows: ThemeOptions["shadows"];

package/dist/theme/createSaleorTheme/types.d.ts

@@ -0,0 +1,51 @@
+import type { Theme, ThemeOptions } from "@material-ui/core/styles";
+export declare type ThemeType = "light" | "dark";
+export declare type SaleorThemeColors = Record<"primary" | "secondary" | "error" | "paperBorder" | "autofill" | "success" | "disabled", string> & {
+    highlightInactive: Record<"default", string>;
+} & {
+    background: Record<"default" | "paper", string>;
+} & {
+    checkbox: Record<"default", string>;
+} & {
+    divider: string;
+} & {
+    font: Record<"default" | "gray" | "button" | "textButton" | "textDisabled", string>;
+} & {
+    gray: Record<"default" | "disabled", string>;
+} & {
+    alert: AlertColors;
+    theme: ThemeType;
+    fail: Record<"dark" | "mid" | "light", string>;
+    main: Record<1 | 2 | 3 | 4, string>;
+    active: Record<1 | 2 | 3 | 4 | 5, string>;
+    errorAction: Record<1 | 2 | 3 | 4 | 5, string>;
+};
+export declare type AlertPalette = Record<"success" | "error" | "warning" | "info", string>;
+export declare type AlertColors = Record<"paper" | "icon", AlertPalette>;
+interface ExtraPalette {
+    alert: AlertColors;
+    saleor: SaleorThemeColors;
+    textHighlighted: {
+        active: string;
+        inactive: string;
+    };
+}
+declare type ExtraPaletteOptions = Partial<ExtraPalette>;
+export declare type SaleorPalette = Theme["palette"] & ExtraPalette;
+export declare type SaleorPaletteOptions = ThemeOptions["palette"] & ExtraPaletteOptions;
+export interface SaleorSpacing {
+    (): string;
+    (value: number): string;
+    (topBottom: number, rightLeft: number): string;
+    (top: number, rightLeft: number, bottom: number): string;
+    (top: number, right: number, bottom: number, left: number): string;
+}
+export interface SaleorTheme extends Omit<Theme, "spacing"> {
+    palette: SaleorPalette;
+    spacing: SaleorSpacing;
+}
+export interface SaleorThemeOptions extends ThemeOptions {
+    palette: SaleorPaletteOptions;
+}
+export declare type Themes = Record<ThemeType, SaleorThemeColors>;
+export {};

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ThemeProvider";
+export * from "./styles";
+export * from "./themes";
+export * from "./createSaleorTheme";

package/dist/theme/styles.d.ts

@@ -0,0 +1,5 @@
+import type { ClassNameMap, Styles, WithStylesOptions } from "@material-ui/styles/withStyles";
+import { SaleorTheme } from "./createSaleorTheme/types";
+import type { SaleorThemeContext } from "./types";
+export declare function makeStyles<Props extends Record<string, any> = {}, ClassKey extends string = string>(styles: Styles<SaleorTheme, Props, ClassKey>, options?: Omit<WithStylesOptions<SaleorTheme>, "withTheme">): keyof Props extends never ? (props?: any) => ClassNameMap<ClassKey> : (props: Props) => ClassNameMap<ClassKey>;
+export declare function useTheme(): SaleorTheme & SaleorThemeContext;

package/dist/theme/themes.d.ts

@@ -0,0 +1,3 @@
+import { SaleorThemeColors } from "./createSaleorTheme";
+export declare const dark: SaleorThemeColors;
+export declare const light: SaleorThemeColors;

package/dist/theme/types.d.ts

@@ -0,0 +1,6 @@
+import { ThemeType } from "./createSaleorTheme";
+export interface SaleorThemeContext {
+    themeType: ThemeType;
+    sendThemeToExtension: () => void;
+    setTheme: (theme: ThemeType) => void;
+}

package/dist/theme/utils.d.ts

@@ -0,0 +1 @@
+export declare function changeColorMeta(color: string): void;

package/dist/theme/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tools/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useElementScroll";
+export * from "./useWindowScroll";

package/dist/tools/useElementScroll.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type Position = Record<"x" | "y", number>;
+export declare function isScrolledToBottom(anchor: HTMLElement, position: Position, offset?: number): boolean | undefined;
+export declare function isScrolledToTop(anchor: HTMLElement, position: Position, offset?: number): boolean | undefined;
+export interface UseElementScrollOpts<T extends HTMLElement> {
+    anchor: T | null;
+    position: Position | undefined;
+}
+export interface UseElementScroll<T extends HTMLElement> extends UseElementScrollOpts<T> {
+    setAnchor: React.Dispatch<T | null>;
+}
+export declare function useElementScroll<T extends HTMLElement>(): UseElementScroll<T>;

package/dist/tools/useLocalStorage.d.ts

@@ -0,0 +1,5 @@
+export interface UseLocalStorage {
+    value: string;
+    setValue: (value: string) => void;
+}
+export default function useLocalStorage(key: string, initialValue?: string): UseLocalStorage;

package/dist/tools/useWindowScroll.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowScroll(): {
+    x: number;
+    y: number;
+};

package/dist/types/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,23 @@
+import { PopperPlacementType } from "@material-ui/core/Popper";
+import { StandardTextFieldProps } from "@material-ui/core/TextField";
+import { UseComboboxGetItemPropsOptions } from "downshift";
+import React from "react";
+import { SyntheticChangeEvent } from "../../types/utils";
+import { Choice } from "../Filter";
+export interface AutocompleteProps extends StandardTextFieldProps {
+    children: (data: {
+        getItemProps: (opts: UseComboboxGetItemPropsOptions<Choice>) => any;
+        highlightedIndex: number;
+        inputValue: string;
+    }) => React.ReactNode | React.ReactNodeArray;
+    className?: string;
+    styles?: React.CSSProperties;
+    choices: Choice[];
+    label?: string;
+    loading?: boolean;
+    popperPlacement?: PopperPlacementType;
+    onChange?: (event: SyntheticChangeEvent) => void;
+    onInputChange?: (value: string) => void;
+    onScrollToBottom?: () => void;
+}
+export declare const Autocomplete: React.FC<AutocompleteProps>;

package/dist/types/Autocomplete/Autocomplete.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from "@storybook/react";
+export declare const Default: Story;
+export declare const Loading: Story;
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/Autocomplete/fixtures.d.ts

@@ -0,0 +1,4 @@
+export declare const choices: {
+    label: string;
+    value: string;
+}[];

package/dist/types/Autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from "./Autocomplete";

package/dist/types/Autocomplete/styles.d.ts

@@ -0,0 +1,2 @@
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"popper" | "loader" | "dropdown">;
+export default useStyles;

package/dist/types/Backlink/Backlink.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 import { LayoutButtonProps } from "../LayoutButton";
-export interface AppHeaderProps extends LayoutButtonProps {
+export declare type BacklinkProps<T extends React.ElementType> = LayoutButtonProps<T> & {
     children: React.ReactNode;
     disabled?: boolean;
-    onClick: () => void;
-}
-export declare const Backlink: React.FC<AppHeaderProps>;
+};
+export declare const Backlink: {
+    <T extends React.ElementType<any>>({ children, disabled, onClick, ...props }: BacklinkProps<T>): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/Filter/FilterField/AutocompleteFilterField.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FilterData } from "../types";
+export interface FilterContentProps {
+    filter: FilterData;
+}
+export declare const AutocompleteFilterField: React.FC<FilterContentProps>;

package/dist/types/Filter/FilterField/MultipleValueAutocompleteFilterField.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FilterData } from "../types";
+export interface FilterContentProps {
+    filter: FilterData;
+}
+export declare const MultipleValueAutocompleteFilterField: React.FC<FilterContentProps>;

package/dist/types/Filter/stories/Filter.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from "@storybook/react";
+export declare const Default: Story;
+export declare const WithInitialState: Story;
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/Filter/stories/FilterInteractive.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from "@storybook/react";
+export declare const Autocomplete: Story;
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/Filter/stories/labels.d.ts

@@ -0,0 +1,8 @@
+export declare const labels: {
+    addButton: string;
+    header: string;
+    where: string;
+    and: string;
+    is: string;
+    range: string;
+};

package/dist/types/Filter/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"filter" | "bar" | "menuContent" | "menuHeader" | "menuPaper" | "filterChip" | "filterChipContainer" | "filterDelete" | "filterName" | "filterValue" | "filterRange" | "filterInputInner" | "filterConjunction" | "filterValueCheckbox" | "filterValueSelected" | "filterRangeLabel" | "filterRangeValueContainer" | "selectPaper">;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"filter" | "bar" | "menuContent" | "menuHeader" | "menuPaper" | "filterOptions" | "filterChip" | "filterChipContainer" | "filterDeleteContainer" | "filterDelete" | "filterName" | "filterValue" | "filterRange" | "filterInputInner" | "filterMultipleValueInputInner" | "filterConjunction" | "filterValueCheckbox" | "filterValueSelected" | "filterRangeLabel" | "filterRangeValueContainer" | "barAddBtn" | "selectPaper">;
 export default useStyles;

package/dist/types/Filter/types.d.ts

@@ -2,14 +2,19 @@ import { TextFieldProps } from "@material-ui/core/TextField";
 export declare enum FilterType {
     Text = 0,
     Choice = 1,
-    Range = 2
+    Range = 2,
+    Autocomplete = 3
 }
+export declare type Choice = Record<"label" | "value", string>;
 export interface FilterDetailedOptions {
     type: FilterType;
-    choices?: Array<Record<"label" | "value", string>>;
+    choices?: Choice[];
     default?: string;
     multiple?: boolean;
     InputProps?: Partial<TextFieldProps>;
+    group?: Record<"label" | "name", string>;
+    displayValues?: Choice[];
+    onInputChange?: (value: string) => void;
 }
 export interface FilterOptions {
     name: string;
@@ -40,6 +45,7 @@ export interface FilterContextType {
     toggle: (name: string) => void;
     toggleRange: (name: string) => void;
     unregister: (name: string) => void;
+    swap: (previousFilterName: string, nextFilterName: string) => void;
     onChange: (name: string, value: string | string[], opts?: OnFilterChangeOpts) => void;
 }
 export declare type FilterLabels = Record<"where" | "and" | "is" | "range", string>;

package/dist/types/Filter/utils.d.ts

@@ -1,8 +1,11 @@
 import { FilterData, FilterDetailedOptions, FilterInput, OnFilterChangeOpts } from "./types";
-export declare function getAvailableFilters(filterData: FilterData[]): FilterData[];
+export declare function getFilterName(name: string, options: FilterDetailedOptions): string;
+export declare function getAvailableFilterGroups(filterData: FilterData[]): Array<Record<"name" | "label", string>>;
+export declare function getAvailableFilters(filterData: FilterData[]): Array<Record<"name" | "label", string>>;
 export declare function getActiveFilters(filterData: FilterData[]): FilterData[];
 export declare function validate(filterData: FilterData[]): void;
 export declare function register(filterData: FilterData[], name: string, label: string, initial: FilterInput[], options: FilterDetailedOptions): FilterData[];
 export declare function change(filterData: FilterData[], name: string, value: string | string[], opts?: OnFilterChangeOpts): FilterData[];
 export declare function toggle(filterData: FilterData[], name: string): FilterData[];
 export declare function toggleRange(filterData: FilterData[], name: string): FilterData[];
+export declare function swap(filterData: FilterData[], previousFilterName: string, nextFilterName: string): FilterData[];

package/dist/types/IconButton/IconButton.d.ts

@@ -1,10 +1,52 @@
+import { IconButtonTypeMap as MuiIconButtonTypeMap } from "@material-ui/core/IconButton";
 import { IconButtonProps as MuiIconButtonProps } from "@material-ui/core/IconButton";
+import { OverrideProps } from "@material-ui/core/OverridableComponent";
 import React from "react";
 import { UserInteraction } from "../../types/utils";
-export declare type IconButtonProps<T extends React.ElementType = "button"> = Omit<MuiIconButtonProps<T>, "variant"> & {
+interface IconButtonInnerProps {
     error?: boolean;
     hoverOutline?: boolean;
     state?: UserInteraction;
     variant?: "primary" | "secondary";
+}
+export interface IconButtonTypeMap<P = {}, D extends React.ElementType = "button"> {
+    props: Omit<MuiIconButtonTypeMap<P, D>["props"], "variant"> & IconButtonInnerProps & {
+        href?: string;
+    } & OverrideProps<MuiIconButtonTypeMap<P, D>, "a">;
+    defaultComponent: D;
+    classKey: never;
+}
+export declare type IconButtonProps<T extends React.ElementType = "button"> = MuiIconButtonProps<T, {
+    component?: T;
+}> & IconButtonInnerProps & {
+    href?: string;
 };
-export declare const IconButton: React.FC<IconButtonProps>;
+declare const _IconButton: React.FC<IconButtonProps>;
+export declare const IconButton: <T extends React.ElementType<any> = "button">(props: {
+    component?: T | undefined;
+} & {
+    color?: import("@material-ui/core").PropTypes.Color | undefined;
+    disableFocusRipple?: boolean | undefined;
+    edge?: false | "end" | "start" | undefined;
+    size?: "small" | "medium" | undefined;
+} & {
+    action?: React.Ref<import("@material-ui/core/ButtonBase").ButtonBaseActions> | undefined;
+    buttonRef?: React.Ref<unknown> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    tabIndex?: string | number | undefined;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<MuiIconButtonTypeMap<{
+    component?: T | undefined;
+}, T>> & import("@material-ui/types").Omit<React.ComponentPropsWithRef<T>, keyof import("@material-ui/core/OverridableComponent").CommonProps<M>> & IconButtonInnerProps & {
+    href?: string | undefined;
+} & {
+    ref?: React.ForwardedRef<T> | undefined;
+}) => ReturnType<typeof _IconButton>;
+export {};

package/dist/types/LayoutButton/LayoutButton.d.ts

@@ -1,7 +1,34 @@
 import type { ButtonBaseProps } from "@material-ui/core/ButtonBase";
 import React from "react";
 import { UserInteraction } from "../../types/utils";
-export declare type LayoutButtonProps<T extends React.ElementType = "button"> = ButtonBaseProps<T> & {
+export declare type LayoutButtonProps<T extends React.ElementType> = ButtonBaseProps<T, {
+    component?: T;
+}> & {
     state?: UserInteraction;
 };
-export declare const LayoutButton: React.FC<LayoutButtonProps>;
+export declare const LayoutButtonInner: {
+    <T extends React.ElementType<any> = "button">({ className, children, state, component, ...rest }: LayoutButtonProps<T>, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export declare const LayoutButton: <T extends React.ElementType<any>>(props: {
+    component?: T | undefined;
+} & {
+    action?: React.Ref<import("@material-ui/core/ButtonBase").ButtonBaseActions> | undefined;
+    buttonRef?: React.Ref<unknown> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    tabIndex?: string | number | undefined;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/ButtonBase").ButtonBaseTypeMap<{
+    component?: T | undefined;
+}, T>> & import("@material-ui/types").Omit<React.ComponentPropsWithRef<T>, keyof import("@material-ui/core/OverridableComponent").CommonProps<M>> & {
+    state?: UserInteraction | undefined;
+} & {
+    ref?: React.ForwardedRef<unknown> | undefined;
+}) => ReturnType<typeof LayoutButtonInner>;

package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.d.ts

@@ -0,0 +1,26 @@
+import { PopperPlacementType } from "@material-ui/core/Popper";
+import { StandardTextFieldProps } from "@material-ui/core/TextField";
+import { UseComboboxGetItemPropsOptions } from "downshift";
+import React from "react";
+import { SyntheticChangeEvent } from "../../types/utils";
+import { Choice } from "../Filter";
+export interface MultipleValueAutocompleteProps extends Omit<StandardTextFieldProps, "onChange"> {
+    children: (data: {
+        getItemProps: (opts: UseComboboxGetItemPropsOptions<Choice>) => any;
+        highlightedIndex: number;
+        inputValue: string;
+        choices: Choice[];
+    }) => React.ReactNode | React.ReactNodeArray;
+    className?: string;
+    enableReinitialize?: boolean;
+    styles?: React.CSSProperties;
+    choices: Choice[];
+    label?: string;
+    loading?: boolean;
+    popperPlacement?: PopperPlacementType;
+    initialValue?: Choice[];
+    onChange?: (event: SyntheticChangeEvent<string[]>) => void;
+    onInputChange?: (value: string) => void;
+    onScrollToBottom?: () => void;
+}
+export declare const MultipleValueAutocomplete: React.FC<MultipleValueAutocompleteProps>;

package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from "@storybook/react";
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const WithInitialState: Story;
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/MultipleValueAutocomplete/fixtures.d.ts

@@ -0,0 +1,4 @@
+export declare const choices: {
+    label: string;
+    value: string;
+}[];

package/dist/types/MultipleValueAutocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultipleValueAutocomplete";

package/dist/types/MultipleValueAutocomplete/styles.d.ts

@@ -0,0 +1,2 @@
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "icon" | "popper" | "loader" | "dropdown" | "inputContainer" | "inputContainerWithChips">;
+export default useStyles;

package/dist/types/MultipleValueAutocomplete/useMultipleValueAutocomplete.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { UseComboboxGetItemPropsOptions } from "downshift";
+import { SyntheticChangeEvent } from "../../types/utils";
+import { Choice } from "../Filter";
+export interface UseMultipleValueAutocomplete {
+    choices: Choice[];
+    enableReinitialize?: boolean;
+    name?: string;
+    initialValue: Choice[];
+    onChange?: (event: SyntheticChangeEvent<string[]>) => void;
+    onInputChange?: (value: string) => void;
+}
+declare function useMultipleValueAutocomplete({ choices, enableReinitialize, initialValue, name, onChange, onInputChange, }: UseMultipleValueAutocomplete): {
+    anchor: import("react").MutableRefObject<HTMLDivElement | undefined>;
+    comboboxProps: any;
+    filteredChoices: Choice[];
+    getItemProps: (options: UseComboboxGetItemPropsOptions<Choice>) => any;
+    getSelectedItemProps: (options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<Choice>) => any;
+    getToggleButtonProps: (options?: import("downshift").UseComboboxGetToggleButtonPropsOptions | undefined) => any;
+    highlightedIndex: number;
+    inputProps: any;
+    inputRef: (node: HTMLInputElement | undefined) => void;
+    inputValue: string;
+    inputWidth: number;
+    isOpen: boolean;
+    labelProps: any;
+    menuProps: any;
+    ref: (node: HTMLDivElement | undefined) => void;
+    removeSelectedItem: (item: Choice) => void;
+    selectedItems: Choice[];
+};
+export default useMultipleValueAutocomplete;

package/dist/types/StatusChip/styles.d.ts

@@ -0,0 +1,3 @@
+import { StatusChipProps } from "./types";
+declare const useStyles: (props: StatusChipProps) => import("@material-ui/styles").ClassNameMap<"label" | "root">;
+export default useStyles;

package/dist/types/SwitchSelector/SwitchSelector.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SwitchSelector: React.FC<{}>;

package/dist/types/SwitchSelector/SwitchSelector.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from "@storybook/react";
+export declare const Default: Story;
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/SwitchSelector/SwitchSelectorButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SwitchSelectorButtonProps {
+    value: string;
+    activeTab?: string;
+    onClick: () => void;
+}
+export declare const SwitchSelectorButton: React.FC<SwitchSelectorButtonProps>;
+export {};

package/dist/types/SwitchSelector/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SwitchSelector";
+export * from "./SwitchSelectorButton";

package/dist/types/consts.d.ts

@@ -1 +1,5 @@
 export declare const isWindowDefined: boolean;
+export declare const zIndex: {
+    dialog: number;
+    popper: number;
+};

package/dist/types/index.d.ts

@@ -33,3 +33,6 @@ export * from "./List";
 export * from "./NavigationCard";
 export * from "./Pill";
 export * from "./CircleIndicator";
+export * from "./SwitchSelector";
+export * from "./Autocomplete";
+export * from "./MultipleValueAutocomplete";

package/dist/types/tools/useTextWidth.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from "react";
+export declare function useTextWidth(font: string): [number, Dispatch<SetStateAction<string>>];

package/dist/types/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from "react";
+export declare function mergeRefs<T>(...refs: Ref<T>[]): (node: T) => void;

package/dist/types/utils/useMockAutocomplete.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+export declare function useMockAutocomplete(choices: Array<Record<"label" | "value", string>>): {
+    search: (query: string) => NodeJS.Timeout;
+    results: {
+        score: number;
+        value: string;
+        label: string;
+    }[];
+    more: () => void;
+};

package/dist/utils/Decorator.d.ts

@@ -0,0 +1,4 @@
+import { StoryFn } from "@storybook/addons";
+import React from "react";
+export declare const Decorator: (storyFn: StoryFn<React.ReactNode>) => JSX.Element;
+export declare const GuideDecorator: (storyFn: StoryFn<React.ReactNode>) => JSX.Element;

package/dist/utils/useListStory.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+interface TableDataRow {
+    name: string;
+    calories: number;
+}
+export declare function useListStory(initialRowsPerPage?: number): {
+    data: TableDataRow[];
+    pageData: TableDataRow[];
+    page: number;
+    nextPage: () => void;
+    previousPage: () => void;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    rowsPerPage: number;
+    setRowsPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selected: string[];
+    isRowSelected: (name: string) => boolean;
+    toggleRow: (name: string) => void;
+    toggleAll: () => void;
+};
+export {};