@pedidopago/ui 1.6.9 → 1.6.10

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

@@ -1,30 +1,30 @@
-import { ReactNode } from 'react';
-import { IconName } from '../Icon/types';
-export declare type IToastConfig = {
-    title: string;
-    content: ReactNode;
-    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
-    duration?: number;
-    icon?: IconName;
-    onClose?: (id: string) => void;
-};
-export declare type IToastList = {
-    id: string;
-    config: Required<Omit<IToastConfig, 'onClose'>> & {
-        onClose?: (id: string) => void;
-    };
-};
-export declare type Toast = IToastConfig & {
-    toastId: string;
-    close: (id: string) => void;
-};
-export declare type ToastContextProps = {
-    add: (options: IToastConfig) => void;
-    remove: (id: string) => void;
-    toasts: IToastList[];
-};
-export declare type ToastProviderProps = {
-    children?: React.ReactNode;
-};
+import { ReactNode } from 'react';
+import { IconName } from '../Icon/types';
+export declare type IToastConfig = {
+    title: string;
+    content: ReactNode;
+    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
+    duration?: number;
+    icon?: IconName;
+    onClose?: (id: string) => void;
+};
+export declare type IToastList = {
+    id: string;
+    config: Required<Omit<IToastConfig, 'onClose'>> & {
+        onClose?: (id: string) => void;
+    };
+};
+export declare type Toast = IToastConfig & {
+    toastId: string;
+    close: (id: string) => void;
+};
+export declare type ToastContextProps = {
+    add: (options: IToastConfig) => void;
+    remove: (id: string) => void;
+    toasts: IToastList[];
+};
+export declare type ToastProviderProps = {
+    children?: React.ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    isVisible: boolean;
-    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    showLabelModal: boolean;
-    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-} & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    isVisible: boolean;
+    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TooltipLabel.d.ts.map

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function ExampleTooltip(): JSX.Element;
+/// <reference types="react" />
+export declare function ExampleTooltip(): JSX.Element;
 //# sourceMappingURL=example.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { TooltipProps } from './types';
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
+import { FC } from 'react';
+import { TooltipProps } from './types';
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { TooltipProps } from './types';
-export declare const StyledTooltipLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ViewMoreButton: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+/// <reference types="react" />
+import { TooltipProps } from './types';
+export declare const StyledTooltipLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ViewMoreButton: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,27 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-export declare type positionType = 'top' | 'right' | 'bottom' | 'left';
-export declare type TooltipProps = {
-    position?: positionType;
-    children: React.ReactNode;
-    label: ReactNode;
-    labelColor?: GlobalColorsProps | (string & {});
-    bgColor?: GlobalColorsProps | (string & {});
-    maxWidth?: number;
-    offset?: number;
-    animationDuration?: number;
-    minWidth?: number;
-    disabled?: boolean;
-};
-export declare type TooltipLabelProps = TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    isVisible: boolean;
-    setShowTooltip: Dispatch<SetStateAction<boolean>>;
-    showLabelModal: boolean;
-    setShowLabelModal: Dispatch<SetStateAction<boolean>>;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+export declare type positionType = 'top' | 'right' | 'bottom' | 'left';
+export declare type TooltipProps = {
+    position?: positionType;
+    children: React.ReactNode;
+    label: ReactNode;
+    labelColor?: GlobalColorsProps | (string & {});
+    bgColor?: GlobalColorsProps | (string & {});
+    maxWidth?: number;
+    offset?: number;
+    animationDuration?: number;
+    minWidth?: number;
+    disabled?: boolean;
+};
+export declare type TooltipLabelProps = TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    isVisible: boolean;
+    setShowTooltip: Dispatch<SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: Dispatch<SetStateAction<boolean>>;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { TypographyProps } from './types';
-declare const Typography: ({ variant, color, children, ...rest }: TypographyProps) => JSX.Element;
-export default Typography;
+/// <reference types="react" />
+import { TypographyProps } from './types';
+declare const Typography: ({ variant, color, children, ...rest }: TypographyProps) => JSX.Element;
+export default Typography;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './../../@types/index';
-export declare const StyledText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
-    variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
-    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
-    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
-    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
-    lineHeight?: string | number | undefined;
-    textAlign?: "center" | "end" | "start" | undefined;
-    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
-    textDecoration?: "none" | "underline" | "line-through" | undefined;
-    letterSpacing?: string | number | undefined;
-    htmlFor?: string | undefined;
-    children?: import("react").ReactNode;
-} & {
-    textColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './../../@types/index';
+export declare const StyledText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
+    variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
+    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
+    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
+    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
+    lineHeight?: string | number | undefined;
+    textAlign?: "center" | "end" | "start" | undefined;
+    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
+    textDecoration?: "none" | "underline" | "line-through" | undefined;
+    letterSpacing?: string | number | undefined;
+    htmlFor?: string | undefined;
+    children?: import("react").ReactNode;
+} & {
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,17 +1,17 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { GlobalColorsProps, defaultTheme } from './../../shared/theme';
-export declare type TypographyProps = HTMLAttributes<HTMLParagraphElement | HTMLLabelElement> & {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'caption' | 'small' | 'strong' | 'em';
-    color?: GlobalColorsProps | (string & {});
-    fontSize?: keyof typeof defaultTheme.fontSizes | number;
-    fontWeight?: keyof typeof defaultTheme.fontWeight;
-    fontStyle?: 'italic' | 'normal' | 'oblique' | 'initial' | 'inherit';
-    lineHeight?: string | number;
-    textAlign?: 'start' | 'center' | 'end';
-    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-    textDecoration?: 'underline' | 'line-through' | 'none';
-    letterSpacing?: string | number;
-    htmlFor?: string;
-    children?: ReactNode;
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { GlobalColorsProps, defaultTheme } from './../../shared/theme';
+export declare type TypographyProps = HTMLAttributes<HTMLParagraphElement | HTMLLabelElement> & {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'caption' | 'small' | 'strong' | 'em';
+    color?: GlobalColorsProps | (string & {});
+    fontSize?: keyof typeof defaultTheme.fontSizes | number;
+    fontWeight?: keyof typeof defaultTheme.fontWeight;
+    fontStyle?: 'italic' | 'normal' | 'oblique' | 'initial' | 'inherit';
+    lineHeight?: string | number;
+    textAlign?: 'start' | 'center' | 'end';
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+    textDecoration?: 'underline' | 'line-through' | 'none';
+    letterSpacing?: string | number;
+    htmlFor?: string;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=typography.test.d.ts.map

package/dist/index.d.ts

@@ -1,58 +1,58 @@
-export { default as Alert } from './components/Alert';
-export { default as Avatar } from './components/Avatar';
-export { default as Badge } from './components/Badge';
-export { default as Button } from './components/Button';
-export { Card } from './components/Card';
-export { default as ColorPicker } from './components/ColorPicker';
-export { default as DatePicker } from './components/DatePicker';
-export { Dialog } from './components/Dialog';
-export { default as Dropzone } from './components/Dropzone';
-export { default as Flex } from './components/Flex';
-export { default as Grid } from './components/Grid';
-export { default as Icon } from './components/Icon';
-export { type IconName } from './components/Icon/types';
-export { default as IconItem } from './components/IconItem';
-export { ReactPortal } from './components/ReactPortal';
-export { default as Illustration } from './components/Illustration';
-export { default as Label } from './components/Label';
-export { default as List } from './components/List';
-export { Modal } from './components/Modal';
-export { Pagination } from './components/Pagination';
-export { default as Progress } from './components/Progress';
-export { Rating } from './components/Rating';
-export { default as Skeleton } from './components/Skeleton';
-export { default as Slider } from './components/Slider';
-export { default as Spinner } from './components/Spinner';
-export { default as Steps } from './components/Steps';
-export { Table } from './components/Table';
-export * from './components/Tabs';
-export { default as Tag } from './components/Tag';
-export { default as TextArea } from './components/TextAreaInput';
-export { Thumbnail } from './components/Thumbnail';
-export * from './components/Timeline';
-export { default as Toast } from './components/Toast';
-export { default as Tooltip } from './components/Tooltip';
-export { default as Typography } from './components/Typography';
-export { CollapseCard } from './components/CollapseCard';
-export { Observer } from './components/Observer';
-export { default as Input } from './components/Input';
-export { DateInput } from './components/DateInput';
-export { default as Select } from './components/Select';
-export { default as MultipleSelect } from './components/MultipleSelect';
-export { default as Checkbox } from './components/CheckboxInput';
-export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
-export { default as Radio } from './components/RadioInput';
-export { default as Switch } from './components/Switch';
-export { default as useToast } from './components/Toast/hooks/useToast';
-export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
-export { useDevices } from './shared/hooks/useDevices';
-export { useBreakpoints } from './shared/hooks/useBreakpoints';
-export { useDebounce } from './shared/hooks/useDebounce';
-export { useDisableBodyScroll } from './shared/hooks/useDisableBodyScroll';
-export { useKeyPress } from './shared/hooks/useKeyPress';
-export { useOnClickOutside } from './shared/hooks/useOnClickOutside';
-export { useWindowSize } from './shared/hooks/useWindowSize';
-export * from './shared/theme';
-export { iconExists } from './components/Icon/utils/iconExists';
-export * from './utils/formatters';
+export { default as Alert } from './components/Alert';
+export { default as Avatar } from './components/Avatar';
+export { default as Badge } from './components/Badge';
+export { default as Button } from './components/Button';
+export { Card } from './components/Card';
+export { default as ColorPicker } from './components/ColorPicker';
+export { default as DatePicker } from './components/DatePicker';
+export { Dialog } from './components/Dialog';
+export { default as Dropzone } from './components/Dropzone';
+export { default as Flex } from './components/Flex';
+export { default as Grid } from './components/Grid';
+export { default as Icon } from './components/Icon';
+export { type IconName } from './components/Icon/types';
+export { default as IconItem } from './components/IconItem';
+export { ReactPortal } from './components/ReactPortal';
+export { default as Illustration } from './components/Illustration';
+export { default as Label } from './components/Label';
+export { default as List } from './components/List';
+export { Modal } from './components/Modal';
+export { Pagination } from './components/Pagination';
+export { default as Progress } from './components/Progress';
+export { Rating } from './components/Rating';
+export { default as Skeleton } from './components/Skeleton';
+export { default as Slider } from './components/Slider';
+export { default as Spinner } from './components/Spinner';
+export { default as Steps } from './components/Steps';
+export { Table } from './components/Table';
+export * from './components/Tabs';
+export { default as Tag } from './components/Tag';
+export { default as TextArea } from './components/TextAreaInput';
+export { Thumbnail } from './components/Thumbnail';
+export * from './components/Timeline';
+export { default as Toast } from './components/Toast';
+export { default as Tooltip } from './components/Tooltip';
+export { default as Typography } from './components/Typography';
+export { CollapseCard } from './components/CollapseCard';
+export { Observer } from './components/Observer';
+export { default as Input } from './components/Input';
+export { DateInput } from './components/DateInput';
+export { default as Select } from './components/Select';
+export { default as MultipleSelect } from './components/MultipleSelect';
+export { default as Checkbox } from './components/CheckboxInput';
+export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
+export { default as Radio } from './components/RadioInput';
+export { default as Switch } from './components/Switch';
+export { default as useToast } from './components/Toast/hooks/useToast';
+export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
+export { useDevices } from './shared/hooks/useDevices';
+export { useBreakpoints } from './shared/hooks/useBreakpoints';
+export { useDebounce } from './shared/hooks/useDebounce';
+export { useDisableBodyScroll } from './shared/hooks/useDisableBodyScroll';
+export { useKeyPress } from './shared/hooks/useKeyPress';
+export { useOnClickOutside } from './shared/hooks/useOnClickOutside';
+export { useWindowSize } from './shared/hooks/useWindowSize';
+export * from './shared/theme';
+export { iconExists } from './components/Icon/utils/iconExists';
+export * from './utils/formatters';
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/components/FocusLock/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-interface FocusLockProps {
-    isLocked: boolean;
-    children: ReactNode;
-}
-declare const FocusLock: ({ isLocked, children, ...otherProps }: FocusLockProps) => JSX.Element;
-export default FocusLock;
+import { ReactNode } from 'react';
+interface FocusLockProps {
+    isLocked: boolean;
+    children: ReactNode;
+}
+declare const FocusLock: ({ isLocked, children, ...otherProps }: FocusLockProps) => JSX.Element;
+export default FocusLock;
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/formatters/format-number.d.ts

@@ -1,6 +1,6 @@
-import { FormatCurrency } from './types';
-export declare function formatCurrency({ amount, currency, locale }: FormatCurrency): string;
-export declare function formatNumber(number: string): string;
-export declare function sanitizeNumber(number: string): string;
-export declare function formatCurrencyWithoutSymbol(value: string): string;
+import { FormatCurrency } from './types';
+export declare function formatCurrency({ amount, currency, locale }: FormatCurrency): string;
+export declare function formatNumber(number: string): string;
+export declare function sanitizeNumber(number: string): string;
+export declare function formatCurrencyWithoutSymbol(value: string): string;
 //# sourceMappingURL=format-number.d.ts.map

package/dist/shared/formatters/types.d.ts

@@ -1,6 +1,6 @@
-export interface FormatCurrency {
-    amount: number;
-    currency?: string;
-    locale?: string;
-}
+export interface FormatCurrency {
+    amount: number;
+    currency?: string;
+    locale?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/shared/hooks/devices.d.ts

@@ -1,9 +1,9 @@
-export declare const devices: {
-    mobile: number;
-    tablet: number;
-    'monitor-small': number;
-    'monitor-wide': number;
-    'monitor-ultra': number;
-};
-export declare type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
+export declare const devices: {
+    mobile: number;
+    tablet: number;
+    'monitor-small': number;
+    'monitor-wide': number;
+    'monitor-ultra': number;
+};
+export declare type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
 //# sourceMappingURL=devices.d.ts.map

package/dist/shared/hooks/useBreakpoints.d.ts

@@ -1,26 +1,26 @@
-declare type BreakpointsConfig = {
-    base: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-declare type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-declare type BreakpointValue<T> = {
-    [key in BreakpointName]?: T;
-};
-/**
- * It returns a function that takes a breakpoint value object and returns the value
- * of the closest breakpoint to the current window size
- * @param {BreakpointsConfig} [breakpointsConfig] - This is an optional parameter
- * that allows you to pass in your own breakpoints.
- * @returns a `breakpointPicker` function, which receives an object with  breakpoint keys and values.
- * @example const flexDirection = breapointPicker({ sm: 'column', lg: 'row' });
- */
-export declare const useBreakpoints: (breakpointsConfig?: BreakpointsConfig) => {
-    breakpoint: BreakpointName | null;
-    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
-};
-export {};
+declare type BreakpointsConfig = {
+    base: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+declare type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+declare type BreakpointValue<T> = {
+    [key in BreakpointName]?: T;
+};
+/**
+ * It returns a function that takes a breakpoint value object and returns the value
+ * of the closest breakpoint to the current window size
+ * @param {BreakpointsConfig} [breakpointsConfig] - This is an optional parameter
+ * that allows you to pass in your own breakpoints.
+ * @returns a `breakpointPicker` function, which receives an object with  breakpoint keys and values.
+ * @example const flexDirection = breapointPicker({ sm: 'column', lg: 'row' });
+ */
+export declare const useBreakpoints: (breakpointsConfig?: BreakpointsConfig) => {
+    breakpoint: BreakpointName | null;
+    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
+};
+export {};
 //# sourceMappingURL=useBreakpoints.d.ts.map

package/dist/shared/hooks/useDebounce.d.ts

@@ -1,2 +1,2 @@
-export declare function useDebounce<T extends (...args: any[]) => any>(callback: T, delay: number, eachStep?: boolean): (...args: Parameters<T>) => void;
+export declare function useDebounce<T extends (...args: any[]) => any>(callback: T, delay: number, eachStep?: boolean): (...args: Parameters<T>) => void;
 //# sourceMappingURL=useDebounce.d.ts.map

package/dist/shared/hooks/useDevices.d.ts

@@ -1,9 +1,9 @@
-import { DeviceTypes } from './devices';
-/**
- * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
- * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
- * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the device. "Up" will return true if it's larger.
- * @returns If the screen width matches the device in a certain direction.
- */
-export declare function useDevices(device: DeviceTypes, direction?: 'up' | 'down'): boolean;
+import { DeviceTypes } from './devices';
+/**
+ * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
+ * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
+ * @param direction The direction to compare. "Down" will return true if the screen width is shorter than the device. "Up" will return true if it's larger.
+ * @returns If the screen width matches the device in a certain direction.
+ */
+export declare function useDevices(device: DeviceTypes, direction?: 'up' | 'down'): boolean;
 //# sourceMappingURL=useDevices.d.ts.map

package/dist/shared/hooks/useDisableBodyScroll.d.ts

@@ -1,2 +1,2 @@
-export declare const useDisableBodyScroll: (isDisabled: boolean, type?: 'modal' | 'child_element', noScrollbarPadding?: boolean) => void;
+export declare const useDisableBodyScroll: (isDisabled: boolean, type?: 'modal' | 'child_element', noScrollbarPadding?: boolean) => void;
 //# sourceMappingURL=useDisableBodyScroll.d.ts.map

package/dist/shared/hooks/useKeyPress.d.ts

@@ -1,2 +1,2 @@
-export declare function useKeyPress(key: string, action: () => void): void;
+export declare function useKeyPress(key: string, action: () => void): void;
 //# sourceMappingURL=useKeyPress.d.ts.map

package/dist/shared/hooks/useObserver.d.ts

@@ -1,11 +1,11 @@
-import { RefObject } from 'react';
-interface IntersectionObserverInit {
-    root?: Element | Document | null;
-    rootMargin?: string;
-    threshold?: number | number[];
-}
-export declare function useObserver(ref: RefObject<Element>, callback: () => void, options?: IntersectionObserverInit & {
-    enabled?: boolean;
-}): void;
-export {};
+import { RefObject } from 'react';
+interface IntersectionObserverInit {
+    root?: Element | Document | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+export declare function useObserver(ref: RefObject<Element>, callback: () => void, options?: IntersectionObserverInit & {
+    enabled?: boolean;
+}): void;
+export {};
 //# sourceMappingURL=useObserver.d.ts.map

package/dist/shared/hooks/useOnClickOutside.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement> | RefObject<HTMLDivElement>[], closeMenu: () => void) => void;
+import { RefObject } from 'react';
+export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement> | RefObject<HTMLDivElement>[], closeMenu: () => void) => void;
 //# sourceMappingURL=useOnClickOutside.d.ts.map

package/dist/shared/hooks/useWindowSize.d.ts

@@ -1,9 +1,9 @@
-export declare type WindowSize = {
-    width: number;
-    height: number;
-};
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-};
+export declare type WindowSize = {
+    width: number;
+    height: number;
+};
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
 //# sourceMappingURL=useWindowSize.d.ts.map

package/dist/shared/tests/test-utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { RenderOptions } from '@testing-library/react';
-declare function customRender(ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
-export { customRender as render };
+import { ReactElement } from 'react';
+import { RenderOptions } from '@testing-library/react';
+declare function customRender(ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+export { customRender as render };
 //# sourceMappingURL=test-utils.d.ts.map