@pedidopago/ui 1.0.6

package/dist/components/ColorPicker/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _ColorHue = _interopRequireDefault(require("./components/ColorHue"));
+
+var _ColorInput = _interopRequireDefault(require("./components/ColorInput"));
+
+var _ColorPickerBox = _interopRequireDefault(require("./components/ColorPickerBox"));
+
+var _conversors = require("./utils/conversors");
+
+var _parsers = require("./utils/parsers");
+
+var _useHsva3 = require("./hooks/useHsva");
+
+var _styles = require("./styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ColorPicker = function ColorPicker(_ref) {
+  var onChange = _ref.onChange,
+      onSave = _ref.onSave,
+      onCancel = _ref.onCancel,
+      _ref$initialColor = _ref.initialColor,
+      initialColor = _ref$initialColor === void 0 ? '#ff0000' : _ref$initialColor;
+
+  var _useHsva = (0, _useHsva3.useHsva)(initialColor, onChange),
+      _useHsva2 = _slicedToArray(_useHsva, 2),
+      hsva = _useHsva2[0],
+      handleChange = _useHsva2[1];
+
+  var _useState = (0, _react.useState)({
+    alert: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputAlert = _useState2[0],
+      setInputAlert = _useState2[1];
+
+  function handleSave() {
+    onSave && onSave((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), (0, _parsers.colorMode)(initialColor)));
+  }
+
+  return /*#__PURE__*/React.createElement(_styles.ColorPickerContainer, null, /*#__PURE__*/React.createElement(_ColorPickerBox.default, {
+    hsva: hsva,
+    onChange: function onChange(hsva) {
+      handleChange(hsva);
+      setInputAlert({
+        alert: undefined
+      });
+    }
+  }), /*#__PURE__*/React.createElement(_styles.ColorPickerContainerWrapper, null, /*#__PURE__*/React.createElement(_ColorHue.default, {
+    onChange: function onChange(hue) {
+      var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
+        h: hue
+      });
+
+      handleChange(modifedHsva);
+      setInputAlert({
+        alert: undefined
+      });
+    },
+    hsva: hsva
+  }), /*#__PURE__*/React.createElement(_ColorInput.default, {
+    hsva: hsva,
+    onChange: handleChange,
+    colorMode: (0, _parsers.colorMode)(initialColor),
+    inputAlert: inputAlert,
+    setInputAlert: setInputAlert
+  }), /*#__PURE__*/React.createElement(_styles.ColorPickerButtonsWrapper, null, /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
+    bgTransparent: true,
+    onClick: function onClick() {
+      onCancel && onCancel();
+    }
+  }, "Cancelar"), /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
+    onClick: handleSave
+  }, "Salvar cor"))));
+};
+
+var _default = ColorPicker;
+exports.default = _default;

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

@@ -0,0 +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>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,oBAAoB;;;8HAehC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAOlC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAKvC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8HAc/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAM1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAenC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAOhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;yGAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;qHAuC7B,CAAC"}

package/dist/components/ColorPicker/styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSelectorWrapper = exports.ColorSaturationWrapper = exports.ColorPointerWrapper = exports.ColorPickerContainerWrapper = exports.ColorPickerContainer = exports.ColorPickerButtonsWrapper = exports.ColorPickerButton = exports.ColorHueWrapper = exports.ColorHueSliderContainer = exports.ColorHueCircle = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var ColorPickerContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --border_radius: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  background-color: ", ";\n  border-radius: 24px;\n  border-radius: var(--border_radius);\n  box-shadow: ", ";\n"])), function (props) {
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : props.theme.colors.neutral.white;
+}, function (props) {
+  return props.theme.colorMode === 'dark' ? "0px 16px 32px ".concat(props.theme.colors.neutral.black) : props.theme.shadow.level3;
+});
+
+exports.ColorPickerContainer = ColorPickerContainer;
+
+var ColorSaturationWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 180px;\n  position: relative;\n  border-radius: var(--border_radius) var(--border_radius) 0 0;\n  background-image: linear-gradient(0deg, #000, transparent),\n    linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\n"])));
+
+exports.ColorSaturationWrapper = ColorSaturationWrapper;
+
+var ColorPickerContainerWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 24px 16px;\n"])));
+
+exports.ColorPickerContainerWrapper = ColorPickerContainerWrapper;
+
+var ColorPointerWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border: 2px solid ", ";\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n\n  box-shadow: ", ";\n\n  &:active {\n    width: 27px;\n    height: 27px;\n  }\n"])), function (props) {
+  return props.theme.colors.neutral.white;
+}, function (props) {
+  return props.theme.shadow.level1;
+});
+
+exports.ColorPointerWrapper = ColorPointerWrapper;
+
+var ColorHueWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+
+exports.ColorHueWrapper = ColorHueWrapper;
+
+var ColorHueCircle = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 45px;\n  min-width: 45px;\n  height: 45px;\n  min-height: 45px;\n  border-radius: 999999px;\n"])));
+
+exports.ColorHueCircle = ColorHueCircle;
+
+var ColorHueSliderContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 16px;\n  border-radius: 5px;\n  background: linear-gradient(\n    270deg,\n    #ff638f 0%,\n    #ff00d4 16.2%,\n    #0008ff 33.3%,\n    #00ffff 52.1%,\n    #15ff00 67.6%,\n    #f9ff00 81.6%,\n    #ff0e09 100%\n  );\n"])));
+
+exports.ColorHueSliderContainer = ColorHueSliderContainer;
+
+var ColorSelectorWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  outline: none;\n  position: absolute;\n"])));
+
+exports.ColorSelectorWrapper = ColorSelectorWrapper;
+
+var ColorPickerButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 15px;\n"])));
+
+exports.ColorPickerButtonsWrapper = ColorPickerButtonsWrapper;
+
+var ColorPickerButton = _styled.default.button(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  padding: 14px;\n  border: none;\n  font-size: 1rem;\n  font-family: inherit;\n  cursor: pointer;\n  font-weight: 600;\n  flex: 1;\n\n  user-select: none;\n\n  transition: all 0.2s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    filter: brightness(95%);\n  }\n\n  &:active {\n    filter: brightness(85%);\n  }\n"])), function (props) {
+  return props.bgTransparent ? 'transparent' : props.theme.colors.primary.default;
+}, function (props) {
+  return props.bgTransparent ? props.theme.colors.neutral.neutral3 : props.theme.colors.neutral.white;
+}, function (props) {
+  return props.bgTransparent ? props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.neutral1 : '';
+}, function (props) {
+  return props.bgTransparent ? props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral1 : props.theme.colors.neutral.neutral5 : '';
+});
+
+exports.ColorPickerButton = ColorPickerButton;

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ColorPicker/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +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;
+//# sourceMappingURL=checkers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkers.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/utils/checkers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAAW,MAAM,KAAG,OAGtC,CAAC;AAEF,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,OAGrC,CAAC;AAEF,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,OAIrC,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,MAAM,KAAG,OAItC,CAAC;AAEF,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,OAGrC,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,MAAM,KAAG,OAGtC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,OAsB7C,CAAC"}

package/dist/components/ColorPicker/utils/checkers.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRgba = exports.isRgb = exports.isHsva = exports.isHsla = exports.isHsl = exports.isHex = exports.isAValidColor = void 0;
+
+var isRgba = function isRgba(color) {
+  var rgba = color.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
+  return rgba !== null;
+};
+
+exports.isRgba = isRgba;
+
+var isHex = function isHex(color) {
+  var hex = color.match(/^#([A-Fa-f0-9]{6})$/);
+  return hex !== null;
+};
+
+exports.isHex = isHex;
+
+var isHsl = function isHsl(color) {
+  var hsl = color.match(/^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/);
+  return hsl !== null;
+};
+
+exports.isHsl = isHsl;
+
+var isHsla = function isHsla(color) {
+  var hsla = color.match(/^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)$/);
+  return hsla !== null;
+};
+
+exports.isHsla = isHsla;
+
+var isRgb = function isRgb(color) {
+  var rgb = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+  return rgb !== null;
+};
+
+exports.isRgb = isRgb;
+
+var isHsva = function isHsva(color) {
+  var hsva = color.match(/^hsva\((\d+),\s*(\d+),\s*(\d+),\s*(\d*(?:\.\d+)?)\)$/);
+  return hsva !== null;
+};
+
+exports.isHsva = isHsva;
+
+var isAValidColor = function isAValidColor(color) {
+  if (isHex(color)) {
+    return true;
+  }
+
+  if (isRgba(color)) {
+    return true;
+  }
+
+  if (isHsl(color)) {
+    return true;
+  }
+
+  if (isHsla(color)) {
+    return true;
+  }
+
+  if (isRgb(color)) {
+    return true;
+  }
+
+  return false;
+};
+
+exports.isAValidColor = isAValidColor;

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

@@ -0,0 +1,61 @@
+import { IHsvaObject } from './../types';
+export declare const hexStringToRgba: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
+export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const hslaToHsva: ({ h, s, l, a, }: {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}) => IHsvaObject;
+export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
+export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
+export declare const rgbaToHsva: (rgba: Record<string, number>) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToHsva: (rgba: string) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToRgba: (rgba: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const rgbaStringToHsla: (rgba: string) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const rgbaStringToHslString: (rgba: string) => string;
+export declare const rgbaStringToHslaString: (rgba: string) => string;
+export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
+export declare const rgbaToHex: (rgba: Record<string, number>) => string;
+export declare const rgbaStringToHex: (rgba: string) => string;
+export declare const rgbaStringToRgbString: (rgba: string) => string;
+export declare const rgbStringToRgba: (rgb: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+//# sourceMappingURL=conversors.d.ts.map

package/dist/components/ColorPicker/utils/conversors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversors.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/utils/conversors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,eAAO,MAAM,eAAe,QAAS,MAAM;;;;;CAgB1C,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,OAAO,MAAM,EAAE,MAAM,CAmBnE,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,WAAW,KAAG,MAIpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,WAAW,KAAG,MAGpD,CAAC;AAEF,eAAO,MAAM,UAAU,oBAKpB,WAAW;OACT,MAAM;OACN,MAAM;OACN,MAAM;OACN,MAAM;CAUV,CAAC;AAEF,eAAO,MAAM,UAAU;OAMlB,MAAM;OACN,MAAM;OACN,MAAM;OACN,MAAM;MACP,WASH,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,MAAM,gBA6B5C,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,gBA6B1C,CAAC;AAEF,eAAO,MAAM,UAAU,SACf,OAAO,MAAM,EAAE,MAAM,CAAC;OAEzB,MAAM;OACN,MAAM;OACN,MAAM;OACN,MAAM;CAsBV,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,MAAM;OA3BxC,MAAM;OACN,MAAM;OACN,MAAM;OACN,MAAM;CA4BV,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,MAAM;;;;;CAa5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,MAAM;OArJxC,MAAM;OACN,MAAM;OACN,MAAM;OACN,MAAM;CAuJV,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,WAIjD,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAAU,MAAM,WAIlD,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,OAAO,MAAM,EAAE,MAAM,CAAC,WAI5D,CAAC;AAEF,eAAO,MAAM,SAAS,SAAU,OAAO,MAAM,EAAE,MAAM,CAAC,WAIrD,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,MAAM,WAI3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,WAQjD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM;;;;;CAa1C,CAAC"}