@pedidopago/ui 1.1.4 → 1.2.1

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

@@ -1,42 +1,42 @@
-import React from 'react';
-import { ThemeProps } from 'src';
-import { IButtonProps } from '../Button/types';
-import { IconName } from '../Icon/types';
-import { IInputProps, positionType } from '../Tooltip/types';
-import { CSSObject } from '@emotion/react';
-export declare type toolTipCard = {
-    label: string;
-    position: positionType;
-    backgroundColor: string;
-};
-export interface BodyCard {
-    outlined?: boolean;
-    theme?: ThemeProps;
-    hover?: CSSObject;
-    active?: CSSObject;
-}
-export interface Buttons {
-    btPrimary?: IButtonProps;
-    btSecondary?: IButtonProps;
-    btColumn?: boolean;
-}
-export interface cardI {
-    title?: string;
-    subtitle?: string;
-    media?: string;
-    supporingText?: string;
-    tooltip?: IInputProps;
-    icon?: IconName;
-    outlined?: boolean;
-    expand?: boolean;
-    expandedHeight?: string;
-    titleColor?: string;
-    hover?: CSSObject;
-    active?: CSSObject;
-    padding?: string;
-    children?: React.ReactChild;
-    btPrimary?: IButtonProps;
-    btSecondary?: IButtonProps;
-    btColumn?: boolean;
-}
+import React from 'react';
+import { ThemeProps } from 'src';
+import { IButtonProps } from '../Button/types';
+import { IconName } from '../Icon/types';
+import { IInputProps, positionType } from '../Tooltip/types';
+import { CSSObject } from '@emotion/react';
+export declare type toolTipCard = {
+    label: string;
+    position: positionType;
+    backgroundColor: string;
+};
+export interface BodyCard {
+    outlined?: boolean;
+    theme?: ThemeProps;
+    hover?: CSSObject;
+    active?: CSSObject;
+}
+export interface Buttons {
+    btPrimary?: IButtonProps;
+    btSecondary?: IButtonProps;
+    btColumn?: boolean;
+}
+export interface cardI {
+    title?: string;
+    subtitle?: string;
+    media?: string;
+    supporingText?: string;
+    tooltip?: IInputProps;
+    icon?: IconName;
+    outlined?: boolean;
+    expand?: boolean;
+    expandedHeight?: string;
+    titleColor?: string;
+    hover?: CSSObject;
+    active?: CSSObject;
+    padding?: string;
+    children?: React.ReactChild;
+    btPrimary?: IButtonProps;
+    btSecondary?: IButtonProps;
+    btColumn?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CheckboxInput/checkbox-input.test.d.ts

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

package/dist/components/CheckboxInput/components/MultipleCheckbox.d.ts

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

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

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

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

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-import { IStyledCheckboxInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Checkbox: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+import { IStyledCheckboxInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Checkbox: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,27 @@
-export declare type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps {
-    label?: string;
-    id?: string;
-    color?: string;
-    isDisabled?: boolean;
-    isInderteminate?: boolean;
-    defaultIsChecked?: boolean;
-    name?: string;
-    isMultiple?: boolean;
-    checkboxChildren?: CheckboxChildren[];
-    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
-}
-export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
-    checkboxChildren: CheckboxChildren[];
-}
-export interface CheckboxChildrenState extends CheckboxChildren {
-    hasSelected: boolean;
-}
-export interface IStyledCheckboxInput {
-    isDisabled?: boolean;
-}
+export declare type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps {
+    label?: string;
+    id?: string;
+    color?: string;
+    isDisabled?: boolean;
+    isInderteminate?: boolean;
+    defaultIsChecked?: boolean;
+    name?: string;
+    isMultiple?: boolean;
+    checkboxChildren?: CheckboxChildren[];
+    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
+}
+export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
+    checkboxChildren: CheckboxChildren[];
+}
+export interface CheckboxChildrenState extends CheckboxChildren {
+    hasSelected: boolean;
+}
+export interface IStyledCheckboxInput {
+    isDisabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorPicker/colorpicker.test.d.ts

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

package/dist/components/ColorPicker/components/ColorHue.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorHue } from '../types';
-declare const ColorHue: import("react").MemoExoticComponent<({ hsva, onChange }: IColorHue) => JSX.Element>;
-export default ColorHue;
+/// <reference types="react" />
+import { IColorHue } from '../types';
+declare const ColorHue: import("react").MemoExoticComponent<({ hsva, onChange }: IColorHue) => JSX.Element>;
+export default ColorHue;
 //# sourceMappingURL=ColorHue.d.ts.map

package/dist/components/ColorPicker/components/ColorInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorInput } from '../types';
-declare const ColorInput: ({ inputAlert, setInputAlert, hsva, onChange, colorMode }: IColorInput) => JSX.Element;
-export default ColorInput;
+/// <reference types="react" />
+import { IColorInput } from '../types';
+declare const ColorInput: ({ inputAlert, setInputAlert, hsva, onChange, colorMode }: IColorInput) => JSX.Element;
+export default ColorInput;
 //# sourceMappingURL=ColorInput.d.ts.map

package/dist/components/ColorPicker/components/ColorPickerBox.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPickerBox } from '../types';
-declare const ColorPickerBox: import("react").MemoExoticComponent<({ hsva, onChange }: IColorPickerBox) => JSX.Element>;
-export default ColorPickerBox;
+/// <reference types="react" />
+import { IColorPickerBox } from '../types';
+declare const ColorPickerBox: import("react").MemoExoticComponent<({ hsva, onChange }: IColorPickerBox) => JSX.Element>;
+export default ColorPickerBox;
 //# sourceMappingURL=ColorPickerBox.d.ts.map

package/dist/components/ColorPicker/components/ColorPointer.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPointer } from '../types';
-declare const ColorPointer: ({ top, left, hsva }: IColorPointer) => JSX.Element;
-export default ColorPointer;
+/// <reference types="react" />
+import { IColorPointer } from '../types';
+declare const ColorPointer: ({ top, left, hsva }: IColorPointer) => JSX.Element;
+export default ColorPointer;
 //# sourceMappingURL=ColorPointer.d.ts.map

package/dist/components/ColorPicker/components/ColorSelector.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorSelector } from '../types';
-declare const ColorSelector: import("react").MemoExoticComponent<({ onMove, ...rest }: IColorSelector) => JSX.Element>;
-export default ColorSelector;
+/// <reference types="react" />
+import { IColorSelector } from '../types';
+declare const ColorSelector: import("react").MemoExoticComponent<({ onMove, ...rest }: IColorSelector) => JSX.Element>;
+export default ColorSelector;
 //# sourceMappingURL=ColorSelector.d.ts.map

package/dist/components/ColorPicker/hooks/useCachedCallback.d.ts

@@ -1,2 +1,2 @@
-export declare const useCachedCallback: <T>(callback?: ((value: T) => void) | undefined) => (value: T) => void;
+export declare const useCachedCallback: <T>(callback?: ((value: T) => void) | undefined) => (value: T) => void;
 //# sourceMappingURL=useCachedCallback.d.ts.map

package/dist/components/ColorPicker/hooks/useHsva.d.ts

@@ -1,3 +1,3 @@
-import { IHsvaObject } from './../types';
-export declare const useHsva: (color: string, onChange?: ((color: string) => void) | undefined) => [IHsvaObject, (hsva: IHsvaObject) => void];
+import { IHsvaObject } from './../types';
+export declare const useHsva: (color: string, onChange?: ((color: string) => void) | undefined) => [IHsvaObject, (hsva: IHsvaObject) => void];
 //# sourceMappingURL=useHsva.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IColorPicker } from './types';
-declare const ColorPicker: ({ onChange, onSave, onCancel, initialColor }: IColorPicker) => JSX.Element;
-export default ColorPicker;
+/// <reference types="react" />
+import { IColorPicker } from './types';
+declare const ColorPicker: ({ onChange, onSave, onCancel, initialColor }: IColorPicker) => JSX.Element;
+export default ColorPicker;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorSaturationWrapper: 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 ColorPickerContainerWrapper: 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 ColorPointerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ColorHueWrapper: 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 ColorHueCircle: 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 ColorHueSliderContainer: 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 ColorSelectorWrapper: 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 ColorPickerButtonsWrapper: 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 ColorPickerButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    bgTransparent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorSaturationWrapper: 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 ColorPickerContainerWrapper: 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 ColorPointerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorHueWrapper: 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 ColorHueCircle: 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 ColorHueSliderContainer: 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 ColorSelectorWrapper: 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 ColorPickerButtonsWrapper: 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 ColorPickerButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    bgTransparent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,74 +1,74 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { IInputProps } from '../Input/types';
-export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
-export declare type IHsvaObject = {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare type IColorPicker = {
-    /**
-     * Callback function that is called when the cancel button is clicked.
-     */
-    onCancel: () => void;
-    /**
-     * Callback function that is called when the color is changed.
-     */
-    onChange?: (color: string) => void;
-    /**
-     * Callback function that is called when the save button is clicked.
-     */
-    onSave: (color: string) => void;
-    /**
-     * Set the initial color of the picker.
-     */
-    initialColor?: string;
-};
-export declare type IColorPickerBox = {
-    hsva: IHsvaObject;
-    onChange: (hsva: IHsvaObject) => void;
-};
-export declare type IColorPointer = {
-    top?: number;
-    left: number;
-    hsva: IHsvaObject;
-};
-export declare type IColorSaturation = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    color: {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
-};
-export declare type IColorSelector = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    children: ReactNode;
-};
-export declare type IColorInput = {
-    hsva: IHsvaObject;
-    colorMode: IOutputColorMode;
-    onChange: (hsva: IHsvaObject) => void;
-    inputAlert: Pick<IInputProps, 'alert'>;
-    setInputAlert: Dispatch<SetStateAction<Pick<IInputProps, 'alert'>>>;
-};
-export declare type IButtonsProps = {
-    onCancel: () => void;
-    onSave: (color: string) => void;
-    color: string;
-    outputColorMode: IOutputColorMode;
-};
-export declare type IColorHueSlider = IColorSelector;
-export declare type IColorHue = {
-    onChange: (hue: number) => void;
-    hsva: IHsvaObject;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { InputProps } from '../Input/types';
+export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
+export declare type IHsvaObject = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare type IColorPicker = {
+    /**
+     * Callback function that is called when the cancel button is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * Callback function that is called when the color is changed.
+     */
+    onChange?: (color: string) => void;
+    /**
+     * Callback function that is called when the save button is clicked.
+     */
+    onSave: (color: string) => void;
+    /**
+     * Set the initial color of the picker.
+     */
+    initialColor?: string;
+};
+export declare type IColorPickerBox = {
+    hsva: IHsvaObject;
+    onChange: (hsva: IHsvaObject) => void;
+};
+export declare type IColorPointer = {
+    top?: number;
+    left: number;
+    hsva: IHsvaObject;
+};
+export declare type IColorSaturation = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    color: {
+        h: number;
+        s: number;
+        v: number;
+        a: number;
+    };
+};
+export declare type IColorSelector = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    children: ReactNode;
+};
+export declare type IColorInput = {
+    hsva: IHsvaObject;
+    colorMode: IOutputColorMode;
+    onChange: (hsva: IHsvaObject) => void;
+    inputAlert: Pick<InputProps, 'alert'>;
+    setInputAlert: Dispatch<SetStateAction<Pick<InputProps, 'alert'>>>;
+};
+export declare type IButtonsProps = {
+    onCancel: () => void;
+    onSave: (color: string) => void;
+    color: string;
+    outputColorMode: IOutputColorMode;
+};
+export declare type IColorHueSlider = IColorSelector;
+export declare type IColorHue = {
+    onChange: (hue: number) => void;
+    hsva: IHsvaObject;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,oBAAY,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,oBAAY,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACvC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACrE,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,oBAAY,eAAe,GAAG,cAAc,CAAC;AAE7C,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,oBAAY,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,oBAAY,eAAe,GAAG,cAAc,CAAC;AAE7C,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC"}

package/dist/components/ColorPicker/utils/checkers.d.ts

@@ -1,8 +1,8 @@
-export declare const isRgba: (color: string) => boolean;
-export declare const isHex: (color: string) => boolean;
-export declare const isHsl: (color: string) => boolean;
-export declare const isHsla: (color: string) => boolean;
-export declare const isRgb: (color: string) => boolean;
-export declare const isHsva: (color: string) => boolean;
-export declare const isAValidColor: (color: string) => boolean;
+export declare const isRgba: (color: string) => boolean;
+export declare const isHex: (color: string) => boolean;
+export declare const isHsl: (color: string) => boolean;
+export declare const isHsla: (color: string) => boolean;
+export declare const isRgb: (color: string) => boolean;
+export declare const isHsva: (color: string) => boolean;
+export declare const isAValidColor: (color: string) => boolean;
 //# sourceMappingURL=checkers.d.ts.map