@ikas/core 1.0.12 → 1.0.14

package/dist/index142.js

@@ -1,406 +1,13 @@
-import { jsx as r, jsxs as O } from "react/jsx-runtime";
-import { useState as R, useMemo as m, useCallback as I } from "react";
-import { observer as me } from "mobx-react-lite";
-import { action as h } from "mobx";
-import B from "./index56.js";
-import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as S } from "@ikas/ui";
-import { FilterType as f } from "./index15.js";
-import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from "./index16.js";
-import { FilterStringInput as ve } from "./index338.js";
-import { coreTranslations as T } from "./index5.js";
-import be from "./index66.js";
-import Se from "./index130.js";
-import Te from "./index63.js";
-function z(w) {
-  return w.map((o) => ({ label: o.label, value: o.value }));
-}
-function E(w) {
-  return w.map((o) => ({
-    key: o.value,
-    title: o.label,
-    value: o.value,
-    children: o.children ? E(o.children) : void 0
-  }));
-}
-function we(w) {
-  var G, U, $, j, F, H;
-  const { filterRow: o, originalModel: _, model: l, isLast: X } = w, [q, k] = R(!1), [M, y] = R(!1), [J, Y] = R(""), Q = m(
-    () => l.filters.map((e) => ({ label: e.title, value: e.key })),
-    [l.filters]
-  ), t = m(
-    () => l.filters.find((e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
-    }),
-    [l.filters, (G = o.filterValue) == null ? void 0 : G.key]
-  ), i = t == null ? void 0 : t.type, Z = t == null ? void 0 : t.key, v = (U = _.filters.find(
-    (e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
-    }
-  )) == null ? void 0 : U.isLoading, b = ($ = _.filters.find(
-    (e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
-    }
-  )) == null ? void 0 : $.isDynamicNotFound, s = (t == null ? void 0 : t.options) || [], ee = m(() => {
-    const e = l.filterConditionOptions(
-      i || f.SELECT,
-      t
-    );
-    return i === f.DATE_RANGE_PICKER ? [e[0]] : e;
-  }, [l, i, t]), N = (j = o.filterValue) == null ? void 0 : j.value, te = h((e) => {
-    k(!1), y(!1), l.filterTypeValueChange(o, t, e), l.onFilterConditionInputChange(
-      o,
-      l.filterConditionOptions(
-        i || f.SELECT,
-        t
-      )[0].value,
-      i
-    );
-  }), ae = h((e) => {
-    l.onFilterConditionInputChange(o, e, i);
-  }), oe = I(() => {
-    setTimeout(() => {
-      l.deleteFilterRow(o);
-    }, 0);
-  }, [l, o]), K = h((e) => {
-    l.onFilterValueChange(
-      Number(e) || 0,
-      t,
-      o
-    );
-  }), le = h((e) => {
-    var n;
-    l.onFilterValueChange(e, t, o);
-    const a = l.filters.find(
-      (c) => {
-        var d;
-        return c.key === ((d = o.filterValue) == null ? void 0 : d.key);
-      }
-    );
-    (n = a == null ? void 0 : a.onChange) == null || n.call(a, e);
-  }), L = h((e) => {
-    const a = Array.isArray(e) ? e : [e];
-    l.onFilterValueChange(a, t, o);
-  }), ne = h((e) => {
-    const a = Array.isArray(e) ? e : [e];
-    l.onFilterValueChange(a, t, o);
-  }), re = I(
-    h((e) => {
-      var a;
-      Y(e), (a = t == null ? void 0 : t.onSearch) == null || a.call(t, e);
-    }),
-    [t]
-  ), ie = I(
-    h(() => {
-      var e;
-      Y(""), (e = t == null ? void 0 : t.onSearch) == null || e.call(t, "");
-    }),
-    [t]
-  ), D = m(() => {
-    const e = o.filterValue.value;
-    return Array.isArray(e) && e.length === 1 && A.isShortcut(e[0]) ? e[0] : C.PICKER;
-  }, [o.filterValue.value]), g = m(
-    () => A.getDateValue(o.filterValue.value),
-    [o.filterValue.value]
-  ), P = m(
-    () => Object.values(C).map((e) => ({
-      label: A.getShortcutLabel(e),
-      type: e
-    })),
-    []
-  ), se = m(() => {
-    const e = P.find(
-      (a) => a.type === D
-    );
-    if ((e == null ? void 0 : e.type) === C.PICKER && g) {
-      const a = g[0].format("DD.MM.YYYY"), n = g[1].format("DD.MM.YYYY");
-      return a === n ? a : `${a} - ${n}`;
-    }
-    return e == null ? void 0 : e.label;
-  }, [D, g, P]), ue = h((e) => {
-    e === C.PICKER ? y(!0) : (l.onFilterValueChange([e], t, o), y(!1), setTimeout(() => {
-      k(!1);
-    }, 0));
-  }), ce = h((e) => {
-    if (!e) return;
-    const [a, n] = e;
-    l.onFilterValueChange(
-      [
-        B(a).startOf("day").valueOf().toString(),
-        B(n).endOf("day").valueOf().toString()
-      ],
-      t,
-      o
-    ), k(!1);
-  }), he = m(() => {
-    if (i !== f.SELECT_OPTION_GROUP) return [];
-    const e = [];
-    return s.forEach((a) => {
-      var n;
-      e.push({
-        label: a.label,
-        options: ((n = a.children) == null ? void 0 : n.map((c) => ({ label: c.label, value: c.value }))) || []
-      });
-    }), e;
-  }, [i, s]), fe = m(() => {
-    var c;
-    if (s.length <= 6) return s;
-    const e = (c = o.filterValue) == null ? void 0 : c.value, a = s.filter((d) => e == null ? void 0 : e.includes(d.value)), n = s.filter((d) => !(e != null && e.includes(d.value)));
-    return [...a, ...n];
-  }, [s, (F = o.filterValue) == null ? void 0 : F.value]), de = /* @__PURE__ */ r(
-    "div",
-    {
-      className: "flex flex-col gap-1",
-      style: { width: 190, maxHeight: 300, overflowY: "auto", padding: "6px 6px 0" },
-      children: P.map((e) => {
-        const a = M ? e.type === C.PICKER : D === e.type;
-        return /* @__PURE__ */ O(
-          "button",
-          {
-            type: "button",
-            className: `w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a ? "bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium" : "bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,
-            onClick: () => ue(e.type),
-            children: [
-              e.label,
-              e.type === C.PICKER && /* @__PURE__ */ r("div", { style: { opacity: 0, height: 0, overflow: "hidden" }, children: /* @__PURE__ */ r(
-                ge,
-                {
-                  value: g ? [
-                    g[0].toDate(),
-                    g[1].toDate()
-                  ] : null,
-                  open: M,
-                  onOpenChange: (n) => {
-                    setTimeout(() => {
-                      y(n);
-                    }, 0);
-                  },
-                  onChange: (n) => {
-                    n && ce([n[0].toDate(), n[1].toDate()]);
-                  },
-                  size: "sm",
-                  allowClear: !1
-                }
-              ) })
-            ]
-          },
-          e.type
-        );
-      })
-    }
-  ), pe = () => {
-    var e, a, n, c, d;
-    if (i === f.DATE_RANGE_PICKER)
-      return /* @__PURE__ */ r("div", { style: { width: 330 }, children: /* @__PURE__ */ r(
-        Ce,
-        {
-          content: de,
-          trigger: "click",
-          placement: "bottomLeft",
-          showArrow: !1,
-          open: q,
-          onOpenChange: (u) => {
-            u ? D === C.PICKER && y(!0) : y(!1), setTimeout(() => {
-              k(u);
-            }, 10);
-          },
-          popoverContentStyle: { padding: 0 },
-          children: /* @__PURE__ */ O(
-            W,
-            {
-              block: !0,
-              className: "justify-between gap-1.5 px-[11px] text-sm font-medium",
-              children: [
-                /* @__PURE__ */ O("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-                  /* @__PURE__ */ r(Se, { className: "h-4 w-4 shrink-0 text-gray-blue" }),
-                  /* @__PURE__ */ r("span", { className: "truncate", children: se })
-                ] }),
-                /* @__PURE__ */ r(Te, { className: "h-4 w-4 flex-shrink-0 text-gray-blue" })
-              ]
-            }
-          )
-        }
-      ) });
-    if (i === f.STRING_INPUT)
-      return /* @__PURE__ */ r(
-        ve,
-        {
-          filterRow: o,
-          model: l,
-          onChange: le
-        }
-      );
-    if (i === f.NUMBER_INPUT)
-      return s.length > 0 ? /* @__PURE__ */ r(
-        x,
-        {
-          style: { width: 330 },
-          value: N != null ? String(N) : void 0,
-          onChange: (u) => K(Number(u)),
-          options: z(s),
-          placeholder: T.common.placeholder.select,
-          showSearch: !0,
-          loading: !!v,
-          isDynamicNotFound: !!b
-        }
-      ) : /* @__PURE__ */ r(
-        ye,
-        {
-          style: { width: 330 },
-          value: Number((e = o.filterValue) == null ? void 0 : e.value) ? Number((a = o.filterValue) == null ? void 0 : a.value) : 0,
-          onChange: K
-        }
-      );
-    if (i === f.TREE_SELECT)
-      return t != null && t.isCategoryFilter ? /* @__PURE__ */ r(
-        S,
-        {
-          placeholder: T.common.placeholder.select,
-          value: (n = o.filterValue) == null ? void 0 : n.value,
-          onChange: L,
-          treeData: E(s),
-          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
-          treeCheckable: !0,
-          showCheckedStrategy: S.SHOW_ALL,
-          onSearch: re,
-          searchValue: J,
-          onOpenChange: (u) => {
-            u || ie();
-          },
-          style: { width: 330 },
-          tagClosable: !1,
-          maxTagCount: "responsive",
-          maxTagTextLength: 10,
-          loading: !!v,
-          isDynamicNotFound: !!b
-        }
-      ) : /* @__PURE__ */ r(
-        S,
-        {
-          placeholder: T.common.placeholder.select,
-          value: (c = o.filterValue) == null ? void 0 : c.value,
-          onChange: L,
-          treeData: E(s),
-          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
-          treeCheckable: !0,
-          showCheckedStrategy: S.SHOW_ALL,
-          onSearch: (t == null ? void 0 : t.onSearch) || void 0,
-          style: { width: 330 },
-          tagClosable: !1,
-          maxTagCount: "responsive",
-          maxTagTextLength: 10,
-          loading: !!v,
-          isDynamicNotFound: !!b
-        }
-      );
-    if (i === f.SELECT_OPTION_GROUP) {
-      const u = he.flatMap(
-        (p) => p.options.map((V) => ({ ...V, label: `${p.label} / ${V.label}` }))
-      );
-      return /* @__PURE__ */ r(
-        x,
-        {
-          style: { width: 330 },
-          mode: "multiple",
-          value: N,
-          options: u,
-          onClear: () => l.onFilterValueChange([], t, o),
-          onChange: (p) => l.onFilterValueChange(
-            p,
-            t,
-            o
-          ),
-          allowClear: !0,
-          placeholder: T.common.placeholder.select,
-          maxTagCount: "responsive",
-          showSearch: !0,
-          filterOption: (p, V) => V ? String(V.label ?? "").toLowerCase().includes(p.toLowerCase()) : !1,
-          loading: !!v,
-          isDynamicNotFound: !!b
-        }
-      );
-    }
-    return i === f.MULTISELECT ? /* @__PURE__ */ r(
-      S,
-      {
-        placeholder: T.common.placeholder.select,
-        value: (d = o.filterValue) == null ? void 0 : d.value,
-        onChange: L,
-        treeData: E(fe),
-        filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
-        treeCheckable: !0,
-        showCheckedStrategy: S.SHOW_ALL,
-        onSearch: (t == null ? void 0 : t.onSearch) || void 0,
-        style: { width: 330 },
-        tagClosable: !1,
-        maxTagCount: "responsive",
-        maxTagTextLength: 10,
-        loading: !!v,
-        isDynamicNotFound: !!b
-      }
-    ) : /* @__PURE__ */ r(
-      x,
-      {
-        style: { width: 330 },
-        value: N,
-        options: z(s),
-        onClear: () => l.onFilterValueChange([], t, o),
-        onChange: (u) => ne(u),
-        allowClear: !0,
-        placeholder: T.common.placeholder.select,
-        maxTagCount: "responsive",
-        showSearch: !0,
-        filterOption: (u, p) => p ? String(p.label ?? "").toLowerCase().includes(u.toLowerCase()) : !1,
-        loading: !!v,
-        isDynamicNotFound: !!b
-      }
-    );
-  };
-  return /* @__PURE__ */ O(
-    "div",
-    {
-      className: `flex items-center gap-2 ${X ? "" : "mb-3"}`,
-      children: [
-        /* @__PURE__ */ r(
-          x,
-          {
-            showSearch: !0,
-            filterOption: (e, a) => String((a == null ? void 0 : a.label) ?? "").toLowerCase().includes(e.toLowerCase()),
-            style: { width: 162 },
-            options: Q,
-            value: Z,
-            onChange: (e) => te(e)
-          }
-        ),
-        /* @__PURE__ */ r(
-          x,
-          {
-            style: { width: 120 },
-            options: ee.map((e) => ({
-              label: e.label,
-              value: e.value
-            })),
-            value: (H = o.filterValue) == null ? void 0 : H.condition,
-            onChange: (e) => ae(e)
-          }
-        ),
-        pe(),
-        /* @__PURE__ */ r(
-          W,
-          {
-            variant: "text",
-            onClick: oe,
-            className: "ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",
-            icon: /* @__PURE__ */ r(be, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ]
-    }
-  );
-}
-const Me = me(we);
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const s = (a) => a.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, e) => e ? e.toUpperCase() : o.toLowerCase()
+);
 export {
-  Me as FilterRow
+  s as toCamelCase
 };

package/dist/index143.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index140.cjs"),t=require("./index186.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index141.cjs"),t=require("./index181.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index143.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index140.js";
-import { __require as t } from "./index186.js";
+import { getDefaultExportFromCjs as r } from "./index141.js";
+import { __require as t } from "./index181.js";
 var e = t();
 const i = /* @__PURE__ */ r(e);
 export {

package/dist/index144.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index143.cjs"),b=require("./index224.cjs"),v=require("./index145.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index143.cjs"),b=require("./index232.cjs"),v=require("./index145.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
            rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
            rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;

package/dist/index144.js

@@ -1,6 +1,6 @@
 import i, { PureComponent as d, Component as f } from "react";
 import b from "./index143.js";
-import { calculateChange as v } from "./index224.js";
+import { calculateChange as v } from "./index232.js";
 import { Checkboard as g } from "./index145.js";
 var m = Object.assign || function(n) {
   for (var t = 1; t < arguments.length; t++) {

package/dist/index145.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index143.cjs"),h=require("./index225.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index143.cjs"),h=require("./index233.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;

package/dist/index145.js

@@ -1,6 +1,6 @@
 import n, { isValidElement as u } from "react";
 import b from "./index143.js";
-import { get as g } from "./index225.js";
+import { get as g } from "./index233.js";
 var s = Object.assign || function(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r];

package/dist/index147.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("./index143.cjs"),v=require("./index226.cjs");var b=(function(){function t(e,o){for(var r=0;r<o.length;r++){var n=o[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,o,r){return o&&t(e.prototype,o),r&&t(e,r),e}})();function g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function m(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var c=(function(t){m(e,t);function e(){var o,r,n,u;g(this,e);for(var a=arguments.length,l=Array(a),f=0;f<a;f++)l[f]=arguments[f];return u=(r=(n=p(this,(o=e.__proto__||Object.getPrototypeOf(e)).call.apply(o,[this].concat(l))),n),n.handleChange=function(h){var s=v.calculateChange(h,n.props.direction,n.props.hsl,n.container);s&&typeof n.props.onChange=="function"&&n.props.onChange(s,h)},n.handleMouseDown=function(h){n.handleChange(h),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},r),p(n,u)}return b(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,u=n===void 0?"horizontal":n,a=d.default({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:u==="vertical"});return i.createElement("div",{style:a.hue},i.createElement("div",{className:"hue-"+u,style:a.container,ref:function(f){return r.container=f},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.createElement("style",null,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("./index143.cjs"),v=require("./index234.cjs");var b=(function(){function t(e,o){for(var r=0;r<o.length;r++){var n=o[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,o,r){return o&&t(e.prototype,o),r&&t(e,r),e}})();function g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function m(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var c=(function(t){m(e,t);function e(){var o,r,n,u;g(this,e);for(var a=arguments.length,l=Array(a),f=0;f<a;f++)l[f]=arguments[f];return u=(r=(n=p(this,(o=e.__proto__||Object.getPrototypeOf(e)).call.apply(o,[this].concat(l))),n),n.handleChange=function(h){var s=v.calculateChange(h,n.props.direction,n.props.hsl,n.container);s&&typeof n.props.onChange=="function"&&n.props.onChange(s,h)},n.handleMouseDown=function(h){n.handleChange(h),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},r),p(n,u)}return b(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,u=n===void 0?"horizontal":n,a=d.default({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:u==="vertical"});return i.createElement("div",{style:a.hue},i.createElement("div",{className:"hue-"+u,style:a.container,ref:function(f){return r.container=f},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.createElement("style",null,`
             .hue-horizontal {
               background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
                 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);

package/dist/index147.js

@@ -1,6 +1,6 @@
 import f, { PureComponent as c, Component as d } from "react";
 import v from "./index143.js";
-import { calculateChange as m } from "./index226.js";
+import { calculateChange as m } from "./index234.js";
 var b = /* @__PURE__ */ (function() {
   function t(e, o) {
     for (var r = 0; r < o.length; r++) {

package/dist/index149.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),f=require("./index143.cjs"),b=require("./index227.cjs"),v=require("./index228.cjs");var g=(function(){function r(t,o){for(var e=0;e<o.length;e++){var n=o[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(t,o,e){return o&&r(t.prototype,o),e&&r(t,e),t}})();function w(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function m(r,t){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:r}function y(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(r,t):r.__proto__=t)}var l=(function(r){y(t,r);function t(o){w(this,t);var e=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,o));return e.handleChange=function(n){typeof e.props.onChange=="function"&&e.throttle(e.props.onChange,v.calculateChange(n,e.props.hsl,e.container),n)},e.handleMouseDown=function(n){e.handleChange(n);var a=e.getContainerRenderWindow();a.addEventListener("mousemove",e.handleChange),a.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.throttle=b(function(n,a,s){n(a,s)},50),e}return g(t,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var e=this.container,n=window;!n.document.contains(e)&&n.parent!==n;)n=n.parent;return n}},{key:"unbindEventListeners",value:function(){var e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,n=this.props.style||{},a=n.color,s=n.white,c=n.black,h=n.pointer,p=n.circle,u=f.default({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),f=require("./index143.cjs"),b=require("./index235.cjs"),v=require("./index236.cjs");var g=(function(){function r(t,o){for(var e=0;e<o.length;e++){var n=o[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(t,o,e){return o&&r(t.prototype,o),e&&r(t,e),t}})();function w(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function m(r,t){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:r}function y(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(r,t):r.__proto__=t)}var l=(function(r){y(t,r);function t(o){w(this,t);var e=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,o));return e.handleChange=function(n){typeof e.props.onChange=="function"&&e.throttle(e.props.onChange,v.calculateChange(n,e.props.hsl,e.container),n)},e.handleMouseDown=function(n){e.handleChange(n);var a=e.getContainerRenderWindow();a.addEventListener("mousemove",e.handleChange),a.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.throttle=b(function(n,a,s){n(a,s)},50),e}return g(t,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var e=this.container,n=window;!n.document.contains(e)&&n.parent!==n;)n=n.parent;return n}},{key:"unbindEventListeners",value:function(){var e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,n=this.props.style||{},a=n.color,s=n.white,c=n.black,h=n.pointer,p=n.circle,u=f.default({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
             0 0 1px 2px rgba(0,0,0,.4)`,borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:a,white:s,black:c,pointer:h,circle:p}},{custom:!!this.props.style});return i.createElement("div",{style:u.color,ref:function(d){return e.container=d},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.createElement("style",null,`
           .saturation-white {
             background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));

package/dist/index149.js

@@ -1,7 +1,7 @@
 import i, { PureComponent as d, Component as f } from "react";
 import b from "./index143.js";
-import m from "./index227.js";
-import { calculateChange as v } from "./index228.js";
+import m from "./index235.js";
+import { calculateChange as v } from "./index236.js";
 var g = /* @__PURE__ */ (function() {
   function r(t, o) {
     for (var e = 0; e < o.length; e++) {

package/dist/index151.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),x=require("./index143.cjs"),E=require("./index229.cjs"),O=require("./index145.cjs");var f=Object.assign||function(o){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r])}return o},q=13,w=function(e){var n=e.color,r=e.style,a=e.onClick,i=a===void 0?function(){}:a,c=e.onHover,l=e.title,b=l===void 0?n:l,y=e.children,p=e.focus,u=e.focusStyle,S=u===void 0?{}:u,C=n==="transparent",s=x.default({default:{swatch:f({background:n,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,p?S:{})}}),g=function(t){return i(n,t)},k=function(t){return t.keyCode===q&&i(n,t)},m=function(t){return c(n,t)},d={};return c&&(d.onMouseOver=m),v.createElement("div",f({style:s.swatch,onClick:g,title:b,tabIndex:0,onKeyDown:k},d),y,C&&v.createElement(O.Checkboard,{borderRadius:s.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const H=E.handleFocus(w);exports.Swatch=w;exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),x=require("./index143.cjs"),E=require("./index237.cjs"),O=require("./index145.cjs");var f=Object.assign||function(o){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r])}return o},q=13,w=function(e){var n=e.color,r=e.style,a=e.onClick,i=a===void 0?function(){}:a,c=e.onHover,l=e.title,b=l===void 0?n:l,y=e.children,p=e.focus,u=e.focusStyle,S=u===void 0?{}:u,C=n==="transparent",s=x.default({default:{swatch:f({background:n,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,p?S:{})}}),g=function(t){return i(n,t)},k=function(t){return t.keyCode===q&&i(n,t)},m=function(t){return c(n,t)},d={};return c&&(d.onMouseOver=m),v.createElement("div",f({style:s.swatch,onClick:g,title:b,tabIndex:0,onKeyDown:k},d),y,C&&v.createElement(O.Checkboard,{borderRadius:s.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const H=E.handleFocus(w);exports.Swatch=w;exports.default=H;

package/dist/index151.js

@@ -1,6 +1,6 @@
 import f from "react";
 import g from "./index143.js";
-import { handleFocus as x } from "./index229.js";
+import { handleFocus as x } from "./index237.js";
 import { Checkboard as E } from "./index145.js";
 var v = Object.assign || function(r) {
   for (var e = 1; e < arguments.length; e++) {

package/dist/index153.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index140.cjs"),r=require("./index181.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";const e=require("./index141.cjs"),r=require("./index189.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/index153.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index140.js";
-import { __require as o } from "./index181.js";
+import { getDefaultExportFromCjs as r } from "./index141.js";
+import { __require as o } from "./index189.js";
 var p = /* @__PURE__ */ o();
 const s = /* @__PURE__ */ r(p);
 export {

package/dist/index157.cjs

@@ -1 +1 @@
-"use strict";const s=require("./index197.cjs"),t=require("./index198.cjs"),u=require("./index199.cjs"),n=require("./index200.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;
+"use strict";const s=require("./index199.cjs"),t=require("./index200.cjs"),u=require("./index201.cjs"),n=require("./index202.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;

package/dist/index157.js

@@ -1,7 +1,7 @@
-import t from "./index197.js";
-import o from "./index198.js";
-import p from "./index199.js";
-import e from "./index200.js";
+import t from "./index199.js";
+import o from "./index200.js";
+import p from "./index201.js";
+import e from "./index202.js";
 function n(r, a) {
   var m = e(r) ? t : p;
   return m(r, o(a));

package/dist/index160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index143.cjs"),f=require("./index155.cjs"),h=require("./index202.cjs");require("./index144.cjs");require("./index145.cjs");const o=require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index151.cjs");const g=require("./index203.cjs");var b=(function(){function n(l,r){for(var t=0;t<r.length;t++){var e=r[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(l,e.key,e)}}return function(l,r,t){return r&&n(l.prototype,r),t&&n(l,t),l}})();function c(n,l){if(!(n instanceof l))throw new TypeError("Cannot call a class as a function")}function d(n,l){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return l&&(typeof l=="object"||typeof l=="function")?l:n}function v(n,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);n.prototype=Object.create(l&&l.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(n,l):n.__proto__=l)}var a=(function(n){v(l,n);function l(r){c(this,l);var t=d(this,(l.__proto__||Object.getPrototypeOf(l)).call(this));return t.toggleViews=function(){t.state.view==="hex"?t.setState({view:"rgb"}):t.state.view==="rgb"?t.setState({view:"hsl"}):t.state.view==="hsl"&&(t.props.hsl.a===1?t.setState({view:"hex"}):t.setState({view:"rgb"}))},t.handleChange=function(e,s){e.hex?f.isValidHex(e.hex)&&t.props.onChange({hex:e.hex,source:"hex"},s):e.r||e.g||e.b?t.props.onChange({r:e.r||t.props.rgb.r,g:e.g||t.props.rgb.g,b:e.b||t.props.rgb.b,source:"rgb"},s):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),t.props.onChange({h:t.props.hsl.h,s:t.props.hsl.s,l:t.props.hsl.l,a:Math.round(e.a*100)/100,source:"rgb"},s)):(e.h||e.s||e.l)&&(typeof e.s=="string"&&e.s.includes("%")&&(e.s=e.s.replace("%","")),typeof e.l=="string"&&e.l.includes("%")&&(e.l=e.l.replace("%","")),e.s==1?e.s=.01:e.l==1&&(e.l=.01),t.props.onChange({h:e.h||t.props.hsl.h,s:Number(h(e.s)?t.props.hsl.s:e.s),l:Number(h(e.l)?t.props.hsl.l:e.l),source:"hsl"},s))},t.showHighlight=function(e){e.currentTarget.style.background="#eee"},t.hideHighlight=function(e){e.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?t.state={view:"rgb"}:t.state={view:r.view},t}return b(l,[{key:"render",value:function(){var t=this,e=u.default({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),s=void 0;return this.state.view==="hex"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),i.createElement("div",{style:e.wrap,className:"flexbox-fix"},s,i.createElement("div",{style:e.toggle},i.createElement("div",{style:e.icon,onClick:this.toggleViews,ref:function(p){return t.icon=p}},i.createElement(g,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.hsl.a!==1&&e.view==="hex"?{view:"rgb"}:null}}]),l})(i.Component);a.defaultProps={view:"hex"};exports.ChromeFields=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index143.cjs"),f=require("./index155.cjs"),h=require("./index197.cjs");require("./index144.cjs");require("./index145.cjs");const o=require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index151.cjs");const g=require("./index198.cjs");var b=(function(){function n(l,r){for(var t=0;t<r.length;t++){var e=r[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(l,e.key,e)}}return function(l,r,t){return r&&n(l.prototype,r),t&&n(l,t),l}})();function c(n,l){if(!(n instanceof l))throw new TypeError("Cannot call a class as a function")}function d(n,l){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return l&&(typeof l=="object"||typeof l=="function")?l:n}function v(n,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);n.prototype=Object.create(l&&l.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(n,l):n.__proto__=l)}var a=(function(n){v(l,n);function l(r){c(this,l);var t=d(this,(l.__proto__||Object.getPrototypeOf(l)).call(this));return t.toggleViews=function(){t.state.view==="hex"?t.setState({view:"rgb"}):t.state.view==="rgb"?t.setState({view:"hsl"}):t.state.view==="hsl"&&(t.props.hsl.a===1?t.setState({view:"hex"}):t.setState({view:"rgb"}))},t.handleChange=function(e,s){e.hex?f.isValidHex(e.hex)&&t.props.onChange({hex:e.hex,source:"hex"},s):e.r||e.g||e.b?t.props.onChange({r:e.r||t.props.rgb.r,g:e.g||t.props.rgb.g,b:e.b||t.props.rgb.b,source:"rgb"},s):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),t.props.onChange({h:t.props.hsl.h,s:t.props.hsl.s,l:t.props.hsl.l,a:Math.round(e.a*100)/100,source:"rgb"},s)):(e.h||e.s||e.l)&&(typeof e.s=="string"&&e.s.includes("%")&&(e.s=e.s.replace("%","")),typeof e.l=="string"&&e.l.includes("%")&&(e.l=e.l.replace("%","")),e.s==1?e.s=.01:e.l==1&&(e.l=.01),t.props.onChange({h:e.h||t.props.hsl.h,s:Number(h(e.s)?t.props.hsl.s:e.s),l:Number(h(e.l)?t.props.hsl.l:e.l),source:"hsl"},s))},t.showHighlight=function(e){e.currentTarget.style.background="#eee"},t.hideHighlight=function(e){e.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?t.state={view:"rgb"}:t.state={view:r.view},t}return b(l,[{key:"render",value:function(){var t=this,e=u.default({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),s=void 0;return this.state.view==="hex"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),i.createElement("div",{style:e.wrap,className:"flexbox-fix"},s,i.createElement("div",{style:e.toggle},i.createElement("div",{style:e.icon,onClick:this.toggleViews,ref:function(p){return t.icon=p}},i.createElement(g,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.hsl.a!==1&&e.view==="hex"?{view:"rgb"}:null}}]),l})(i.Component);a.defaultProps={view:"hex"};exports.ChromeFields=a;exports.default=a;

package/dist/index160.js

@@ -1,7 +1,7 @@
 import i from "react";
 import p from "./index143.js";
 import { isValidHex as f } from "./index155.js";
-import h from "./index202.js";
+import h from "./index197.js";
 import "./index144.js";
 import "./index145.js";
 import { EditableInput as s } from "./index146.js";
@@ -9,7 +9,7 @@ import "./index147.js";
 import "./index148.js";
 import "./index149.js";
 import "./index151.js";
-import u from "./index203.js";
+import u from "./index198.js";
 var g = /* @__PURE__ */ (function() {
   function n(l, r) {
     for (var t = 0; t < r.length; t++) {

package/dist/index174.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),h=require("./index143.cjs"),c=require("./index201.cjs");var i=function(r){var s=r.onClick,e=r.hsl,l=h.default({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),a=.1;return t.createElement("div",{style:l.swatches},t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".80",active:Math.abs(e.l-.8)<a&&Math.abs(e.s-.5)<a,onClick:s,first:!0})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".65",active:Math.abs(e.l-.65)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".50",active:Math.abs(e.l-.5)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".35",active:Math.abs(e.l-.35)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".20",active:Math.abs(e.l-.2)<a&&Math.abs(e.s-.5)<a,onClick:s,last:!0})),t.createElement("div",{style:l.clear}))};exports.SliderSwatches=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),h=require("./index143.cjs"),c=require("./index203.cjs");var i=function(r){var s=r.onClick,e=r.hsl,l=h.default({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),a=.1;return t.createElement("div",{style:l.swatches},t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".80",active:Math.abs(e.l-.8)<a&&Math.abs(e.s-.5)<a,onClick:s,first:!0})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".65",active:Math.abs(e.l-.65)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".50",active:Math.abs(e.l-.5)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".35",active:Math.abs(e.l-.35)<a&&Math.abs(e.s-.5)<a,onClick:s})),t.createElement("div",{style:l.swatch},t.createElement(c.SliderSwatch,{hsl:e,offset:".20",active:Math.abs(e.l-.2)<a&&Math.abs(e.s-.5)<a,onClick:s,last:!0})),t.createElement("div",{style:l.clear}))};exports.SliderSwatches=i;exports.default=i;