@pedidopago/ui 1.5.1 → 1.5.3

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

@@ -1,23 +1,26 @@
-import { ReactNode } 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;
-};
-export declare type TooltipLabelProps = TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    handleRepositionTooltip: (element: HTMLDivElement) => void;
-};
+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;
+};
+export declare type TooltipLabelProps = TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    handleRepositionTooltip: (element: HTMLDivElement) => void;
+    setShowTooltip: Dispatch<SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: Dispatch<SetStateAction<boolean>>;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,YAAY,GAAG;IAC7C,gBAAgB,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,uBAAuB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,oBAAY,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,YAAY,GAAG;IAC7C,gBAAgB,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,uBAAuB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACtD,CAAC"}

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?: "small" | "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "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?: "small" | "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "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,54 +1,54 @@
-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 { 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 { 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 { 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 { 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 { 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';
 //# 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 @@
-import { ReactNode } from 'react';
-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 = {
-    [key in BreakpointName]?: ReactNode | string | number | undefined;
-};
-/**
- * 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 | undefined) => {
-    breakpointPicker: (breakpointValues: BreakpointValue) => ReactNode;
-};
-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 | undefined) => {
+    breakpoint: BreakpointName | null;
+    breakpointPicker: <T = string>(breakpointValues: BreakpointValue<T>) => T | undefined;
+};
+export {};
 //# sourceMappingURL=useBreakpoints.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGvD,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,aAAK,eAAe,GAAG;KAEpB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS;CAClE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;yCAcmB,eAAe;CAkF5D,CAAC"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,aAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;CAqG1B,CAAC"}

package/dist/shared/hooks/useBreakpoints.js

@@ -36,7 +36,7 @@ var useBreakpoints = function useBreakpoints(breakpointsConfig) {
       setBreakpoint = _useState2[1];
 
   var defaultBreakpoints = {
-    base: 0,
+    base: 1,
     sm: 480,
     md: 768,
     lg: 1024,
@@ -56,27 +56,27 @@ var useBreakpoints = function useBreakpoints(breakpointsConfig) {
   function currentBreakpointWidth(windowSize, breakpoints) {
     var response;
 
-    if (breakpoints.base < windowSize.width) {
+    if (breakpoints.base <= windowSize.width) {
       response = breakpoints.base;
     }
 
-    if (breakpoints.sm < windowSize.width) {
+    if (breakpoints.sm <= windowSize.width) {
       response = breakpoints.sm;
     }
 
-    if (breakpoints.md < windowSize.width) {
+    if (breakpoints.md <= windowSize.width) {
       response = breakpoints.md;
     }
 
-    if (breakpoints.lg < windowSize.width) {
+    if (breakpoints.lg <= windowSize.width) {
       response = breakpoints.lg;
     }
 
-    if (breakpoints.xl < windowSize.width) {
+    if (breakpoints.xl <= windowSize.width) {
       response = breakpoints.xl;
     }
 
-    if (breakpoints.xxl < windowSize.width) {
+    if (breakpoints.xxl <= windowSize.width) {
       response = breakpoints.xxl;
     }
 
@@ -122,6 +122,7 @@ var useBreakpoints = function useBreakpoints(breakpointsConfig) {
     setBreakpoint(activeBreakpoint);
   }, [breakpoints, windowSize]);
   return {
+    breakpoint: breakpoint,
     breakpointPicker: breakpointPicker
   };
 };

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: (disable: boolean, type?: 'modal' | 'child_element') => void;
+export declare const useDisableBodyScroll: (isDisabled: boolean, type?: 'modal' | 'child_element', noScrollbarPadding?: boolean) => void;
 //# sourceMappingURL=useDisableBodyScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useDisableBodyScroll.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,oBAAoB,YACtB,OAAO,SACV,OAAO,GAAG,eAAe,SAehC,CAAC"}
+{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useDisableBodyScroll.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,oBAAoB,eACnB,OAAO,SACb,OAAO,GAAG,eAAe,uCAgBhC,CAAC"}

package/dist/shared/hooks/useDisableBodyScroll.js

@@ -7,10 +7,15 @@ exports.useDisableBodyScroll = void 0;
 
 var _react = require("react");
 
-function disableBodyOverflow() {
-  var scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
-  document.body.style.paddingRight = "".concat(scrollBarWidth, "px");
-  document.body.style.overflow = 'hidden';
+function disableBodyOverflow(noScrollbarPadding) {
+  if (noScrollbarPadding) {
+    document.body.style.paddingRight = "0px";
+    document.body.style.overflow = 'hidden';
+  } else {
+    var scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.paddingRight = "".concat(scrollBarWidth, "px");
+    document.body.style.overflow = 'hidden';
+  }
 }
 
 function enableBodyOverflow() {
@@ -18,45 +23,44 @@ function enableBodyOverflow() {
   document.body.style.paddingRight = '';
 }
 
-function setBodyOverflow(disable, type) {
-  // disable body scroll when type modal:
-  if (disable && type === 'modal') {
+function setBodyOverflow(isDisabled, type, noScrollbarPadding) {
+  // isDisabled body scroll when type modal:
+  if (isDisabled && type === 'modal') {
     document.body.setAttribute('data-modal-open', 'true');
-    return disableBodyOverflow();
+    return disableBodyOverflow(noScrollbarPadding);
   } // enable body scroll when type modal:
 
 
-  if (!disable && type === 'modal') {
+  if (!isDisabled && type === 'modal') {
     document.body.setAttribute('data-modal-open', 'false');
     return enableBodyOverflow();
-  } // disable body scroll when type child_element:
+  } // isDisabled body scroll when type child_element:
 
 
-  if (disable && type === 'child_element') {
-    if (document.body.getAttribute('data-modal-open') === 'true') return;
-    return disableBodyOverflow();
+  if (isDisabled && type === 'child_element') {
+    if (document.body.getAttribute('data-modal-open') === 'false') return disableBodyOverflow(noScrollbarPadding);
   } // enable body scroll when type child_element:
 
 
-  if (!disable && type === 'child_element') {
-    if (document.body.getAttribute('data-modal-open') === 'true') return;
-    return enableBodyOverflow();
+  if (!isDisabled && type === 'child_element') {
+    if (document.body.getAttribute('data-modal-open') === 'false') return enableBodyOverflow();
   }
 }
 
-var useDisableBodyScroll = function useDisableBodyScroll(disable) {
+var useDisableBodyScroll = function useDisableBodyScroll(isDisabled) {
   var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'child_element';
+  var noScrollbarPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   (0, _react.useEffect)(function () {
-    setBodyOverflow(disable, type);
+    setBodyOverflow(isDisabled, type, noScrollbarPadding);
     document.body.addEventListener('data-modal-open', function () {
-      setBodyOverflow(disable, type);
+      setBodyOverflow(isDisabled, type, noScrollbarPadding);
     });
     return function () {
       document.body.removeEventListener('data-modal-open', function () {
-        setBodyOverflow(disable, type);
+        setBodyOverflow(isDisabled, type, noScrollbarPadding);
       });
     };
-  }, [disable, type]);
+  }, [isDisabled, type, noScrollbarPadding]);
 };
 
 exports.useDisableBodyScroll = useDisableBodyScroll;

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/useOnClickOutside.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useOnClickOutside: (ref: 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/useOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,eAAO,MAAM,iBAAiB,QAAS,UAAU,cAAc,CAAC,aAAa,MAAM,IAAI,SActF,CAAC"}
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,eAAO,MAAM,iBAAiB,QACvB,UAAU,cAAc,CAAC,GAAG,UAAU,cAAc,CAAC,EAAE,aACjD,MAAM,IAAI,SAsBtB,CAAC"}

package/dist/shared/hooks/useOnClickOutside.js

@@ -10,6 +10,16 @@ var _react = require("react");
 var useOnClickOutside = function useOnClickOutside(ref, closeMenu) {
   (0, _react.useEffect)(function () {
     var listener = function listener(event) {
+      if (Array.isArray(ref)) {
+        var hasTarget = ref.find(function (ref) {
+          var _ref$current;
+
+          return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
+        });
+        if (hasTarget) return;
+        return closeMenu();
+      }
+
       if (ref.current && event.target && ref.current.contains(event.target)) {
         return;
       }

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