pds-dev-kit-web-test 0.0.21 → 0.0.22

package/dist/storybook-static/5.e4508546.iframe.bundle.d.ts

@@ -0,0 +1,3 @@
+export = convert;
+export = convert;
+declare const convert: {};

package/dist/storybook-static/5.e4508546.iframe.bundle.js

@@ -0,0 +1,254 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 1730: function (module, __webpack_exports__, __webpack_require__) {
+            "use strict";
+            __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "ColorControl", (function () { return Color_ColorControl; }));
+            __webpack_require__(26), __webpack_require__(7), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(24), __webpack_require__(19), __webpack_require__(145), __webpack_require__(112), __webpack_require__(32), __webpack_require__(27), __webpack_require__(170), __webpack_require__(55), __webpack_require__(169), __webpack_require__(82), __webpack_require__(16), __webpack_require__(56), __webpack_require__(9);
+            var react = __webpack_require__(0), react_default = __webpack_require__.n(react);
+            function index_module_u() { return (index_module_u = Object.assign || function (e) { for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t)
+                    Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+            } return e; }).apply(this, arguments); }
+            function index_module_c(e, r) { if (null == e)
+                return {}; var t, n, o = {}, a = Object.keys(e); for (n = 0; n < a.length; n++)
+                r.indexOf(t = a[n]) >= 0 || (o[t] = e[t]); return o; }
+            function index_module_i(e) { var t = Object(react.useRef)(e), n = Object(react.useRef)((function (e) { t.current && t.current(e); })); return t.current = e, n.current; }
+            var index_module_s = function (e, r, t) { return void 0 === r && (r = 0), void 0 === t && (t = 1), e > t ? t : e < r ? r : e; }, index_module_f = function (e) { return "touches" in e; }, index_module_v = function (e, r, t) { var n = e.getBoundingClientRect(), o = index_module_f(r) ? function (e, r) { for (var t = 0; t < e.length; t++)
+                if (e[t].identifier === r)
+                    return e[t]; return e[0]; }(r.touches, t) : r; return { left: index_module_s((o.pageX - (n.left + window.pageXOffset)) / n.width), top: index_module_s((o.pageY - (n.top + window.pageYOffset)) / n.height) }; }, index_module_d = function (e) { !index_module_f(e) && e.preventDefault(); }, index_module_h = react_default.a.memo((function (o) { var a = o.onMove, l = o.onKey, s = index_module_c(o, ["onMove", "onKey"]), h = Object(react.useRef)(null), m = index_module_i(a), g = index_module_i(l), p = Object(react.useRef)(null), b = Object(react.useRef)(!1), _ = Object(react.useMemo)((function () { var e = function (e) { index_module_d(e), (index_module_f(e) ? e.touches.length > 0 : e.buttons > 0) && h.current ? m(index_module_v(h.current, e, p.current)) : t(!1); }, r = function () { return t(!1); }; function t(t) { var n = b.current, o = t ? self.addEventListener : self.removeEventListener; o(n ? "touchmove" : "mousemove", e), o(n ? "touchend" : "mouseup", r); } return [function (e) { var r = e.nativeEvent, n = h.current; if (n && (index_module_d(r), !function (e, r) { return r && !index_module_f(e); }(r, b.current) && n)) {
+                    if (index_module_f(r)) {
+                        b.current = !0;
+                        var o = r.changedTouches || [];
+                        o.length && (p.current = o[0].identifier);
+                    }
+                    n.focus(), m(index_module_v(n, r, p.current)), t(!0);
+                } }, function (e) { var r = e.which || e.keyCode; r < 37 || r > 40 || (e.preventDefault(), g({ left: 39 === r ? .05 : 37 === r ? -.05 : 0, top: 40 === r ? .05 : 38 === r ? -.05 : 0 })); }, t]; }), [g, m]), x = _[0], C = _[1], E = _[2]; return Object(react.useEffect)((function () { return E; }), [E]), react_default.a.createElement("div", index_module_u({}, s, { onTouchStart: x, onMouseDown: x, className: "react-colorful__interactive", ref: h, onKeyDown: C, tabIndex: 0, role: "slider" })); })), index_module_m = function (e) { return e.filter(Boolean).join(" "); }, index_module_g = function (r) { var t = r.color, n = r.left, o = r.top, a = void 0 === o ? .5 : o, l = index_module_m(["react-colorful__pointer", r.className]); return react_default.a.createElement("div", { className: l, style: { top: 100 * a + "%", left: 100 * n + "%" } }, react_default.a.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: t } })); }, index_module_p = function (e, r, t) { return void 0 === r && (r = 0), void 0 === t && (t = Math.pow(10, r)), Math.round(t * e) / t; }, index_module_b = { grad: .9, turn: 360, rad: 360 / (2 * Math.PI) }, index_module_ = function (e) { return "#" === e[0] && (e = e.substr(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: 1 } : { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: 1 }; }, index_module_x = function (e, r) { return void 0 === r && (r = "deg"), Number(e) * (index_module_b[r] || 1); }, index_module_C = function (e) { var r = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e); return r ? index_module_H({ h: index_module_x(r[1], r[2]), s: Number(r[3]), l: Number(r[4]), a: void 0 === r[5] ? 1 : Number(r[5]) / (r[6] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 }; }, index_module_H = function (e) { var r = e.s, t = e.l; return { h: e.h, s: (r *= (t < 50 ? t : 100 - t) / 100) > 0 ? 2 * r / (t + r) * 100 : 0, v: t + r, a: e.a }; }, M = function (e) { var r = e.s, t = e.v, n = e.a, o = (200 - r) * t / 100; return { h: index_module_p(e.h), s: index_module_p(o > 0 && o < 200 ? r * t / 100 / (o <= 100 ? o : 200 - o) * 100 : 0), l: index_module_p(o / 2), a: index_module_p(n, 2) }; }, N = function (e) { var r = M(e); return "hsl(" + r.h + ", " + r.s + "%, " + r.l + "%)"; }, w = function (e) { var r = M(e); return "hsla(" + r.h + ", " + r.s + "%, " + r.l + "%, " + r.a + ")"; }, y = function (e) { var r = e.h, t = e.s, n = e.v, o = e.a; r = r / 360 * 6, t /= 100, n /= 100; var a = Math.floor(r), l = n * (1 - t), u = n * (1 - (r - a) * t), c = n * (1 - (1 - r + a) * t), i = a % 6; return { r: index_module_p(255 * [n, u, l, l, c, n][i]), g: index_module_p(255 * [c, n, n, u, l, l][i]), b: index_module_p(255 * [l, l, c, n, n, u][i]), a: index_module_p(o, 2) }; }, O = function (e) { var r = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e); return r ? z({ r: Number(r[1]) / (r[2] ? 100 / 255 : 1), g: Number(r[3]) / (r[4] ? 100 / 255 : 1), b: Number(r[5]) / (r[6] ? 100 / 255 : 1), a: void 0 === r[7] ? 1 : Number(r[7]) / (r[8] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 }; }, j = function (e) { var r = e.toString(16); return r.length < 2 ? "0" + r : r; }, z = function (e) { var r = e.r, t = e.g, n = e.b, o = e.a, a = Math.max(r, t, n), l = a - Math.min(r, t, n), u = l ? a === r ? (t - n) / l : a === t ? 2 + (n - r) / l : 4 + (r - t) / l : 0; return { h: index_module_p(60 * (u < 0 ? u + 6 : u)), s: index_module_p(a ? l / a * 100 : 0), v: index_module_p(a / 255 * 100), a: o }; }, K = react_default.a.memo((function (r) { var t = r.hue, n = r.onChange, o = index_module_m(["react-colorful__hue", r.className]); return react_default.a.createElement("div", { className: o }, react_default.a.createElement(index_module_h, { onMove: function (e) { n({ h: 360 * e.left }); }, onKey: function (e) { n({ h: index_module_s(t + 360 * e.left, 0, 360) }); }, "aria-label": "Hue", "aria-valuetext": index_module_p(t) }, react_default.a.createElement(index_module_g, { className: "react-colorful__hue-pointer", left: t / 360, color: N({ h: t, s: 100, v: 100, a: 1 }) }))); })), L = react_default.a.memo((function (r) { var t = r.hsva, n = r.onChange, o = { backgroundColor: N({ h: t.h, s: 100, v: 100, a: 1 }) }; return react_default.a.createElement("div", { className: "react-colorful__saturation", style: o }, react_default.a.createElement(index_module_h, { onMove: function (e) { n({ s: 100 * e.left, v: 100 - 100 * e.top }); }, onKey: function (e) { n({ s: index_module_s(t.s + 100 * e.left, 0, 100), v: index_module_s(t.v - 100 * e.top, 0, 100) }); }, "aria-label": "Color", "aria-valuetext": "Saturation " + index_module_p(t.s) + "%, Brightness " + index_module_p(t.v) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__saturation-pointer", top: 1 - t.v / 100, left: t.s / 100, color: N(t) }))); })), A = function (e, r) { if (e === r)
+                return !0; for (var t in e)
+                if (e[t] !== r[t])
+                    return !1; return !0; }, D = function (e, r) { return e.replace(/\s/g, "") === r.replace(/\s/g, ""); };
+            function S(e, t, l) { var u = index_module_i(l), c = Object(react.useState)((function () { return e.toHsva(t); })), s = c[0], f = c[1], v = Object(react.useRef)({ color: t, hsva: s }); Object(react.useEffect)((function () { if (!e.equal(t, v.current.color)) {
+                var r = e.toHsva(t);
+                v.current = { hsva: r, color: t }, f(r);
+            } }), [t, e]), Object(react.useEffect)((function () { var r; A(s, v.current.hsva) || e.equal(r = e.fromHsva(s), v.current.color) || (v.current = { hsva: s, color: r }, u(r)); }), [s, e, u]); var d = Object(react.useCallback)((function (e) { f((function (r) { return Object.assign({}, r, e); })); }), []); return [s, d]; }
+            var T, F, _ColorPicker, _fallbackColor, P = "undefined" != typeof window ? react.useLayoutEffect : react.useEffect, R = function () { P((function () { if ("undefined" != typeof document && !F) {
+                (F = document.createElement("style")).innerHTML = '.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}';
+                var e = T || __webpack_require__.nc;
+                e && F.setAttribute("nonce", e), document.head.appendChild(F);
+            } }), []); }, $ = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v, className: "react-colorful__last-control" })); }, G = { defaultColor: "000", toHsva: function (e) { return z(index_module_(e)); }, fromHsva: function (e) { return t = (r = y(e)).g, n = r.b, "#" + j(r.r) + j(t) + j(n); var r, t, n; }, equal: function (e, r) { return e.toLowerCase() === r.toLowerCase() || A(index_module_(e), index_module_(r)); } }, Q = function (r) { var t = r.className, n = r.hsva, o = r.onChange, a = { backgroundImage: "linear-gradient(90deg, " + w(Object.assign({}, n, { a: 0 })) + ", " + w(Object.assign({}, n, { a: 1 })) + ")" }, l = index_module_m(["react-colorful__alpha", t]); return react_default.a.createElement("div", { className: l }, react_default.a.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), react_default.a.createElement(index_module_h, { onMove: function (e) { o({ a: e.left }); }, onKey: function (e) { o({ a: index_module_s(n.a + e.left) }); }, "aria-label": "Alpha", "aria-valuetext": index_module_p(100 * n.a) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__alpha-pointer", left: n.a, color: w(n) }))); }, U = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v }), react_default.a.createElement(Q, { hsva: f, onChange: v, className: "react-colorful__last-control" })); }, Z = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: index_module_C, fromHsva: w, equal: D }, me = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: O, fromHsva: function (e) { var r = y(e); return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")"; }, equal: D }, color_convert = __webpack_require__(1785), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(1788), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(668), lazy_WithTooltip = __webpack_require__(187), esm_form = __webpack_require__(54), icon = __webpack_require__(48), helpers = __webpack_require__(47);
+            function _slicedToArray(arr, i) { return function _arrayWithHoles(arr) { if (Array.isArray(arr))
+                return arr; }(arr) || function _iterableToArrayLimit(arr, i) { if ("undefined" == typeof Symbol || !(Symbol.iterator in Object(arr)))
+                return; var _arr = [], _n = !0, _d = !1, _e = void 0; try {
+                for (var _s, _i = arr[Symbol.iterator](); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !i || _arr.length !== i); _n = !0)
+                    ;
+            }
+            catch (err) {
+                _d = !0, _e = err;
+            }
+            finally {
+                try {
+                    _n || null == _i.return || _i.return();
+                }
+                finally {
+                    if (_d)
+                        throw _e;
+                }
+            } return _arr; }(arr, i) || function _unsupportedIterableToArray(o, minLen) { if (!o)
+                return; if ("string" == typeof o)
+                return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); "Object" === n && o.constructor && (n = o.constructor.name); if ("Map" === n || "Set" === n)
+                return Array.from(o); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+                return _arrayLikeToArray(o, minLen); }(arr, i) || 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 _arrayLikeToArray(arr, len) { (null == len || len > arr.length) && (len = arr.length); for (var i = 0, arr2 = new Array(len); i < len; i++)
+                arr2[i] = arr[i]; return arr2; }
+            function _defineProperty(obj, key, value) { return key in obj ? Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }) : obj[key] = value, obj; }
+            function _extends() { return _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) {
+                var source = arguments[i];
+                for (var key in source)
+                    Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
+            } return target; }, _extends.apply(this, arguments); }
+            function _objectWithoutProperties(source, excluded) { if (null == source)
+                return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)
+                return {}; var key, i, target = {}, sourceKeys = Object.keys(source); for (i = 0; i < sourceKeys.length; i++)
+                key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]); return target; }(source, excluded); if (Object.getOwnPropertySymbols) {
+                var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+                for (i = 0; i < sourceSymbolKeys.length; i++)
+                    key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+            } return target; }
+            var Wrapper = esm.styled.div({ position: "relative", maxWidth: 250 }), PickerTooltip = Object(esm.styled)(lazy_WithTooltip.a)({ position: "absolute", zIndex: 1, top: 4, left: 4 }), TooltipContent = esm.styled.div({ width: 200, margin: 5, ".react-colorful__saturation": { borderRadius: "4px 4px 0 0" }, ".react-colorful__hue": { boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 5%)" }, ".react-colorful__last-control": { borderRadius: "0 0 4px 4px" } }), Note = Object(esm.styled)(TooltipNote.a)((function (_ref) { return { fontFamily: _ref.theme.typography.fonts.base }; })), Swatches = esm.styled.div({ display: "grid", gridTemplateColumns: "repeat(9, 16px)", gap: 6, padding: 3, marginTop: 5, width: 200 }), SwatchColor = esm.styled.div((function (_ref2) { var theme = _ref2.theme; return { width: 16, height: 16, boxShadow: _ref2.active ? "".concat(theme.appBorderColor, " 0 0 0 1px inset, ").concat(theme.color.mediumdark, "50 0 0 0 4px") : "".concat(theme.appBorderColor, " 0 0 0 1px inset"), borderRadius: theme.appBorderRadius }; })), Color_Swatch = function Swatch(_ref3) { var value = _ref3.value, active = _ref3.active, onClick = _ref3.onClick, style = _ref3.style, props = _objectWithoutProperties(_ref3, ["value", "active", "onClick", "style"]), backgroundImage = "linear-gradient(".concat(value, ", ").concat(value, "), ").concat('url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')', ", linear-gradient(#fff, #fff)"); return react_default.a.createElement(SwatchColor, _extends({}, props, { active: active, onClick: onClick, style: Object.assign({}, style, { backgroundImage: backgroundImage }) })); };
+            Color_Swatch.displayName = "Swatch";
+            var ColorSpace, Input = Object(esm.styled)(esm_form.a.Input)((function (_ref4) { return { width: "100%", paddingLeft: 30, paddingRight: 30, boxSizing: "border-box", fontFamily: _ref4.theme.typography.fonts.base }; })), ToggleIcon = Object(esm.styled)(icon.a)((function (_ref5) { return { position: "absolute", zIndex: 1, top: 6, right: 7, width: 20, height: 20, padding: 4, boxSizing: "border-box", cursor: "pointer", color: _ref5.theme.input.color }; }));
+            !function (ColorSpace) { ColorSpace.RGB = "rgb", ColorSpace.HSL = "hsl", ColorSpace.HEX = "hex"; }(ColorSpace || (ColorSpace = {}));
+            var COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = (_defineProperty(_ColorPicker = {}, ColorSpace.HEX, (function (r) { return react_default.a.createElement($, index_module_u({}, r, { colorModel: G })); })), _defineProperty(_ColorPicker, ColorSpace.RGB, (function (r) { return react_default.a.createElement(U, index_module_u({}, r, { colorModel: me })); })), _defineProperty(_ColorPicker, ColorSpace.HSL, (function (r) { return react_default.a.createElement(U, index_module_u({}, r, { colorModel: Z })); })), _ColorPicker), fallbackColor = (_defineProperty(_fallbackColor = {}, ColorSpace.HEX, "transparent"), _defineProperty(_fallbackColor, ColorSpace.RGB, "rgba(0, 0, 0, 0)"), _defineProperty(_fallbackColor, ColorSpace.HSL, "hsla(0, 0%, 0%, 0)"), _fallbackColor), stringToArgs = function stringToArgs(value) { var match = null == value ? void 0 : value.match(COLOR_REGEXP); if (!match)
+                return [0, 0, 0, 1]; var _match = _slicedToArray(match, 5), x = _match[1], y = _match[2], z = _match[3], _match$ = _match[4]; return [x, y, z, void 0 === _match$ ? 1 : _match$].map(Number); }, Color_parseValue = function parseValue(value) { var _ref12; if (value) {
+                var valid = !0;
+                if (RGB_REGEXP.test(value)) {
+                    var _ref8, _stringToArgs2 = _slicedToArray(stringToArgs(value), 4), r = _stringToArgs2[0], g = _stringToArgs2[1], b = _stringToArgs2[2], a = _stringToArgs2[3], _ref7 = _slicedToArray(color_convert_default.a.rgb.hsl([r, g, b]) || [0, 0, 0], 3), h = _ref7[0], s = _ref7[1], l = _ref7[2];
+                    return _defineProperty(_ref8 = { valid: valid, value: value, keyword: color_convert_default.a.rgb.keyword([r, g, b]), colorSpace: ColorSpace.RGB }, ColorSpace.RGB, value), _defineProperty(_ref8, ColorSpace.HSL, "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")")), _defineProperty(_ref8, ColorSpace.HEX, "#".concat(color_convert_default.a.rgb.hex([r, g, b]).toLowerCase())), _ref8;
+                }
+                if (HSL_REGEXP.test(value)) {
+                    var _ref11, _stringToArgs4 = _slicedToArray(stringToArgs(value), 4), _h = _stringToArgs4[0], _s2 = _stringToArgs4[1], _l = _stringToArgs4[2], _a = _stringToArgs4[3], _ref10 = _slicedToArray(color_convert_default.a.hsl.rgb([_h, _s2, _l]) || [0, 0, 0], 3), _r = _ref10[0], _g = _ref10[1], _b = _ref10[2];
+                    return _defineProperty(_ref11 = { valid: valid, value: value, keyword: color_convert_default.a.hsl.keyword([_h, _s2, _l]), colorSpace: ColorSpace.HSL }, ColorSpace.RGB, "rgba(".concat(_r, ", ").concat(_g, ", ").concat(_b, ", ").concat(_a, ")")), _defineProperty(_ref11, ColorSpace.HSL, value), _defineProperty(_ref11, ColorSpace.HEX, "#".concat(color_convert_default.a.hsl.hex([_h, _s2, _l]).toLowerCase())), _ref11;
+                }
+                var plain = value.replace("#", ""), rgb = color_convert_default.a.keyword.rgb(plain) || color_convert_default.a.hex.rgb(plain), hsl = color_convert_default.a.rgb.hsl(rgb), mapped = value;
+                if (/[^#a-f0-9]/i.test(value) ? mapped = plain : HEX_REGEXP.test(value) && (mapped = "#".concat(plain)), mapped.startsWith("#"))
+                    valid = HEX_REGEXP.test(mapped);
+                else
+                    try {
+                        color_convert_default.a.keyword.hex(mapped);
+                    }
+                    catch (e) {
+                        valid = !1;
+                    }
+                return _defineProperty(_ref12 = { valid: valid, value: mapped, keyword: color_convert_default.a.rgb.keyword(rgb), colorSpace: ColorSpace.HEX }, ColorSpace.RGB, "rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", 1)")), _defineProperty(_ref12, ColorSpace.HSL, "hsla(".concat(hsl[0], ", ").concat(hsl[1], "%, ").concat(hsl[2], "%, 1)")), _defineProperty(_ref12, ColorSpace.HEX, mapped), _ref12;
+            } }, Color_useColorInput = function useColorInput(initialValue, onChange) { var _useState2 = _slicedToArray(Object(react.useState)(initialValue || ""), 2), value = _useState2[0], setValue = _useState2[1], _useState4 = _slicedToArray(Object(react.useState)((function () { return Color_parseValue(value); })), 2), color = _useState4[0], setColor = _useState4[1], _useState6 = _slicedToArray(Object(react.useState)((null == color ? void 0 : color.colorSpace) || ColorSpace.HEX), 2), colorSpace = _useState6[0], setColorSpace = _useState6[1]; Object(react.useEffect)((function () { void 0 === initialValue && (setValue(""), setColor(void 0), setColorSpace(ColorSpace.HEX)); }), [initialValue]); var realValue = Object(react.useMemo)((function () { return function getRealValue(value, color, colorSpace) { if (!value || null == color || !color.valid)
+                return fallbackColor[colorSpace]; if (colorSpace !== ColorSpace.HEX)
+                return (null == color ? void 0 : color[colorSpace]) || fallbackColor[colorSpace]; if (!color.hex.startsWith("#"))
+                try {
+                    return "#".concat(color_convert_default.a.keyword.hex(color.hex));
+                }
+                catch (e) {
+                    return fallbackColor.hex;
+                } var short = color.hex.match(SHORTHEX_REGEXP); if (!short)
+                return HEX_REGEXP.test(color.hex) ? color.hex : fallbackColor.hex; var _short$1$split2 = _slicedToArray(short[1].split(""), 3), r = _short$1$split2[0], g = _short$1$split2[1], b = _short$1$split2[2]; return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b); }(value, color, colorSpace).toLowerCase(); }), [value, color, colorSpace]), updateValue = Object(react.useCallback)((function (update) { var parsed = Color_parseValue(update); setValue((null == parsed ? void 0 : parsed.value) || update || ""), parsed && (setColor(parsed), setColorSpace(parsed.colorSpace), onChange(parsed.value)); }), [onChange]), cycleColorSpace = Object(react.useCallback)((function () { var next = COLOR_SPACES.indexOf(colorSpace) + 1; next >= COLOR_SPACES.length && (next = 0), setColorSpace(COLOR_SPACES[next]); var update = (null == color ? void 0 : color[COLOR_SPACES[next]]) || ""; setValue(update), onChange(update); }), [color, colorSpace, onChange]); return { value: value, realValue: realValue, updateValue: updateValue, color: color, colorSpace: colorSpace, cycleColorSpace: cycleColorSpace }; }, id = function id(value) { return value.replace(/\s*/, "").toLowerCase(); }, Color_ColorControl = function ColorControl(_ref13) { var name = _ref13.name, initialValue = _ref13.value, onChange = _ref13.onChange, onFocus = _ref13.onFocus, onBlur = _ref13.onBlur, presetColors = _ref13.presetColors, startOpen = _ref13.startOpen, _useColorInput = Color_useColorInput(initialValue, throttle_default()(onChange, 200)), value = _useColorInput.value, realValue = _useColorInput.realValue, updateValue = _useColorInput.updateValue, color = _useColorInput.color, colorSpace = _useColorInput.colorSpace, cycleColorSpace = _useColorInput.cycleColorSpace, _usePresets = function usePresets(presetColors, currentColor, colorSpace) { var _useState8 = _slicedToArray(Object(react.useState)(null != currentColor && currentColor.valid ? [currentColor] : []), 2), selectedColors = _useState8[0], setSelectedColors = _useState8[1]; Object(react.useEffect)((function () { void 0 === currentColor && setSelectedColors([]); }), [currentColor]); var presets = Object(react.useMemo)((function () { return (presetColors || []).map((function (preset) { return "string" == typeof preset ? Color_parseValue(preset) : preset.title ? Object.assign({}, Color_parseValue(preset.color), { keyword: preset.title }) : Color_parseValue(preset.color); })).concat(selectedColors).filter(Boolean).slice(-27); }), [presetColors, selectedColors]), addPreset = Object(react.useCallback)((function (color) { null != color && color.valid && (presets.some((function (preset) { return id(preset[colorSpace]) === id(color[colorSpace]); })) || setSelectedColors((function (arr) { return arr.concat(color); }))); }), [colorSpace, presets]); return { presets: presets, addPreset: addPreset }; }(presetColors, color, colorSpace), presets = _usePresets.presets, addPreset = _usePresets.addPreset, Picker = ColorPicker[colorSpace]; return react_default.a.createElement(Wrapper, null, react_default.a.createElement(PickerTooltip, { trigger: "click", startOpen: startOpen, closeOnClick: !0, onVisibilityChange: function onVisibilityChange() { return addPreset(color); }, tooltip: react_default.a.createElement(TooltipContent, null, react_default.a.createElement(Picker, { color: "transparent" === realValue ? "#000000" : realValue, onChange: updateValue, onFocus: onFocus, onBlur: onBlur }), presets.length > 0 && react_default.a.createElement(Swatches, null, presets.map((function (preset, index) { return react_default.a.createElement(lazy_WithTooltip.a, { key: "".concat(preset.value, "-").concat(index), hasChrome: !1, tooltip: react_default.a.createElement(Note, { note: preset.keyword || preset.value }) }, react_default.a.createElement(Color_Swatch, { value: preset[colorSpace], active: color && id(preset[colorSpace]) === id(color[colorSpace]), onClick: function onClick() { return updateValue(preset.value); } })); })))) }, react_default.a.createElement(Color_Swatch, { value: realValue, style: { margin: 4 } })), react_default.a.createElement(Input, { id: Object(helpers.a)(name), value: value, onChange: function onChange(e) { return updateValue(e.target.value); }, onFocus: function onFocus(e) { return e.target.select(); }, placeholder: "Choose color..." }), react_default.a.createElement(ToggleIcon, { icon: "markup", onClick: cycleColorSpace })); };
+            Color_ColorControl.displayName = "ColorControl";
+            __webpack_exports__.default = Color_ColorControl;
+        }, 1746: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(1786), reverseKeywords = {}; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
+            var key = _f[_c];
+            reverseKeywords[cssKeywords[key]] = key;
+        } var convert = { rgb: { channels: 3, labels: "rgb" }, hsl: { channels: 3, labels: "hsl" }, hsv: { channels: 3, labels: "hsv" }, hwb: { channels: 3, labels: "hwb" }, cmyk: { channels: 4, labels: "cmyk" }, xyz: { channels: 3, labels: "xyz" }, lab: { channels: 3, labels: "lab" }, lch: { channels: 3, labels: "lch" }, hex: { channels: 1, labels: ["hex"] }, keyword: { channels: 1, labels: ["keyword"] }, ansi16: { channels: 1, labels: ["ansi16"] }, ansi256: { channels: 1, labels: ["ansi256"] }, hcg: { channels: 3, labels: ["h", "c", "g"] }, apple: { channels: 3, labels: ["r16", "g16", "b16"] }, gray: { channels: 1, labels: ["gray"] } }; module.exports = convert; for (var _j = 0, _k = Object.keys(convert); _j < _k.length; _j++) {
+            var model = _k[_j];
+            if (!("channels" in convert[model]))
+                throw new Error("missing channels property: " + model);
+            if (!("labels" in convert[model]))
+                throw new Error("missing channel labels property: " + model);
+            if (convert[model].labels.length !== convert[model].channels)
+                throw new Error("channel and label counts mismatch: " + model);
+            var _m = convert[model], channels = _m.channels, labels = _m.labels;
+            delete convert[model].channels, delete convert[model].labels, Object.defineProperty(convert[model], "channels", { value: channels }), Object.defineProperty(convert[model], "labels", { value: labels });
+        } convert.rgb.hsl = function (rgb) { var r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255, min = Math.min(r, g, b), max = Math.max(r, g, b), delta = max - min; var h, s; max === min ? h = 0 : r === max ? h = (g - b) / delta : g === max ? h = 2 + (b - r) / delta : b === max && (h = 4 + (r - g) / delta), h = Math.min(60 * h, 360), h < 0 && (h += 360); var l = (min + max) / 2; return s = max === min ? 0 : l <= .5 ? delta / (max + min) : delta / (2 - max - min), [h, 100 * s, 100 * l]; }, convert.rgb.hsv = function (rgb) { var rdif, gdif, bdif, h, s; var r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255, v = Math.max(r, g, b), diff = v - Math.min(r, g, b), diffc = function (c) { return (v - c) / 6 / diff + .5; }; return 0 === diff ? (h = 0, s = 0) : (s = diff / v, rdif = diffc(r), gdif = diffc(g), bdif = diffc(b), r === v ? h = bdif - gdif : g === v ? h = 1 / 3 + rdif - bdif : b === v && (h = 2 / 3 + gdif - rdif), h < 0 ? h += 1 : h > 1 && (h -= 1)), [360 * h, 100 * s, 100 * v]; }, convert.rgb.hwb = function (rgb) { var r = rgb[0], g = rgb[1]; var b = rgb[2]; var h = convert.rgb.hsl(rgb)[0], w = 1 / 255 * Math.min(r, Math.min(g, b)); return b = 1 - 1 / 255 * Math.max(r, Math.max(g, b)), [h, 100 * w, 100 * b]; }, convert.rgb.cmyk = function (rgb) { var r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255, k = Math.min(1 - r, 1 - g, 1 - b); return [100 * ((1 - r - k) / (1 - k) || 0), 100 * ((1 - g - k) / (1 - k) || 0), 100 * ((1 - b - k) / (1 - k) || 0), 100 * k]; }, convert.rgb.keyword = function (rgb) { var reversed = reverseKeywords[rgb]; if (reversed)
+            return reversed; var currentClosestKeyword, currentClosestDistance = 1 / 0; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
+            var keyword = _f[_c];
+            var value = cssKeywords[keyword], distance = (y = value, Math.pow(((x = rgb)[0] - y[0]), 2) + Math.pow((x[1] - y[1]), 2) + Math.pow((x[2] - y[2]), 2));
+            distance < currentClosestDistance && (currentClosestDistance = distance, currentClosestKeyword = keyword);
+        } var x, y; return currentClosestKeyword; }, convert.keyword.rgb = function (keyword) { return cssKeywords[keyword]; }, convert.rgb.xyz = function (rgb) { var r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255; r = r > .04045 ? Math.pow(((r + .055) / 1.055), 2.4) : r / 12.92, g = g > .04045 ? Math.pow(((g + .055) / 1.055), 2.4) : g / 12.92, b = b > .04045 ? Math.pow(((b + .055) / 1.055), 2.4) : b / 12.92; return [100 * (.4124 * r + .3576 * g + .1805 * b), 100 * (.2126 * r + .7152 * g + .0722 * b), 100 * (.0193 * r + .1192 * g + .9505 * b)]; }, convert.rgb.lab = function (rgb) { var xyz = convert.rgb.xyz(rgb); var x = xyz[0], y = xyz[1], z = xyz[2]; x /= 95.047, y /= 100, z /= 108.883, x = x > .008856 ? Math.pow(x, (1 / 3)) : 7.787 * x + 16 / 116, y = y > .008856 ? Math.pow(y, (1 / 3)) : 7.787 * y + 16 / 116, z = z > .008856 ? Math.pow(z, (1 / 3)) : 7.787 * z + 16 / 116; return [116 * y - 16, 500 * (x - y), 200 * (y - z)]; }, convert.hsl.rgb = function (hsl) { var h = hsl[0] / 360, s = hsl[1] / 100, l = hsl[2] / 100; var t2, t3, val; if (0 === s)
+            return val = 255 * l, [val, val, val]; t2 = l < .5 ? l * (1 + s) : l + s - l * s; var t1 = 2 * l - t2, rgb = [0, 0, 0]; for (var i = 0; i < 3; i++)
+            t3 = h + 1 / 3 * -(i - 1), t3 < 0 && t3++, t3 > 1 && t3--, val = 6 * t3 < 1 ? t1 + 6 * (t2 - t1) * t3 : 2 * t3 < 1 ? t2 : 3 * t3 < 2 ? t1 + (t2 - t1) * (2 / 3 - t3) * 6 : t1, rgb[i] = 255 * val; return rgb; }, convert.hsl.hsv = function (hsl) { var h = hsl[0]; var s = hsl[1] / 100, l = hsl[2] / 100, smin = s; var lmin = Math.max(l, .01); l *= 2, s *= l <= 1 ? l : 2 - l, smin *= lmin <= 1 ? lmin : 2 - lmin; return [h, 100 * (0 === l ? 2 * smin / (lmin + smin) : 2 * s / (l + s)), 100 * ((l + s) / 2)]; }, convert.hsv.rgb = function (hsv) { var h = hsv[0] / 60, s = hsv[1] / 100; var v = hsv[2] / 100; var hi = Math.floor(h) % 6, f = h - Math.floor(h), p = 255 * v * (1 - s), q = 255 * v * (1 - s * f), t = 255 * v * (1 - s * (1 - f)); switch (v *= 255, hi) {
+            case 0: return [v, t, p];
+            case 1: return [q, v, p];
+            case 2: return [p, v, t];
+            case 3: return [p, q, v];
+            case 4: return [t, p, v];
+            case 5: return [v, p, q];
+        } }, convert.hsv.hsl = function (hsv) { var h = hsv[0], s = hsv[1] / 100, v = hsv[2] / 100, vmin = Math.max(v, .01); var sl, l; l = (2 - s) * v; var lmin = (2 - s) * vmin; return sl = s * vmin, sl /= lmin <= 1 ? lmin : 2 - lmin, sl = sl || 0, l /= 2, [h, 100 * sl, 100 * l]; }, convert.hwb.rgb = function (hwb) { var h = hwb[0] / 360; var wh = hwb[1] / 100, bl = hwb[2] / 100; var ratio = wh + bl; var f; ratio > 1 && (wh /= ratio, bl /= ratio); var i = Math.floor(6 * h), v = 1 - bl; f = 6 * h - i, 0 != (1 & i) && (f = 1 - f); var n = wh + f * (v - wh); var r, g, b; switch (i) {
+            default:
+                r = v, g = n, b = wh;
+                break;
+            case 1:
+                r = n, g = v, b = wh;
+                break;
+            case 2:
+                r = wh, g = v, b = n;
+                break;
+            case 3:
+                r = wh, g = n, b = v;
+                break;
+            case 4:
+                r = n, g = wh, b = v;
+                break;
+            case 5: r = v, g = wh, b = n;
+        } return [255 * r, 255 * g, 255 * b]; }, convert.cmyk.rgb = function (cmyk) { var c = cmyk[0] / 100, m = cmyk[1] / 100, y = cmyk[2] / 100, k = cmyk[3] / 100; return [255 * (1 - Math.min(1, c * (1 - k) + k)), 255 * (1 - Math.min(1, m * (1 - k) + k)), 255 * (1 - Math.min(1, y * (1 - k) + k))]; }, convert.xyz.rgb = function (xyz) { var x = xyz[0] / 100, y = xyz[1] / 100, z = xyz[2] / 100; var r, g, b; return r = 3.2406 * x + -1.5372 * y + -.4986 * z, g = -.9689 * x + 1.8758 * y + .0415 * z, b = .0557 * x + -.204 * y + 1.057 * z, r = r > .0031308 ? 1.055 * Math.pow(r, (1 / 2.4)) - .055 : 12.92 * r, g = g > .0031308 ? 1.055 * Math.pow(g, (1 / 2.4)) - .055 : 12.92 * g, b = b > .0031308 ? 1.055 * Math.pow(b, (1 / 2.4)) - .055 : 12.92 * b, r = Math.min(Math.max(0, r), 1), g = Math.min(Math.max(0, g), 1), b = Math.min(Math.max(0, b), 1), [255 * r, 255 * g, 255 * b]; }, convert.xyz.lab = function (xyz) { var x = xyz[0], y = xyz[1], z = xyz[2]; x /= 95.047, y /= 100, z /= 108.883, x = x > .008856 ? Math.pow(x, (1 / 3)) : 7.787 * x + 16 / 116, y = y > .008856 ? Math.pow(y, (1 / 3)) : 7.787 * y + 16 / 116, z = z > .008856 ? Math.pow(z, (1 / 3)) : 7.787 * z + 16 / 116; return [116 * y - 16, 500 * (x - y), 200 * (y - z)]; }, convert.lab.xyz = function (lab) { var x, y, z; y = (lab[0] + 16) / 116, x = lab[1] / 500 + y, z = y - lab[2] / 200; var y2 = Math.pow(y, 3), x2 = Math.pow(x, 3), z2 = Math.pow(z, 3); return y = y2 > .008856 ? y2 : (y - 16 / 116) / 7.787, x = x2 > .008856 ? x2 : (x - 16 / 116) / 7.787, z = z2 > .008856 ? z2 : (z - 16 / 116) / 7.787, x *= 95.047, y *= 100, z *= 108.883, [x, y, z]; }, convert.lab.lch = function (lab) { var l = lab[0], a = lab[1], b = lab[2]; var h; h = 360 * Math.atan2(b, a) / 2 / Math.PI, h < 0 && (h += 360); return [l, Math.sqrt(a * a + b * b), h]; }, convert.lch.lab = function (lch) { var l = lch[0], c = lch[1], hr = lch[2] / 360 * 2 * Math.PI; return [l, c * Math.cos(hr), c * Math.sin(hr)]; }, convert.rgb.ansi16 = function (args, saturation) {
+            if (saturation === void 0) { saturation = null; }
+            var r = args[0], g = args[1], b = args[2];
+            var value = null === saturation ? convert.rgb.hsv(args)[2] : saturation;
+            if (value = Math.round(value / 50), 0 === value)
+                return 30;
+            var ansi = 30 + (Math.round(b / 255) << 2 | Math.round(g / 255) << 1 | Math.round(r / 255));
+            return 2 === value && (ansi += 60), ansi;
+        }, convert.hsv.ansi16 = function (args) { return convert.rgb.ansi16(convert.hsv.rgb(args), args[2]); }, convert.rgb.ansi256 = function (args) { var r = args[0], g = args[1], b = args[2]; if (r === g && g === b)
+            return r < 8 ? 16 : r > 248 ? 231 : Math.round((r - 8) / 247 * 24) + 232; return 16 + 36 * Math.round(r / 255 * 5) + 6 * Math.round(g / 255 * 5) + Math.round(b / 255 * 5); }, convert.ansi16.rgb = function (args) { var color = args % 10; if (0 === color || 7 === color)
+            return args > 50 && (color += 3.5), color = color / 10.5 * 255, [color, color, color]; var mult = .5 * (1 + ~~(args > 50)); return [(1 & color) * mult * 255, (color >> 1 & 1) * mult * 255, (color >> 2 & 1) * mult * 255]; }, convert.ansi256.rgb = function (args) { if (args >= 232) {
+            var c = 10 * (args - 232) + 8;
+            return [c, c, c];
+        } var rem; args -= 16; return [Math.floor(args / 36) / 5 * 255, Math.floor((rem = args % 36) / 6) / 5 * 255, rem % 6 / 5 * 255]; }, convert.rgb.hex = function (args) { var string = (((255 & Math.round(args[0])) << 16) + ((255 & Math.round(args[1])) << 8) + (255 & Math.round(args[2]))).toString(16).toUpperCase(); return "000000".substring(string.length) + string; }, convert.hex.rgb = function (args) { var match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i); if (!match)
+            return [0, 0, 0]; var colorString = match[0]; 3 === match[0].length && (colorString = colorString.split("").map((function (char) { return char + char; })).join("")); var integer = parseInt(colorString, 16); return [integer >> 16 & 255, integer >> 8 & 255, 255 & integer]; }, convert.rgb.hcg = function (rgb) { var r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255, max = Math.max(Math.max(r, g), b), min = Math.min(Math.min(r, g), b), chroma = max - min; var grayscale, hue; return grayscale = chroma < 1 ? min / (1 - chroma) : 0, hue = chroma <= 0 ? 0 : max === r ? (g - b) / chroma % 6 : max === g ? 2 + (b - r) / chroma : 4 + (r - g) / chroma, hue /= 6, hue %= 1, [360 * hue, 100 * chroma, 100 * grayscale]; }, convert.hsl.hcg = function (hsl) { var s = hsl[1] / 100, l = hsl[2] / 100, c = l < .5 ? 2 * s * l : 2 * s * (1 - l); var f = 0; return c < 1 && (f = (l - .5 * c) / (1 - c)), [hsl[0], 100 * c, 100 * f]; }, convert.hsv.hcg = function (hsv) { var s = hsv[1] / 100, v = hsv[2] / 100, c = s * v; var f = 0; return c < 1 && (f = (v - c) / (1 - c)), [hsv[0], 100 * c, 100 * f]; }, convert.hcg.rgb = function (hcg) { var h = hcg[0] / 360, c = hcg[1] / 100, g = hcg[2] / 100; if (0 === c)
+            return [255 * g, 255 * g, 255 * g]; var pure = [0, 0, 0], hi = h % 1 * 6, v = hi % 1, w = 1 - v; var mg = 0; switch (Math.floor(hi)) {
+            case 0:
+                pure[0] = 1, pure[1] = v, pure[2] = 0;
+                break;
+            case 1:
+                pure[0] = w, pure[1] = 1, pure[2] = 0;
+                break;
+            case 2:
+                pure[0] = 0, pure[1] = 1, pure[2] = v;
+                break;
+            case 3:
+                pure[0] = 0, pure[1] = w, pure[2] = 1;
+                break;
+            case 4:
+                pure[0] = v, pure[1] = 0, pure[2] = 1;
+                break;
+            default: pure[0] = 1, pure[1] = 0, pure[2] = w;
+        } return mg = (1 - c) * g, [255 * (c * pure[0] + mg), 255 * (c * pure[1] + mg), 255 * (c * pure[2] + mg)]; }, convert.hcg.hsv = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); var f = 0; return v > 0 && (f = c / v), [hcg[0], 100 * f, 100 * v]; }, convert.hcg.hsl = function (hcg) { var c = hcg[1] / 100, l = hcg[2] / 100 * (1 - c) + .5 * c; var s = 0; return l > 0 && l < .5 ? s = c / (2 * l) : l >= .5 && l < 1 && (s = c / (2 * (1 - l))), [hcg[0], 100 * s, 100 * l]; }, convert.hcg.hwb = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); return [hcg[0], 100 * (v - c), 100 * (1 - v)]; }, convert.hwb.hcg = function (hwb) { var w = hwb[1] / 100, v = 1 - hwb[2] / 100, c = v - w; var g = 0; return c < 1 && (g = (v - c) / (1 - c)), [hwb[0], 100 * c, 100 * g]; }, convert.apple.rgb = function (apple) { return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255]; }, convert.rgb.apple = function (rgb) { return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[2] / 255 * 65535]; }, convert.gray.rgb = function (args) { return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255]; }, convert.gray.hsl = function (args) { return [0, 0, args[0]]; }, convert.gray.hsv = convert.gray.hsl, convert.gray.hwb = function (gray) { return [0, 100, gray[0]]; }, convert.gray.cmyk = function (gray) { return [0, 0, 0, gray[0]]; }, convert.gray.lab = function (gray) { return [gray[0], 0, 0]; }, convert.gray.hex = function (gray) { var val = 255 & Math.round(gray[0] / 100 * 255), string = ((val << 16) + (val << 8) + val).toString(16).toUpperCase(); return "000000".substring(string.length) + string; }, convert.rgb.gray = function (rgb) { return [(rgb[0] + rgb[1] + rgb[2]) / 3 / 255 * 100]; }; }, 1785: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(1746), route = __webpack_require__(1787), convert = {}; Object.keys(conversions).forEach((function (fromModel) { convert[fromModel] = {}, Object.defineProperty(convert[fromModel], "channels", { value: conversions[fromModel].channels }), Object.defineProperty(convert[fromModel], "labels", { value: conversions[fromModel].labels }); var routes = route(fromModel); Object.keys(routes).forEach((function (toModel) { var fn = routes[toModel]; convert[fromModel][toModel] = function wrapRounded(fn) { var wrappedFn = function () {
+            var args = [];
+            for (var _c = 0; _c < arguments.length; _c++) {
+                args[_c] = arguments[_c];
+            }
+            var arg0 = args[0];
+            if (null == arg0)
+                return arg0;
+            arg0.length > 1 && (args = arg0);
+            var result = fn(args);
+            if ("object" == typeof result)
+                for (var len = result.length, i = 0; i < len; i++)
+                    result[i] = Math.round(result[i]);
+            return result;
+        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn), convert[fromModel][toModel].raw = function wrapRaw(fn) { var wrappedFn = function () {
+            var args = [];
+            for (var _c = 0; _c < arguments.length; _c++) {
+                args[_c] = arguments[_c];
+            }
+            var arg0 = args[0];
+            return null == arg0 ? arg0 : (arg0.length > 1 && (args = arg0), fn(args));
+        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn); })); })), module.exports = convert; }, 1786: function (module, exports, __webpack_require__) {
+            "use strict";
+            module.exports = { aliceblue: [240, 248, 255], antiquewhite: [250, 235, 215], aqua: [0, 255, 255], aquamarine: [127, 255, 212], azure: [240, 255, 255], beige: [245, 245, 220], bisque: [255, 228, 196], black: [0, 0, 0], blanchedalmond: [255, 235, 205], blue: [0, 0, 255], blueviolet: [138, 43, 226], brown: [165, 42, 42], burlywood: [222, 184, 135], cadetblue: [95, 158, 160], chartreuse: [127, 255, 0], chocolate: [210, 105, 30], coral: [255, 127, 80], cornflowerblue: [100, 149, 237], cornsilk: [255, 248, 220], crimson: [220, 20, 60], cyan: [0, 255, 255], darkblue: [0, 0, 139], darkcyan: [0, 139, 139], darkgoldenrod: [184, 134, 11], darkgray: [169, 169, 169], darkgreen: [0, 100, 0], darkgrey: [169, 169, 169], darkkhaki: [189, 183, 107], darkmagenta: [139, 0, 139], darkolivegreen: [85, 107, 47], darkorange: [255, 140, 0], darkorchid: [153, 50, 204], darkred: [139, 0, 0], darksalmon: [233, 150, 122], darkseagreen: [143, 188, 143], darkslateblue: [72, 61, 139], darkslategray: [47, 79, 79], darkslategrey: [47, 79, 79], darkturquoise: [0, 206, 209], darkviolet: [148, 0, 211], deeppink: [255, 20, 147], deepskyblue: [0, 191, 255], dimgray: [105, 105, 105], dimgrey: [105, 105, 105], dodgerblue: [30, 144, 255], firebrick: [178, 34, 34], floralwhite: [255, 250, 240], forestgreen: [34, 139, 34], fuchsia: [255, 0, 255], gainsboro: [220, 220, 220], ghostwhite: [248, 248, 255], gold: [255, 215, 0], goldenrod: [218, 165, 32], gray: [128, 128, 128], green: [0, 128, 0], greenyellow: [173, 255, 47], grey: [128, 128, 128], honeydew: [240, 255, 240], hotpink: [255, 105, 180], indianred: [205, 92, 92], indigo: [75, 0, 130], ivory: [255, 255, 240], khaki: [240, 230, 140], lavender: [230, 230, 250], lavenderblush: [255, 240, 245], lawngreen: [124, 252, 0], lemonchiffon: [255, 250, 205], lightblue: [173, 216, 230], lightcoral: [240, 128, 128], lightcyan: [224, 255, 255], lightgoldenrodyellow: [250, 250, 210], lightgray: [211, 211, 211], lightgreen: [144, 238, 144], lightgrey: [211, 211, 211], lightpink: [255, 182, 193], lightsalmon: [255, 160, 122], lightseagreen: [32, 178, 170], lightskyblue: [135, 206, 250], lightslategray: [119, 136, 153], lightslategrey: [119, 136, 153], lightsteelblue: [176, 196, 222], lightyellow: [255, 255, 224], lime: [0, 255, 0], limegreen: [50, 205, 50], linen: [250, 240, 230], magenta: [255, 0, 255], maroon: [128, 0, 0], mediumaquamarine: [102, 205, 170], mediumblue: [0, 0, 205], mediumorchid: [186, 85, 211], mediumpurple: [147, 112, 219], mediumseagreen: [60, 179, 113], mediumslateblue: [123, 104, 238], mediumspringgreen: [0, 250, 154], mediumturquoise: [72, 209, 204], mediumvioletred: [199, 21, 133], midnightblue: [25, 25, 112], mintcream: [245, 255, 250], mistyrose: [255, 228, 225], moccasin: [255, 228, 181], navajowhite: [255, 222, 173], navy: [0, 0, 128], oldlace: [253, 245, 230], olive: [128, 128, 0], olivedrab: [107, 142, 35], orange: [255, 165, 0], orangered: [255, 69, 0], orchid: [218, 112, 214], palegoldenrod: [238, 232, 170], palegreen: [152, 251, 152], paleturquoise: [175, 238, 238], palevioletred: [219, 112, 147], papayawhip: [255, 239, 213], peachpuff: [255, 218, 185], peru: [205, 133, 63], pink: [255, 192, 203], plum: [221, 160, 221], powderblue: [176, 224, 230], purple: [128, 0, 128], rebeccapurple: [102, 51, 153], red: [255, 0, 0], rosybrown: [188, 143, 143], royalblue: [65, 105, 225], saddlebrown: [139, 69, 19], salmon: [250, 128, 114], sandybrown: [244, 164, 96], seagreen: [46, 139, 87], seashell: [255, 245, 238], sienna: [160, 82, 45], silver: [192, 192, 192], skyblue: [135, 206, 235], slateblue: [106, 90, 205], slategray: [112, 128, 144], slategrey: [112, 128, 144], snow: [255, 250, 250], springgreen: [0, 255, 127], steelblue: [70, 130, 180], tan: [210, 180, 140], teal: [0, 128, 128], thistle: [216, 191, 216], tomato: [255, 99, 71], turquoise: [64, 224, 208], violet: [238, 130, 238], wheat: [245, 222, 179], white: [255, 255, 255], whitesmoke: [245, 245, 245], yellow: [255, 255, 0], yellowgreen: [154, 205, 50] };
+        }, 1787: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(1746); function deriveBFS(fromModel) { var graph = function buildGraph() { var graph = {}, models = Object.keys(conversions); for (var len = models.length, i = 0; i < len; i++)
+            graph[models[i]] = { distance: -1, parent: null }; return graph; }(), queue = [fromModel]; for (graph[fromModel].distance = 0; queue.length;) {
+            var current = queue.pop(), adjacents = Object.keys(conversions[current]);
+            for (var len = adjacents.length, i = 0; i < len; i++) {
+                var adjacent = adjacents[i], node = graph[adjacent];
+                -1 === node.distance && (node.distance = graph[current].distance + 1, node.parent = current, queue.unshift(adjacent));
+            }
+        } return graph; } function link(from, to) { return function (args) { return to(from(args)); }; } function wrapConversion(toModel, graph) { var path = [graph[toModel].parent, toModel]; var fn = conversions[graph[toModel].parent][toModel], cur = graph[toModel].parent; for (; graph[cur].parent;)
+            path.unshift(graph[cur].parent), fn = link(conversions[graph[cur].parent][cur], fn), cur = graph[cur].parent; return fn.conversion = path, fn; } module.exports = function (fromModel) { var graph = deriveBFS(fromModel), conversion = {}, models = Object.keys(graph); for (var len = models.length, i = 0; i < len; i++) {
+            var toModel = models[i];
+            null !== graph[toModel].parent && (conversion[toModel] = wrapConversion(toModel, graph));
+        } return conversion; }; }, 1788: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(1789), isObject = __webpack_require__(127); module.exports = function throttle(func, wait, options) { var leading = !0, trailing = !0; if ("function" != typeof func)
+            throw new TypeError("Expected a function"); return isObject(options) && (leading = "leading" in options ? !!options.leading : leading, trailing = "trailing" in options ? !!options.trailing : trailing), debounce(func, wait, { leading: leading, maxWait: wait, trailing: trailing }); }; }, 1789: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(127), now = __webpack_require__(1790), toNumber = __webpack_require__(1791), nativeMax = Math.max, nativeMin = Math.min; module.exports = function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = !1, maxing = !1, trailing = !0; if ("function" != typeof func)
+            throw new TypeError("Expected a function"); function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; return lastArgs = lastThis = void 0, lastInvokeTime = time, result = func.apply(thisArg, args); } function leadingEdge(time) { return lastInvokeTime = time, timerId = setTimeout(timerExpired, wait), leading ? invokeFunc(time) : result; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime; return void 0 === lastCallTime || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && time - lastInvokeTime >= maxWait; } function timerExpired() { var time = now(); if (shouldInvoke(time))
+            return trailingEdge(time); timerId = setTimeout(timerExpired, function remainingWait(time) { var timeWaiting = wait - (time - lastCallTime); return maxing ? nativeMin(timeWaiting, maxWait - (time - lastInvokeTime)) : timeWaiting; }(time)); } function trailingEdge(time) { return timerId = void 0, trailing && lastArgs ? invokeFunc(time) : (lastArgs = lastThis = void 0, result); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); if (lastArgs = arguments, lastThis = this, lastCallTime = time, isInvoking) {
+            if (void 0 === timerId)
+                return leadingEdge(lastCallTime);
+            if (maxing)
+                return clearTimeout(timerId), timerId = setTimeout(timerExpired, wait), invokeFunc(lastCallTime);
+        } return void 0 === timerId && (timerId = setTimeout(timerExpired, wait)), result; } return wait = toNumber(wait) || 0, isObject(options) && (leading = !!options.leading, maxWait = (maxing = "maxWait" in options) ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait, trailing = "trailing" in options ? !!options.trailing : trailing), debounced.cancel = function cancel() { void 0 !== timerId && clearTimeout(timerId), lastInvokeTime = 0, lastArgs = lastCallTime = lastThis = timerId = void 0; }, debounced.flush = function flush() { return void 0 === timerId ? result : trailingEdge(now()); }, debounced; }; }, 1790: function (module, exports, __webpack_require__) { var root = __webpack_require__(93); module.exports = function () { return root.Date.now(); }; }, 1791: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(1792), isObject = __webpack_require__(127), isSymbol = __webpack_require__(263), reIsBadHex = /^[-+]0x[0-9a-f]+$/i, reIsBinary = /^0b[01]+$/i, reIsOctal = /^0o[0-7]+$/i, freeParseInt = parseInt; module.exports = function toNumber(value) { if ("number" == typeof value)
+            return value; if (isSymbol(value))
+            return NaN; if (isObject(value)) {
+            var other = "function" == typeof value.valueOf ? value.valueOf() : value;
+            value = isObject(other) ? other + "" : other;
+        } if ("string" != typeof value)
+            return 0 === value ? value : +value; value = baseTrim(value); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NaN : +value; }; }, 1792: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(1793), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 1793: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
+            ; return index; }; }, 668: function (module, __webpack_exports__, __webpack_require__) {
+            "use strict";
+            __webpack_require__.d(__webpack_exports__, "a", (function () { return TooltipNote; }));
+            __webpack_require__(146), __webpack_require__(26), __webpack_require__(7);
+            var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_3___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+            function _objectWithoutProperties(source, excluded) { if (null == source)
+                return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)
+                return {}; var key, i, target = {}, sourceKeys = Object.keys(source); for (i = 0; i < sourceKeys.length; i++)
+                key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]); return target; }(source, excluded); if (Object.getOwnPropertySymbols) {
+                var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+                for (i = 0; i < sourceSymbolKeys.length; i++)
+                    key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+            } return target; }
+            var Note = __webpack_require__(3).styled.div((function (_ref) { var theme = _ref.theme; return { padding: "2px 6px", lineHeight: "16px", fontSize: 10, fontWeight: theme.typography.weight.bold, color: theme.color.lightest, boxShadow: "0 0 5px 0 rgba(0, 0, 0, 0.3)", borderRadius: 4, whiteSpace: "nowrap", pointerEvents: "none", zIndex: -1, background: "rgba(0, 0, 0, 0.4)", margin: 6 }; })), TooltipNote = function TooltipNote(_ref2) { var note = _ref2.note, props = _objectWithoutProperties(_ref2, ["note"]); return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Note, props, note); };
+            TooltipNote.displayName = "TooltipNote";
+        } }]);

package/dist/storybook-static/5.fa71488e730c5c7f885f.manager.bundle.d.ts

@@ -0,0 +1,18 @@
+export = graphql;
+export = graphql;
+declare function graphql(Prism: any): void;
+declare namespace graphql {
+    export { displayName, aliases, boolean, booleanish, overloadedBoolean, number, spaceSeparated, commaSeparated, commaOrSpaceSeparated, _default as default, __esModule, parse, stringify };
+}
+declare var displayName: string;
+declare var aliases: any[];
+declare var boolean: number;
+declare var booleanish: number;
+declare var overloadedBoolean: number;
+declare var number: number;
+declare var spaceSeparated: number;
+declare var commaSeparated: number;
+declare var commaOrSpaceSeparated: number;
+declare var __esModule: boolean;
+declare function parse(value: any): string[];
+declare function stringify(values: any): any;