@hitachivantara/uikit-react-lab 4.4.0 → 5.0.1

package/dist/legacy/ColorPicker/ColorPicker.js

@@ -1,204 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.string.trim.js";
-import "core-js/modules/es.array.join.js";
-import React, { useMemo } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles, useTheme } from "@mui/styles";
-import { HvPanel, HvLabel, HvInfoMessage, HvFormElement, HvBaseDropdown, useControlled, HvTypography, useUniqueId, setId } from "@hitachivantara/uikit-react-core";
-import { Checkbox } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-import Picker from "./Picker";
-import PresetColors from "./PresetColors";
-
-/**
- * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
- * It receives a color string in HEX format and outputs an HEX formatted color.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var HvColorPicker = function HvColorPicker(props) {
-  var theme = useTheme();
-  var id = props.id,
-    name = props.name,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    label = props.label,
-    ariaLabel = props["aria-label"],
-    ariaLabelledBy = props["aria-labelledby"],
-    description = props.description,
-    ariaDescribedBy = props["aria-describedby"],
-    className = props.className,
-    classes = props.classes,
-    value = props.value,
-    onChange = props.onChange,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? theme.hv.palette.accent.acce1 : _props$defaultValue,
-    expanded = props.expanded,
-    _props$defaultExpande = props.defaultExpanded,
-    defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande;
-  var _useControlled = useControlled(expanded, Boolean(defaultExpanded)),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    isOpen = _useControlled2[0],
-    setIsOpen = _useControlled2[1];
-  var _useControlled3 = useControlled(value, defaultValue),
-    _useControlled4 = _slicedToArray(_useControlled3, 2),
-    color = _useControlled4[0],
-    setColor = _useControlled4[1];
-  var handleToggle = function handleToggle(_evt, s) {
-    setIsOpen(s);
-  };
-  var handleSelect = function handleSelect(val) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(val.hex);
-    setColor(val.hex);
-  };
-  var elementId = useUniqueId(id, "hvdropdown");
-  var hasLabel = label != null;
-  var hasDescription = description != null;
-  var colorArray = useMemo(function () {
-    return [theme.hv.palette.semantic.sema4, theme.hv.palette.semantic.sema3, "#F6941E", "#8DC63D", theme.hv.palette.semantic.sema1, theme.hv.palette.semantic.sema19, "#05A99C", "#01ADEF", theme.hv.palette.accent.acce2h, "#0155A5", "#2E3192", "#652C90", theme.hv.palette.semantic.sema6, "#EC018B", theme.hv.palette.atmosphere.atmo5, theme.hv.palette.accent.acce1];
-  }, [theme]);
-  var setFocusToContent = function setFocusToContent(containerRef) {
-    var inputs = containerRef === null || containerRef === void 0 ? void 0 : containerRef.getElementsByTagName("input");
-    if ((inputs === null || inputs === void 0 ? void 0 : inputs.length) > 0) {
-      inputs[0].focus();
-    }
-  };
-  return /*#__PURE__*/_jsxs(HvFormElement, {
-    id: id,
-    name: name,
-    disabled: disabled,
-    required: required,
-    className: clsx(className, classes.root),
-    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
-      className: classes.labelContainer,
-      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
-        id: setId(elementId, "label"),
-        label: label,
-        className: classes.label
-      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
-        id: setId(elementId, "description"),
-        className: classes.description,
-        children: description
-      })]
-    }), /*#__PURE__*/_jsx(HvBaseDropdown, {
-      className: className,
-      expanded: isOpen,
-      onToggle: handleToggle,
-      onContainerCreation: setFocusToContent,
-      placeholder: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Checkbox, {
-          className: classes.headerColorIcon,
-          color: [color]
-        }), /*#__PURE__*/_jsx(HvTypography, {
-          className: classes.headerColorValue,
-          children: color
-        })]
-      }),
-      "aria-label": ariaLabel,
-      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-      children: /*#__PURE__*/_jsx(HvPanel, {
-        className: classes.panel,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: classes.colorPicker,
-          children: [/*#__PURE__*/_jsx(Picker, {
-            color: color,
-            onChange: handleSelect
-          }), /*#__PURE__*/_jsx(PresetColors, {
-            colors: colorArray,
-            onClick: handleSelect
-          })]
-        })
-      })
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
-  /**
-   * Id to be applied to the form element root node.
-   */
-  id: PropTypes.string,
-  /**
-   * The form element name.
-   */
-  name: PropTypes.string,
-  /**
-   * The label of the form element.
-   *
-   * The form element must be labeled for accessibility reasons.
-   * If not provided, an aria-label or aria-labelledby must be provided instead.
-   */
-  label: PropTypes.node,
-  /**
-   * @ignore
-   */
-  "aria-label": PropTypes.string,
-  /**
-   * @ignore
-   */
-  "aria-labelledby": PropTypes.string,
-  /**
-   * Provide additional descriptive text for the form element.
-   */
-  description: PropTypes.node,
-  /**
-   * @ignore
-   */
-  "aria-describedby": PropTypes.string,
-  /**
-   * Indicates that the form element is disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Indicates that user input is required on the form element.
-   */
-  required: PropTypes.bool,
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    labelContainer: PropTypes.string,
-    label: PropTypes.string,
-    description: PropTypes.string,
-    headerColorIcon: PropTypes.string,
-    headerColorValue: PropTypes.string,
-    panel: PropTypes.string,
-    colorPicker: PropTypes.string
-  }).isRequired,
-  /**
-   * If `true` the color picker starts opened if `false` it starts closed.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * When uncontrolled, defines the initial expanded state.
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * The callback fired when the value changes.
-   */
-  onChange: PropTypes.func,
-  /**
-   * The value color, in HEX format.
-   */
-  value: PropTypes.string,
-  /**
-   * When uncontrolled, defines the initial value state.
-   */
-  defaultValue: PropTypes.string
-} : void 0;
-export default withStyles(styles, {
-  name: "HvColorPicker"
-})(HvColorPicker);
-//# sourceMappingURL=ColorPicker.js.map

package/dist/legacy/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","Boolean","isOpen","setIsOpen","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"sources":["../../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvBaseDropdown,\n  useControlled,\n  HvTypography,\n  useUniqueId,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n  const theme = useTheme();\n  const {\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    classes,\n    value,\n    onChange,\n    defaultValue = theme.hv.palette.accent.acce1,\n\n    expanded,\n    defaultExpanded = false,\n  } = props;\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [color, setColor] = useControlled(value, defaultValue);\n\n  const handleToggle = (_evt, s) => {\n    setIsOpen(s);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val.hex);\n    setColor(val.hex);\n  };\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  const colorArray = useMemo(\n    () => [\n      theme.hv.palette.semantic.sema4,\n      theme.hv.palette.semantic.sema3,\n      \"#F6941E\",\n      \"#8DC63D\",\n      theme.hv.palette.semantic.sema1,\n      theme.hv.palette.semantic.sema19,\n      \"#05A99C\",\n      \"#01ADEF\",\n      theme.hv.palette.accent.acce2h,\n      \"#0155A5\",\n      \"#2E3192\",\n      \"#652C90\",\n      theme.hv.palette.semantic.sema6,\n      \"#EC018B\",\n      theme.hv.palette.atmosphere.atmo5,\n      theme.hv.palette.accent.acce1,\n    ],\n    [theme]\n  );\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n    }\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        className={className}\n        expanded={isOpen}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={\n          <>\n            <Checkbox className={classes.headerColorIcon} color={[color]} />\n            <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n      >\n        <HvPanel className={classes.panel}>\n          <div className={classes.colorPicker}>\n            <Picker color={color} onChange={handleSelect} />\n            <PresetColors colors={colorArray} onClick={handleSelect} />\n          </div>\n        </HvPanel>\n      </HvBaseDropdown>\n    </HvFormElement>\n  );\n};\n\nHvColorPicker.propTypes = {\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    labelContainer: PropTypes.string,\n    label: PropTypes.string,\n    description: PropTypes.string,\n    headerColorIcon: PropTypes.string,\n    headerColorValue: PropTypes.string,\n    panel: PropTypes.string,\n    colorPicker: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * If `true` the color picker starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The value color, in HEX format.\n   */\n  value: PropTypes.string,\n\n  /**\n   * When uncontrolled, defines the initial value state.\n   */\n  defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}

package/dist/legacy/ColorPicker/Fields/Fields.js

@@ -1,147 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.replace.js";
-/* eslint-disable no-param-reassign */
-
-import React, { useEffect, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import * as color from "react-color/lib/helpers/color";
-import { HvInput } from "@hitachivantara/uikit-react-core";
-import useStyles from "./styles";
-
-// eslint-disable-next-line react/prop-types
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Fields = function Fields(_ref) {
-  var onChange = _ref.onChange,
-    rgb = _ref.rgb,
-    hex = _ref.hex;
-  var classes = useStyles();
-  var _useState = useState(hex),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalHex = _useState2[0],
-    setInternalHex = _useState2[1];
-  var _useState3 = useState(rgb.r),
-    _useState4 = _slicedToArray(_useState3, 2),
-    internalRed = _useState4[0],
-    setInternalRed = _useState4[1];
-  var _useState5 = useState(rgb.g),
-    _useState6 = _slicedToArray(_useState5, 2),
-    internalGreen = _useState6[0],
-    setInternalGreen = _useState6[1];
-  var _useState7 = useState(rgb.b),
-    _useState8 = _slicedToArray(_useState7, 2),
-    internalBlue = _useState8[0],
-    setInternalBlue = _useState8[1];
-  var hexInputRef = useRef();
-  var redInputRef = useRef();
-  var greenInputRef = useRef();
-  var blueInputRef = useRef();
-  useEffect(function () {
-    if (document.activeElement !== hexInputRef.current) {
-      setInternalHex(hex);
-    }
-  }, [hex]);
-  useEffect(function () {
-    if (document.activeElement !== redInputRef.current) {
-      setInternalRed(rgb.r);
-    }
-    if (document.activeElement !== greenInputRef.current) {
-      setInternalGreen(rgb.g);
-    }
-    if (document.activeElement !== blueInputRef.current) {
-      setInternalBlue(rgb.b);
-    }
-  }, [rgb]);
-  var handleChange = function handleChange(data, e) {
-    if (data.hex && color.isValidHex(data.hex)) {
-      onChange({
-        hex: data.hex,
-        source: "hex"
-      }, e);
-    } else if (data.r || data.g || data.b) {
-      onChange({
-        r: data.r || rgb.r,
-        g: data.g || rgb.g,
-        b: data.b || rgb.b,
-        source: "rgb"
-      }, e);
-    }
-  };
-  var onChangeHex = function onChangeHex(_evt, value) {
-    setInternalHex(value);
-    handleChange({
-      hex: value
-    }, _evt);
-  };
-  var onChangeRbg = function onChangeRbg(_evt, value, colorPart) {
-    if (colorPart === "r") setInternalRed(value);
-    if (colorPart === "g") setInternalGreen(value);
-    if (colorPart === "b") setInternalBlue(value);
-    handleChange({
-      r: colorPart === "r" ? value : rgb.r,
-      g: colorPart === "g" ? value : rgb.g,
-      b: colorPart === "b" ? value : rgb.b
-    }, _evt);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: clsx(classes.fields),
-    children: [/*#__PURE__*/_jsx(HvInput, {
-      inputRef: hexInputRef,
-      className: clsx(classes.double),
-      label: "HEX",
-      value: internalHex.replace("#", ""),
-      onChange: onChangeHex,
-      onBlur: function onBlur() {
-        return setInternalHex(hex);
-      },
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: redInputRef,
-      className: clsx(classes.single),
-      label: "R",
-      value: "".concat(internalRed),
-      onChange: function onChange(_evt, value) {
-        return onChangeRbg(_evt, value, "r");
-      },
-      onBlur: function onBlur() {
-        return setInternalRed(rgb.r);
-      },
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: greenInputRef,
-      className: clsx(classes.single),
-      label: "G",
-      value: "".concat(internalGreen),
-      onChange: function onChange(_evt, value) {
-        return onChangeRbg(_evt, value, "g");
-      },
-      onBlur: function onBlur() {
-        return setInternalGreen(rgb.g);
-      },
-      disableClear: true
-    }), /*#__PURE__*/_jsx(HvInput, {
-      inputRef: blueInputRef,
-      className: clsx(classes.single),
-      label: "B",
-      value: "".concat(internalBlue),
-      onChange: function onChange(_evt, value) {
-        return onChangeRbg(_evt, value, "b");
-      },
-      onBlur: function onBlur() {
-        return setInternalBlue(rgb.b);
-      },
-      disableClear: true
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Fields.propTypes = {
-  rgb: PropTypes.shape({
-    r: PropTypes.number,
-    g: PropTypes.number,
-    b: PropTypes.number
-  }).isRequired
-} : void 0;
-export default Fields;
-//# sourceMappingURL=Fields.js.map

package/dist/legacy/ColorPicker/Fields/Fields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fields.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"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"}

package/dist/legacy/ColorPicker/Fields/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Fields";
-//# sourceMappingURL=index.js.map

package/dist/legacy/ColorPicker/Fields/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Fields/index.js"],"sourcesContent":["export { default } from \"./Fields\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/legacy/ColorPicker/Fields/styles.js

@@ -1,37 +0,0 @@
-import { makeStyles } from "@mui/styles";
-var styles = makeStyles(function () {
-  return {
-    fields: {
-      width: "100%",
-      display: "flex",
-      paddingTop: 10,
-      paddingBottom: 20,
-      marginRight: 5
-    },
-    single: {
-      width: 40,
-      paddingLeft: 5,
-      "& input": {
-        marginLeft: 5,
-        marginRight: 5
-      },
-      "& label": {
-        paddingLeft: 5
-      }
-    },
-    double: {
-      width: 80,
-      "& input": {
-        textTransform: "uppercase",
-        marginLeft: 5,
-        marginRight: 5
-      },
-      "& label": {
-        paddingLeft: 5
-      },
-      paddingRight: 20
-    }
-  };
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/ColorPicker/Fields/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  fields: {\n    width: \"100%\",\n    display: \"flex\",\n    paddingTop: 10,\n    paddingBottom: 20,\n    marginRight: 5,\n  },\n  single: {\n    width: 40,\n    paddingLeft: 5,\n    \"& input\": {\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n  },\n  double: {\n    width: 80,\n    \"& input\": {\n      textTransform: \"uppercase\",\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n    paddingRight: 20,\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,MAAM,EAAE;MACNC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACNL,KAAK,EAAE,EAAE;MACTM,WAAW,EAAE,CAAC;MACd,SAAS,EAAE;QACTC,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf;IACF,CAAC;IACDE,MAAM,EAAE;MACNR,KAAK,EAAE,EAAE;MACT,SAAS,EAAE;QACTS,aAAa,EAAE,WAAW;QAC1BF,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf,CAAC;MACDI,YAAY,EAAE;IAChB;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeZ,MAAM"}

package/dist/legacy/ColorPicker/Picker/Picker.js

@@ -1,59 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import clsx from "clsx";
-import React, { useCallback } from "react";
-import { Saturation, ColorWrap, Hue } from "react-color/lib/components/common";
-import Fields from "../Fields";
-import useStyles from "./styles";
-
-// eslint-disable-next-line react/prop-types
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var Picker = function Picker(_ref) {
-  var onChange = _ref.onChange,
-    rgb = _ref.rgb,
-    hsl = _ref.hsl,
-    hsv = _ref.hsv,
-    hex = _ref.hex;
-  var classes = useStyles();
-  var SaturationPointer = useCallback(function () {
-    return /*#__PURE__*/_jsx("div", {
-      className: clsx(classes.saturationPointer)
-    });
-  }, [classes.saturationPointer]);
-  var HueSlider = useCallback(function () {
-    return /*#__PURE__*/_jsx("div", {
-      className: clsx(classes.hueSlider)
-    });
-  }, [classes.hueSlider]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: clsx(classes.pickers),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: clsx(classes.saturation),
-        children: /*#__PURE__*/_jsx(Saturation, {
-          hsl: hsl,
-          hsv: hsv,
-          onChange: onChange,
-          pointer: SaturationPointer
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: clsx(classes.hue),
-        children: /*#__PURE__*/_jsx(Hue, {
-          direction: "vertical",
-          hsl: hsl,
-          onChange: onChange,
-          pointer: HueSlider
-        })
-      })]
-    }), /*#__PURE__*/_jsx(Fields, {
-      rgb: rgb,
-      hsl: hsl,
-      hex: hex,
-      onChange: onChange
-    })]
-  });
-};
-export default ColorWrap(Picker);
-//# sourceMappingURL=Picker.js.map

package/dist/legacy/ColorPicker/Picker/Picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n  const classes = useStyles();\n\n  const SaturationPointer = useCallback(\n    () => <div className={clsx(classes.saturationPointer)} />,\n    [classes.saturationPointer]\n  );\n  const HueSlider = useCallback(\n    () => <div className={clsx(classes.hueSlider)} />,\n    [classes.hueSlider]\n  );\n\n  return (\n    <>\n      <div className={clsx(classes.pickers)}>\n        <div className={clsx(classes.saturation)}>\n          <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n        </div>\n        <div className={clsx(classes.hue)}>\n          <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n        </div>\n      </div>\n      <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n    </>\n  );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":"AAAA;;AAEA,OAAOA,IAAI,MAAM,MAAM;AACvB,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,EAAEC,SAAS,EAAEC,GAAG,QAAQ,mCAAmC;AAE9E,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,SAAS,MAAM,UAAU;;AAEhC;AAAA;AAAA;AAAA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;EAC5C,IAAMC,OAAO,GAAGP,SAAS,EAAE;EAE3B,IAAMQ,iBAAiB,GAAGb,WAAW,CACnC;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAiB;IAAE,EAAG;EAAA,GACzD,CAACF,OAAO,CAACE,iBAAiB,CAAC,CAC5B;EACD,IAAMC,SAAS,GAAGf,WAAW,CAC3B;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAS;IAAE,EAAG;EAAA,GACjD,CAACJ,OAAO,CAACI,SAAS,CAAC,CACpB;EAED,oBACE;IAAA,wBACE;MAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAO,CAAE;MAAA,wBACpC;QAAK,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAU,CAAE;QAAA,uBACvC,KAAC,UAAU;UAAC,GAAG,EAAET,GAAI;UAAC,GAAG,EAAEC,GAAI;UAAC,QAAQ,EAAEH,QAAS;UAAC,OAAO,EAAEM;QAAkB;MAAG,EAC9E,eACN;QAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAG,CAAE;QAAA,uBAChC,KAAC,GAAG;UAAC,SAAS,EAAC,UAAU;UAAC,GAAG,EAAEV,GAAI;UAAC,QAAQ,EAAEF,QAAS;UAAC,OAAO,EAAEQ;QAAU;MAAG,EAC1E;IAAA,EACF,eACN,KAAC,MAAM;MAAC,GAAG,EAAEP,GAAI;MAAC,GAAG,EAAEC,GAAI;MAAC,GAAG,EAAEE,GAAI;MAAC,QAAQ,EAAEJ;IAAS,EAAG;EAAA,EAC3D;AAEP,CAAC;AAED,eAAeL,SAAS,CAACI,MAAM,CAAC"}

package/dist/legacy/ColorPicker/Picker/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Picker";
-//# sourceMappingURL=index.js.map

package/dist/legacy/ColorPicker/Picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Picker/index.js"],"sourcesContent":["export { default } from \"./Picker\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/legacy/ColorPicker/Picker/styles.js

@@ -1,45 +0,0 @@
-import { makeStyles } from "@mui/styles";
-var styles = makeStyles(function () {
-  return {
-    pickers: {
-      display: "flex"
-    },
-    saturation: {
-      width: 180,
-      height: 180,
-      marginRight: 5,
-      position: "relative",
-      overflow: "visible"
-    },
-    saturationPointer: {
-      width: "6px",
-      height: "6px",
-      boxShadow: "0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)",
-      borderRadius: "50%",
-      transform: "translate(-3px, -3px)"
-    },
-    sliders: {
-      padding: "4px 0",
-      flex: "1"
-    },
-    hue: {
-      width: 15,
-      position: "relative",
-      overflow: "visible"
-    },
-    hueSlider: {
-      width: 12,
-      height: 6,
-      background: "#fff",
-      boxShadow: "0 0 2px rgb(0 0 0 / 60%)",
-      marginLeft: 1,
-      borderRadius: "1px",
-      transform: "translate(0, -2px)"
-    },
-    double: {
-      flex: "2"
-    }
-  };
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/ColorPicker/Picker/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  pickers: {\n    display: \"flex\",\n  },\n  saturation: {\n    width: 180,\n    height: 180,\n    marginRight: 5,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  saturationPointer: {\n    width: \"6px\",\n    height: \"6px\",\n    boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)`,\n    borderRadius: \"50%\",\n    transform: \"translate(-3px, -3px)\",\n  },\n  sliders: {\n    padding: \"4px 0\",\n    flex: \"1\",\n  },\n  hue: {\n    width: 15,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  hueSlider: {\n    width: 12,\n    height: 6,\n    background: \"#fff\",\n    boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n    marginLeft: 1,\n    borderRadius: \"1px\",\n    transform: \"translate(0, -2px)\",\n  },\n  double: {\n    flex: \"2\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE,KAAK;MACbK,SAAS,6FAC0B;MACnCC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR,CAAC;IACDC,GAAG,EAAE;MACHZ,KAAK,EAAE,EAAE;MACTG,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDS,SAAS,EAAE;MACTb,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTa,UAAU,EAAE,MAAM;MAClBR,SAAS,EAAE,0BAA0B;MACrCS,UAAU,EAAE,CAAC;MACbR,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDQ,MAAM,EAAE;MACNL,IAAI,EAAE;IACR;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAef,MAAM"}

package/dist/legacy/ColorPicker/PresetColors/PresetColors.js

@@ -1,57 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React from "react";
-import PropTypes from "prop-types";
-import { Swatch } from "react-color/lib/components/common";
-import useStyles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var SketchPresetColors = function SketchPresetColors(_ref) {
-  var colors = _ref.colors,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
-  var classes = useStyles();
-  var handleClick = function handleClick(hex, e) {
-    onClick({
-      hex: hex,
-      source: "hex"
-    }, e);
-  };
-  return /*#__PURE__*/_jsx("div", {
-    className: classes.colors,
-    children: colors.map(function (colorObjOrString) {
-      var c = typeof colorObjOrString === "string" ? {
-        color: colorObjOrString
-      } : colorObjOrString;
-      var key = "".concat(c.color).concat(c.title || "");
-      return /*#__PURE__*/_jsx("div", {
-        className: classes.swatchWrap,
-        children: /*#__PURE__*/_jsx(Swatch, _objectSpread(_objectSpread({}, c), {}, {
-          className: classes.swatch,
-          onClick: handleClick,
-          focusStyle: {
-            boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ".concat(c.color)
-          }
-        }))
-      }, key);
-    })
-  });
-};
-process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
-  colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-    color: PropTypes.string,
-    title: PropTypes.string
-  })])).isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export default SketchPresetColors;
-//# sourceMappingURL=PresetColors.js.map

package/dist/legacy/ColorPicker/PresetColors/PresetColors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,MAAM,QAAQ,mCAAmC;AAE1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAuC;EAAA,IAAjCC,MAAM,QAANA,MAAM;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;EAC7D,IAAMC,OAAO,GAAGJ,SAAS,EAAE;EAE3B,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAEC,CAAC,EAAK;IAC9BJ,OAAO,CACL;MACEG,GAAG,EAAHA,GAAG;MACHE,MAAM,EAAE;IACV,CAAC,EACDD,CAAC,CACF;EACH,CAAC;EAED,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACF,MAAO;IAAA,UAC5BA,MAAM,CAACO,GAAG,CAAC,UAACC,gBAAgB,EAAK;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAgB,KAAK,QAAQ,GAAG;QAAEE,KAAK,EAAEF;MAAiB,CAAC,GAAGA,gBAAgB;MACvF,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAK,SAAGD,CAAC,CAACG,KAAK,IAAI,EAAE,CAAE;MACxC,oBACE;QAAe,SAAS,EAAEV,OAAO,CAACW,UAAW;QAAA,uBAC3C,KAAC,MAAM,kCACDJ,CAAC;UACL,SAAS,EAAEP,OAAO,CAACY,MAAO;UAC1B,OAAO,EAAEX,WAAY;UACrB,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAK;UAChE;QAAE;MACF,GARMC,GAAG,CASP;IAEV,CAAC;EAAC,EACE;AAEV,CAAC;AAED,wCAAAZ,kBAAkB,CAACiB,SAAS,GAAG;EAC7BhB,MAAM,EAAEJ,SAAS,CAACqB,OAAO,CACvBrB,SAAS,CAACsB,SAAS,CAAC,CAClBtB,SAAS,CAACuB,MAAM,EAChBvB,SAAS,CAACwB,KAAK,CAAC;IACdV,KAAK,EAAEd,SAAS,CAACuB,MAAM;IACvBP,KAAK,EAAEhB,SAAS,CAACuB;EACnB,CAAC,CAAC,CACH,CAAC,CACH,CAACE,UAAU;EACZpB,OAAO,EAAEL,SAAS,CAAC0B,IAAI,CAACD;AAC1B,CAAC;AAED,eAAetB,kBAAkB"}

package/dist/legacy/ColorPicker/PresetColors/index.js

@@ -1,2 +0,0 @@
-export { default } from "./PresetColors";
-//# sourceMappingURL=index.js.map