@dreamcommerce/aurora 0.3.4-160 → 0.3.4-161

package/build/esm/packages/aurora/src/hooks/use_key_down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_key_down.js","sources":["../../../../../../src/hooks/use_key_down.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nconst checkKeyMatch = (key: string, sequence: string) => key.match(new RegExp(sequence, 'ig'));\n\n/**\n * Bind keydown event and checks if specific sequence/s was pressed\n * Sequences is array of keys to listen to, key can be:\n * - specific one eg. 'a', 'A'\n * - if there are differences in string representing specific key, you can split every representation with \"|\" eg. Esc|Escape\n * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key\n * @param keys array for key sequences to check if pressed\n * @param cb action to fire after specific sequence occured\n * @param ref reference to element that should have event listener when its focused, if is undefined then event listeners will be added to document object\n */\nexport const useKeyDown = (keys: Array<string>, cb?: () => void, ref?: RefObject<HTMLElement>) => {\n    useEffect(() => {\n        if (!cb) {\n            return;\n        }\n\n        const onEscape = (evt: KeyboardEvent) => {\n            keys.forEach((sequence) => {\n                if (sequence.includes('+') && sequence.length > 1) {\n                    const parts = sequence.split('+');\n                    const key = parts.pop();\n                    const modifiers = parts;\n\n                    if (modifiers.every((modifier) => evt[`${modifier}Key`] === true) && key && checkKeyMatch(evt.key, key)) {\n                        cb();\n                    }\n\n                    return;\n                }\n\n                if (checkKeyMatch(evt.key, sequence)) {\n                    cb();\n                }\n            });\n        };\n        if (ref) {\n            ref.current?.addEventListener('keydown', onEscape);\n        }\n\n        return () => {\n            if (ref) {\n                ref?.current?.removeEventListener('keydown', onEscape);\n            }\n        };\n    }, [ref, cb, keys]);\n};\n"],"names":[],"mappings":";;AAEA,IAAM,aAAa,GAAG,UAAC,GAAW,EAAE,QAAgB,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,GAAA,CAAC;AAE/F;;;;;;;;;;IAUa,UAAU,GAAG,UAAC,IAAmB,EAAE,EAAe,EAAE,GAA4B;IACzF,SAAS,CAAC;;QACN,IAAI,CAAC,EAAE,EAAE;YACL,OAAO;SACV;QAED,IAAM,QAAQ,GAAG,UAAC,GAAkB;YAChC,IAAI,CAAC,OAAO,CAAC,UAAC,QAAQ;gBAClB,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/C,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAClC,IAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;oBACxB,IAAM,SAAS,GAAG,KAAK,CAAC;oBAExB,IAAI,SAAS,CAAC,KAAK,CAAC,UAAC,QAAQ,IAAK,OAAA,GAAG,CAAI,QAAQ,QAAK,CAAC,KAAK,IAAI,GAAA,CAAC,IAAI,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;wBACrG,EAAE,EAAE,CAAC;qBACR;oBAED,OAAO;iBACV;gBAED,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;oBAClC,EAAE,EAAE,CAAC;iBACR;aACJ,CAAC,CAAC;SACN,CAAC;QACF,IAAI,GAAG,EAAE;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE;SACtD;QAED,OAAO;;YACH,IAAI,GAAG,EAAE;gBACL,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE;aAC1D;SACJ,CAAC;KACL,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACxB;;;;"}

package/build/esm/packages/aurora/src/hooks/use_resize.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import debounce_1 from './../../../../dependencies/lodash/debounce.js';
+
+/**
+ * Hook to run function when window has been resized with possible delay
+ * @param fn, function to call
+ * @param wait, delay time
+ */
+var useResize = function (fn, wait) {
+    if (wait === void 0) { wait = 0; }
+    useEffect(function () {
+        var debouncedFn = debounce_1(fn, wait);
+        window.addEventListener('resize', debouncedFn);
+        return function () {
+            window.removeEventListener('resize', debouncedFn);
+        };
+    }, [fn, wait]);
+};
+
+export { useResize };
+//# sourceMappingURL=use_resize.js.map

package/build/esm/packages/aurora/src/hooks/use_resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uBAAuB,+CAA6C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/hooks/use_screen_detect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_screen_detect.js","sources":["../../../../../../src/hooks/use_screen_detect.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { breakpoints } from '@constants/responsive_breakpoints';\nimport { useResize } from './use_resize';\n\nexport const useScreenDetect = () => {\n    const [screenName, setScreenName] = useState('');\n\n    /**\n     * Setting screen name hook to one of the names from array of breakpoints\n     */\n    const detectResolution = () => {\n        const screenWidth = window.innerWidth;\n\n        breakpoints.forEach(({ width, name }, index) => {\n            if (index < breakpoints.length - 1 && index > 0) {\n                // index between first and last in array\n                if (screenWidth <= width && screenWidth > breakpoints[index + 1].width) {\n                    setScreenName(name);\n                }\n            } else if (index === 0) {\n                // index first in array\n                if (screenWidth > width) {\n                    setScreenName(name);\n                }\n            } else if (index === breakpoints.length - 1) {\n                // index last in array\n                if (screenWidth <= width) {\n                    setScreenName(name);\n                }\n            }\n        });\n    };\n\n    /**\n     * Event listener for window resize, which calls detectResolution() on resize\n     */\n    useResize(() => detectResolution(), 10);\n\n    useEffect(() => {\n        /**\n         * Runs once after render to set actual window size name\n         */\n        detectResolution();\n    }, []);\n\n    return screenName;\n};\n"],"names":[],"mappings":";;;;IAKa,eAAe,GAAG;IACrB,IAAA,iBAA0C,EAAzC,kBAAU,EAAE,qBAA6B,CAAC;;;;IAKjD,IAAM,gBAAgB,GAAG;QACrB,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QAEtC,WAAW,CAAC,OAAO,CAAC,UAAC,EAAe,EAAE,KAAK;gBAApB,gBAAK,EAAE,cAAI;YAC9B,IAAI,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;;gBAE7C,IAAI,WAAW,IAAI,KAAK,IAAI,WAAW,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;oBACpE,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;iBAAM,IAAI,KAAK,KAAK,CAAC,EAAE;;gBAEpB,IAAI,WAAW,GAAG,KAAK,EAAE;oBACrB,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;iBAAM,IAAI,KAAK,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAEzC,IAAI,WAAW,IAAI,KAAK,EAAE;oBACtB,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;SACJ,CAAC,CAAC;KACN,CAAC;;;;IAKF,SAAS,CAAC,cAAM,OAAA,gBAAgB,EAAE,GAAA,EAAE,EAAE,CAAC,CAAC;IAExC,SAAS,CAAC;;;;QAIN,gBAAgB,EAAE,CAAC;KACtB,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB;;;;"}

package/build/esm/packages/aurora/src/hooks/use_unique_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_unique_id.js","sources":["../../../../../../src/hooks/use_unique_id.ts"],"sourcesContent":["let counter = 0;\n\n/**\n * hook to generate unique Id\n * @return {\n *     uniqueId, function to generate uniqueId\n * }\n */\nexport const useUniqueId = () => {\n    const uniqueId = () => (prefix = 'id') => {\n        return `${prefix}-${counter++}`;\n    };\n\n    return {\n        uniqueId\n    };\n};\n"],"names":[],"mappings":"AAAA,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;;;;;IAMa,WAAW,GAAG;IACvB,IAAM,QAAQ,GAAG,cAAM,OAAA,UAAC,MAAa;QAAb,uBAAA,EAAA,aAAa;QACjC,OAAU,MAAM,SAAI,OAAO,EAAI,CAAC;KACnC,GAAA,CAAC;IAEF,OAAO;QACH,QAAQ,UAAA;KACX,CAAC;AACN;;;;"}

package/build/esm/packages/aurora/src/i18n.js

@@ -0,0 +1,23 @@
+import i18next from './../../../dependencies/i18next/dist/esm/i18next.js';
+export { default } from '../../../node_modules/i18next/dist/esm/i18next.js';
+import { initReactI18next } from './../../../dependencies/react-i18next/dist/es/context.js';
+import en from './translations/en.json.js';
+import pl from './translations/pl.json.js';
+
+var resources = {
+    en: {
+        translation: en
+    },
+    pl: {
+        translation: pl
+    }
+};
+i18next.use(initReactI18next).init({
+    resources: resources,
+    lng: 'pl',
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+//# sourceMappingURL=i18n.js.map

package/build/esm/packages/aurora/src/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,qDAAmD;AACvE;AACA,iCAAiC,0DAAwD;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/src/assets/css_classes.d.ts

@@ -0,0 +1 @@
+export declare const cssIcon = "icon";

package/build/esm/packages/aurora/src/src/assets/icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TIcon } from './types';
+declare const Icon: React.FC<TIcon>;
+export default Icon;

package/build/esm/packages/aurora/src/src/assets/icon_arrow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconArrow: React.FC<IIconProps>;
+export default IconArrow;

package/build/esm/packages/aurora/src/src/assets/icon_calendar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconCalendar: React.FC<IIconProps>;
+export default IconCalendar;

package/build/esm/packages/aurora/src/src/assets/icon_close.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconClose: React.FC<IIconProps>;
+export default IconClose;

package/build/esm/packages/aurora/src/src/assets/icon_delete.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconDelete: React.FC<IIconProps>;
+export default IconDelete;

package/build/esm/packages/aurora/src/src/assets/icon_hint.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconHint: React.FC<IIconProps>;
+export default IconHint;

package/build/esm/packages/aurora/src/src/assets/icon_tick.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconTick: React.FC<IIconProps>;
+export default IconTick;

package/build/esm/packages/aurora/src/src/assets/icon_upload.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IIconProps } from './types';
+declare const IconUpload: React.FC<IIconProps>;
+export default IconUpload;

package/build/esm/packages/aurora/src/src/assets/types.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export declare type TIcon = {
+    children: ReactNode;
+};
+export interface IIconProps extends Partial<SVGElement> {
+    className?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+}

package/build/esm/packages/aurora/src/src/components/button/components/button/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IAsButtonProps } from './types';
+export declare const button: {
+    render({ type, onClick, children }: IAsButtonProps, classNames: string): JSX.Element;
+};

package/build/esm/packages/aurora/src/src/components/button/components/button/types.d.ts

@@ -0,0 +1,5 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface IAsButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: NodeListOf<HTMLElement> | Element | string;
+    onClick?(event: React.MouseEvent<HTMLElement>): void;
+}

package/build/esm/packages/aurora/src/src/components/button/components/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const buttonTypes: {
+    button: {
+        render({ type, onClick, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
+    };
+    link: {
+        render({ href, target, onClick, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;
+    };
+};

package/build/esm/packages/aurora/src/src/components/button/components/link/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IAsLinkProps } from './types';
+export declare const link: {
+    render({ href, target, onClick, children }: IAsLinkProps, classNames: string): JSX.Element;
+};

package/build/esm/packages/aurora/src/src/components/button/components/link/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IAsLinkProps {
+    href?: string;
+    target?: '_blank';
+    onClick?(event: React.MouseEvent<HTMLElement>): void;
+    children: NodeListOf<HTMLElement> | string | Element;
+}

package/build/esm/packages/aurora/src/src/components/button/css_classes.d.ts

@@ -0,0 +1,7 @@
+export declare const cssButton = "btn";
+export declare const cssButtonOutline: string;
+export declare const cssButtonBg: string;
+export declare const cssButtonS: string;
+export declare const cssButtonLink: string;
+export declare const cssButtonSecondary: string;
+export declare const cssButtonInactive: string;

package/build/esm/packages/aurora/src/src/components/button/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IButtonProps } from './types';
+/**
+ * @component
+ * @example
+ * return (
+ *  <Button
+ *      size="small"
+ *      variant="light">
+ *          Text button
+ *  </Button>
+ *
+ *  <Button
+ *      as="link"
+ *      href="https://onet.pl">
+ *          Text button
+ *  </Button>
+ * )
+ */
+declare const Button: React.FC<IButtonProps>;
+export default Button;

package/build/esm/packages/aurora/src/src/components/button/types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: 'button' | 'link';
+    size?: 'small';
+    variant?: 'outline' | 'link';
+    inactive?: true;
+    color?: 'secondary';
+    href?: string;
+    target?: '_blank';
+    children: NodeListOf<HTMLElement> | string | Element;
+}

package/build/esm/packages/aurora/src/src/components/buttons_group/css_classes.d.ts

@@ -0,0 +1,4 @@
+export declare const cssButtonsGroup = "buttons-group";
+export declare const cssButtonsGroupHCenter: string;
+export declare const cssButtonsGroupHRight: string;
+export declare const cssButtonsGroupReverseOrder: string;

package/build/esm/packages/aurora/src/src/components/buttons_group/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IButtonsGroupProps } from './types';
+declare const ButtonsGroup: React.FC<IButtonsGroupProps>;
+export default ButtonsGroup;

package/build/esm/packages/aurora/src/src/components/buttons_group/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IButtonsGroupProps {
+    align?: 'left' | 'center' | 'right';
+    isOrderReversed?: boolean;
+    children: ReactNode;
+}

package/build/esm/packages/aurora/src/src/components/color_picker/components/buttons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IColorPickerButtonsProps } from '../types';
+declare const ColorPickerButtons: React.FC<IColorPickerButtonsProps>;
+export default ColorPickerButtons;

package/build/esm/packages/aurora/src/src/components/color_picker/components/hue_picker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IHuePickerProps } from '../types';
+declare const HuePicker: React.FC<IHuePickerProps>;
+export default HuePicker;

package/build/esm/packages/aurora/src/src/components/color_picker/components/label.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IColorPickerLabelProps } from '../types';
+declare const ColorPickerLabel: React.FC<IColorPickerLabelProps>;
+export default ColorPickerLabel;

package/build/esm/packages/aurora/src/src/components/color_picker/components/saturation_lightness_picker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISaturationLightnessPickerProps } from '../types';
+declare const SaturationLightnessPicker: React.FC<ISaturationLightnessPickerProps>;
+export default SaturationLightnessPicker;

package/build/esm/packages/aurora/src/src/components/color_picker/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const MAX_HUE_VALUE = 360;
+export declare const MAX_LIGHTNESS_VALUE = 100;
+export declare const MAX_SATURATION_VALUE = 100;
+export declare const SATURATION_OFFSET = 0.00001;

package/build/esm/packages/aurora/src/src/components/color_picker/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IColorPickerContextProps } from './types';
+export declare const ColorPickerContext: import("react").Context<IColorPickerContextProps>;

package/build/esm/packages/aurora/src/src/components/color_picker/css_classes.d.ts

@@ -0,0 +1,12 @@
+export declare const cssColorPicker = "color-picker";
+export declare const cssColorPickerInputColorPreview: string;
+export declare const cssColorPickerButtonsGroup: string;
+export declare const cssColorPickerHuePicker: string;
+export declare const cssColorPickerPointer: string;
+export declare const cssColorPickerPointerInside: string;
+export declare const cssColorPickerSaturationLightnessPicker: string;
+export declare const cssColorPickerMask: string;
+export declare const cssColorPickerMaskWhite: string;
+export declare const cssColorPickerMaskBlack: string;
+export declare const cssColorPickerPreviewContainer: string;
+export declare const cssColorPickerPreview: string;

package/build/esm/packages/aurora/src/src/components/color_picker/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IColorPickerProps, IPureColorPickerProps } from './types';
+export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
+declare const _default: ({ initialColor, onChange, hideChooseCancelButtons, name }: IColorPickerProps) => JSX.Element;
+export default _default;

package/build/esm/packages/aurora/src/src/components/color_picker/types.d.ts

@@ -0,0 +1,59 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export interface IPosition {
+    clientX: number;
+    clientY: number;
+}
+export interface IColor {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+}
+export interface IHuePickerProps {
+    hueSliderRef: RefObject<HTMLDivElement>;
+    classes: any;
+}
+export interface IColorPickerButtonsProps {
+    restoreInitialColor: () => void;
+}
+export interface IPureColorPickerProps {
+    hideChooseCancelButtons?: boolean;
+}
+export interface IColorPickerProps extends IPureColorPickerProps {
+    onChange?: (color: IColor) => void;
+    initialColor?: string;
+    name?: string;
+}
+export interface IColorPickerContextProps {
+    color: IColor;
+    screenName: string;
+    initialColor: IColor;
+    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
+    setColor: Dispatch<SetStateAction<IColor>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+    saturationLightnessPointer: {
+        top: number;
+        left: number;
+    };
+    setSaturationLightnessPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+}
+export declare type IColorPickerLabelProps = {
+    isRequired?: boolean;
+    label?: string;
+    name: string;
+    id: string;
+};
+export declare type ISaturationLightnessPickerProps = {
+    classes?: any;
+    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
+};

package/build/esm/packages/aurora/src/src/components/color_picker/use_color_picker.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { IColor } from '@components/color_picker/types';
+export declare const useColorPicker: {
+    ({ initialColorHex, onChange }: {
+        initialColorHex: string;
+        onChange?: ((color: IColor) => void) | undefined;
+    }): {
+        color: {
+            hue: number;
+            saturation: number;
+            lightness: number;
+            hex: string;
+        };
+        setColor: import("react").Dispatch<import("react").SetStateAction<{
+            hue: number;
+            saturation: number;
+            lightness: number;
+            hex: string;
+        }>>;
+        initialColor: {
+            hue: number;
+            saturation: number;
+            lightness: number;
+            hex: string;
+        };
+        setInitialColor: import("react").Dispatch<import("react").SetStateAction<{
+            hue: number;
+            saturation: number;
+            lightness: number;
+            hex: string;
+        }>>;
+        hueSliderPointer: {
+            top: number;
+            left: number;
+        };
+        setHueSliderPointer: import("react").Dispatch<import("react").SetStateAction<{
+            top: number;
+            left: number;
+        }>>;
+        screenName: string;
+        saturationLightnessPointer: {
+            left: number;
+            top: number;
+        };
+        setSaturationLightnessPointer: import("react").Dispatch<import("react").SetStateAction<{
+            left: number;
+            top: number;
+        }>>;
+    };
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            initialColorHex: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            onChange: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};