@ikas/core 1.0.50 → 1.0.52

package/dist/index73.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index73.js

@@ -1,4 +1,4 @@
-import a from "./index132.js";
+import a from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index74.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index74.js

@@ -1,4 +1,4 @@
-import c from "./index132.js";
+import c from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index75.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index75.js

@@ -1,4 +1,4 @@
-import e from "./index132.js";
+import e from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index80.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index80.js

@@ -1,4 +1,4 @@
-import e from "./index132.js";
+import e from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index81.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index81.js

@@ -1,4 +1,4 @@
-import o from "./index132.js";
+import o from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index82.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index132.cjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index135.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index82.js

@@ -1,4 +1,4 @@
-import e from "./index132.js";
+import e from "./index135.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("./index146.cjs"),m=require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const P=require("./index153.cjs");require("./index154.cjs");const b=require("./index155.cjs");var y=Object.assign||function(i){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(i[t]=r[t])}return i},a=function(e){var r=e.rgb,t=e.hsl,s=e.width,h=e.height,p=e.onChange,c=e.direction,u=e.style,d=e.renderers,g=e.pointer,n=e.className,q=n===void 0?"":n,l=v.default({default:{picker:{position:"relative",width:s,height:h},alpha:{radius:"2px",style:u}}});return o.createElement("div",{style:l.picker,className:"alpha-picker "+q},o.createElement(m.Alpha,y({},l.alpha,{rgb:r,hsl:t,pointer:g,renderers:d,onChange:p,direction:c})))};a.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:b.AlphaPointer};P.ColorWrap(a);exports.AlphaPicker=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("./index154.cjs"),m=require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const P=require("./index161.cjs");require("./index162.cjs");const b=require("./index163.cjs");var y=Object.assign||function(i){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(i[t]=r[t])}return i},a=function(e){var r=e.rgb,t=e.hsl,s=e.width,h=e.height,p=e.onChange,c=e.direction,u=e.style,d=e.renderers,g=e.pointer,n=e.className,q=n===void 0?"":n,l=v.default({default:{picker:{position:"relative",width:s,height:h},alpha:{radius:"2px",style:u}}});return o.createElement("div",{style:l.picker,className:"alpha-picker "+q},o.createElement(m.Alpha,y({},l.alpha,{rgb:r,hsl:t,pointer:g,renderers:d,onChange:p,direction:c})))};a.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:b.AlphaPointer};P.ColorWrap(a);exports.AlphaPicker=a;

package/dist/index83.js

@@ -1,14 +1,14 @@
 import n from "react";
-import v from "./index146.js";
-import { Alpha as f } from "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import "./index150.js";
-import "./index151.js";
-import "./index152.js";
-import { ColorWrap as b } from "./index153.js";
-import "./index154.js";
-import { AlphaPointer as w } from "./index155.js";
+import v from "./index154.js";
+import { Alpha as f } from "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index160.js";
+import { ColorWrap as b } from "./index161.js";
+import "./index162.js";
+import { AlphaPointer as w } from "./index163.js";
 var x = Object.assign || function(i) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r];

package/dist/index84.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./index156.cjs"),m=require("./index146.cjs"),C=require("./index157.cjs"),c=require("./index158.cjs");require("./index147.cjs");const q=require("./index148.cjs"),w=require("./index149.cjs");require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const S=require("./index153.cjs");require("./index154.cjs");const k=require("./index159.cjs");var a=function(e){var p=e.onChange,u=e.onSwatchHover,o=e.hex,h=e.colors,x=e.width,g=e.triangle,i=e.styles,b=i===void 0?{}:i,l=e.className,y=l===void 0?"":l,v=o==="transparent",s=function(d,f){c.isValidHex(d)&&p({hex:d,source:"hex"},f)},n=m.default(C({default:{card:{width:x,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:c.getContrastingColor(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},b),{"hide-triangle":g==="hide"});return t.createElement("div",{style:n.card,className:"block-picker "+y},t.createElement("div",{style:n.triangle}),t.createElement("div",{style:n.head},v&&t.createElement(q.Checkboard,{borderRadius:"6px 6px 0 0"}),t.createElement("div",{style:n.label},o)),t.createElement("div",{style:n.body},t.createElement(k.BlockSwatches,{colors:h,onClick:s,onSwatchHover:u}),t.createElement(w.EditableInput,{style:{input:n.input},value:o,onChange:s})))};a.propTypes={width:r.oneOfType([r.string,r.number]),colors:r.arrayOf(r.string),triangle:r.oneOf(["top","hide"]),styles:r.object};a.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};S.ColorWrap(a);exports.Block=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./index164.cjs"),m=require("./index154.cjs"),C=require("./index165.cjs"),c=require("./index166.cjs");require("./index155.cjs");const q=require("./index156.cjs"),w=require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const S=require("./index161.cjs");require("./index162.cjs");const k=require("./index167.cjs");var a=function(e){var p=e.onChange,u=e.onSwatchHover,o=e.hex,h=e.colors,x=e.width,g=e.triangle,i=e.styles,b=i===void 0?{}:i,l=e.className,y=l===void 0?"":l,v=o==="transparent",s=function(d,f){c.isValidHex(d)&&p({hex:d,source:"hex"},f)},n=m.default(C({default:{card:{width:x,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:c.getContrastingColor(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},b),{"hide-triangle":g==="hide"});return t.createElement("div",{style:n.card,className:"block-picker "+y},t.createElement("div",{style:n.triangle}),t.createElement("div",{style:n.head},v&&t.createElement(q.Checkboard,{borderRadius:"6px 6px 0 0"}),t.createElement("div",{style:n.label},o)),t.createElement("div",{style:n.body},t.createElement(k.BlockSwatches,{colors:h,onClick:s,onSwatchHover:u}),t.createElement(w.EditableInput,{style:{input:n.input},value:o,onChange:s})))};a.propTypes={width:r.oneOfType([r.string,r.number]),colors:r.arrayOf(r.string),triangle:r.oneOf(["top","hide"]),styles:r.object};a.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};S.ColorWrap(a);exports.Block=a;

package/dist/index84.js

@@ -1,17 +1,17 @@
 import t from "react";
-import r from "./index156.js";
-import y from "./index146.js";
-import v from "./index157.js";
-import { getContrastingColor as C, isValidHex as w } from "./index158.js";
-import "./index147.js";
-import { Checkboard as S } from "./index148.js";
-import { EditableInput as E } from "./index149.js";
-import "./index150.js";
-import "./index151.js";
-import "./index152.js";
-import { ColorWrap as k } from "./index153.js";
-import "./index154.js";
-import { BlockSwatches as R } from "./index159.js";
+import r from "./index164.js";
+import y from "./index154.js";
+import v from "./index165.js";
+import { getContrastingColor as C, isValidHex as w } from "./index166.js";
+import "./index155.js";
+import { Checkboard as S } from "./index156.js";
+import { EditableInput as E } from "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index160.js";
+import { ColorWrap as k } from "./index161.js";
+import "./index162.js";
+import { BlockSwatches as R } from "./index167.js";
 var i = function(e) {
   var s = e.onChange, c = e.onSwatchHover, o = e.hex, m = e.colors, h = e.width, x = e.triangle, n = e.styles, g = n === void 0 ? {} : n, l = e.className, b = l === void 0 ? "" : l, f = o === "transparent", p = function(d, u) {
     w(d) && s({

package/dist/index85.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index156.cjs"),b=require("./index146.cjs"),v=require("./index160.cjs"),x=require("./index157.cjs"),e=require("./index161.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const f=require("./index153.cjs");require("./index154.cjs");const z=require("./index162.cjs");var l=function(r){var s=r.width,u=r.onChange,d=r.onSwatchHover,p=r.colors,g=r.hex,h=r.circleSize,t=r.styles,m=t===void 0?{}:t,n=r.circleSpacing,a=r.className,S=a===void 0?"":a,y=b.default(x({default:{card:{width:s,display:"flex",flexWrap:"wrap",marginRight:-n,marginBottom:-n}}},m)),q=function(w,C){return u({hex:w,source:"hex"},C)};return o.createElement("div",{style:y.card,className:"circle-picker "+S},v(p,function(c){return o.createElement(z.default,{key:c,color:c,onClick:q,onSwatchHover:d,active:g===c.toLowerCase(),circleSize:h,circleSpacing:n})}))};l.propTypes={width:i.oneOfType([i.string,i.number]),circleSize:i.number,circleSpacing:i.number,styles:i.object};l.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[e.red[500],e.pink[500],e.purple[500],e.deepPurple[500],e.indigo[500],e.blue[500],e.lightBlue[500],e.cyan[500],e.teal[500],e.green[500],e.lightGreen[500],e.lime[500],e.yellow[500],e.amber[500],e.orange[500],e.deepOrange[500],e.brown[500],e.blueGrey[500]],styles:{}};f.ColorWrap(l);exports.Circle=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index164.cjs"),b=require("./index154.cjs"),v=require("./index168.cjs"),x=require("./index165.cjs"),e=require("./index169.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const f=require("./index161.cjs");require("./index162.cjs");const z=require("./index170.cjs");var l=function(r){var s=r.width,u=r.onChange,d=r.onSwatchHover,p=r.colors,g=r.hex,h=r.circleSize,t=r.styles,m=t===void 0?{}:t,n=r.circleSpacing,a=r.className,S=a===void 0?"":a,y=b.default(x({default:{card:{width:s,display:"flex",flexWrap:"wrap",marginRight:-n,marginBottom:-n}}},m)),q=function(w,C){return u({hex:w,source:"hex"},C)};return o.createElement("div",{style:y.card,className:"circle-picker "+S},v(p,function(c){return o.createElement(z.default,{key:c,color:c,onClick:q,onSwatchHover:d,active:g===c.toLowerCase(),circleSize:h,circleSpacing:n})}))};l.propTypes={width:i.oneOfType([i.string,i.number]),circleSize:i.number,circleSpacing:i.number,styles:i.object};l.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[e.red[500],e.pink[500],e.purple[500],e.deepPurple[500],e.indigo[500],e.blue[500],e.lightBlue[500],e.cyan[500],e.teal[500],e.green[500],e.lightGreen[500],e.lime[500],e.yellow[500],e.amber[500],e.orange[500],e.deepOrange[500],e.brown[500],e.blueGrey[500]],styles:{}};f.ColorWrap(l);exports.Circle=l;

package/dist/index85.js

@@ -1,18 +1,18 @@
 import a from "react";
-import r from "./index156.js";
-import C from "./index146.js";
-import v from "./index160.js";
-import b from "./index157.js";
-import { red as x, pink as z, purple as k, deepPurple as N, indigo as H, blue as P, lightBlue as T, cyan as B, teal as E, green as G, lightGreen as O, lime as R, yellow as W, amber as $, orange as j, deepOrange as L, brown as q, blueGrey as A } from "./index161.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import "./index150.js";
-import "./index151.js";
-import "./index152.js";
-import { ColorWrap as D } from "./index153.js";
-import "./index154.js";
-import F from "./index162.js";
+import r from "./index164.js";
+import C from "./index154.js";
+import v from "./index168.js";
+import b from "./index165.js";
+import { red as x, pink as z, purple as k, deepPurple as N, indigo as H, blue as P, lightBlue as T, cyan as B, teal as E, green as G, lightGreen as O, lime as R, yellow as W, amber as $, orange as j, deepOrange as L, brown as q, blueGrey as A } from "./index169.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index160.js";
+import { ColorWrap as D } from "./index161.js";
+import "./index162.js";
+import F from "./index170.js";
 var t = function(e) {
   var n = e.width, p = e.onChange, m = e.onSwatchHover, s = e.colors, d = e.hex, h = e.circleSize, c = e.styles, g = c === void 0 ? {} : c, o = e.circleSpacing, l = e.className, u = l === void 0 ? "" : l, S = C(b({
     default: {

package/dist/index86.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index156.cjs"),y=require("./index146.cjs"),C=require("./index157.cjs"),w=require("./index147.cjs"),f=require("./index148.cjs");require("./index149.cjs");const q=require("./index150.cjs");require("./index151.cjs");const E=require("./index152.cjs"),A=require("./index153.cjs");require("./index154.cjs");const S=require("./index163.cjs"),c=require("./index164.cjs"),k=require("./index165.cjs");var s=function(r){var u=r.width,o=r.onChange,n=r.disableAlpha,a=r.rgb,l=r.hsl,x=r.hsv,m=r.hex,d=r.renderers,h=r.styles,b=h===void 0?{}:h,p=r.className,g=p===void 0?"":p,v=r.defaultView,t=y.default(C({default:{picker:{width:u,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+a.r+", "+a.g+", "+a.b+", "+a.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},b),{disableAlpha:n});return e.createElement("div",{style:t.picker,className:"chrome-picker "+g},e.createElement("div",{style:t.saturation},e.createElement(E.Saturation,{style:t.Saturation,hsl:l,hsv:x,pointer:k.ChromePointerCircle,onChange:o})),e.createElement("div",{style:t.body},e.createElement("div",{style:t.controls,className:"flexbox-fix"},e.createElement("div",{style:t.color},e.createElement("div",{style:t.swatch},e.createElement("div",{style:t.active}),e.createElement(f.Checkboard,{renderers:d}))),e.createElement("div",{style:t.toggles},e.createElement("div",{style:t.hue},e.createElement(q.Hue,{style:t.Hue,hsl:l,pointer:c.ChromePointer,onChange:o})),e.createElement("div",{style:t.alpha},e.createElement(w.Alpha,{style:t.Alpha,rgb:a,hsl:l,pointer:c.ChromePointer,renderers:d,onChange:o})))),e.createElement(S.ChromeFields,{rgb:a,hsl:l,hex:m,view:v,onChange:o,disableAlpha:n})))};s.propTypes={width:i.oneOfType([i.string,i.number]),disableAlpha:i.bool,styles:i.object,defaultView:i.oneOf(["hex","rgb","hsl"])};s.defaultProps={width:225,disableAlpha:!1,styles:{}};const P=A.ColorWrap(s);exports.Chrome=s;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index164.cjs"),y=require("./index154.cjs"),C=require("./index165.cjs"),w=require("./index155.cjs"),f=require("./index156.cjs");require("./index157.cjs");const q=require("./index158.cjs");require("./index159.cjs");const E=require("./index160.cjs"),A=require("./index161.cjs");require("./index162.cjs");const S=require("./index171.cjs"),c=require("./index172.cjs"),k=require("./index173.cjs");var s=function(r){var u=r.width,o=r.onChange,n=r.disableAlpha,a=r.rgb,l=r.hsl,x=r.hsv,m=r.hex,d=r.renderers,h=r.styles,b=h===void 0?{}:h,p=r.className,g=p===void 0?"":p,v=r.defaultView,t=y.default(C({default:{picker:{width:u,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+a.r+", "+a.g+", "+a.b+", "+a.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},b),{disableAlpha:n});return e.createElement("div",{style:t.picker,className:"chrome-picker "+g},e.createElement("div",{style:t.saturation},e.createElement(E.Saturation,{style:t.Saturation,hsl:l,hsv:x,pointer:k.ChromePointerCircle,onChange:o})),e.createElement("div",{style:t.body},e.createElement("div",{style:t.controls,className:"flexbox-fix"},e.createElement("div",{style:t.color},e.createElement("div",{style:t.swatch},e.createElement("div",{style:t.active}),e.createElement(f.Checkboard,{renderers:d}))),e.createElement("div",{style:t.toggles},e.createElement("div",{style:t.hue},e.createElement(q.Hue,{style:t.Hue,hsl:l,pointer:c.ChromePointer,onChange:o})),e.createElement("div",{style:t.alpha},e.createElement(w.Alpha,{style:t.Alpha,rgb:a,hsl:l,pointer:c.ChromePointer,renderers:d,onChange:o})))),e.createElement(S.ChromeFields,{rgb:a,hsl:l,hex:m,view:v,onChange:o,disableAlpha:n})))};s.propTypes={width:i.oneOfType([i.string,i.number]),disableAlpha:i.bool,styles:i.object,defaultView:i.oneOf(["hex","rgb","hsl"])};s.defaultProps={width:225,disableAlpha:!1,styles:{}};const P=A.ColorWrap(s);exports.Chrome=s;exports.default=P;

package/dist/index86.js

@@ -1,18 +1,18 @@
 import e from "react";
-import o from "./index156.js";
-import y from "./index146.js";
-import v from "./index157.js";
-import { Alpha as w } from "./index147.js";
-import { Checkboard as C } from "./index148.js";
-import "./index149.js";
-import { Hue as E } from "./index150.js";
-import "./index151.js";
-import { Saturation as A } from "./index152.js";
-import { ColorWrap as S } from "./index153.js";
-import "./index154.js";
-import { ChromeFields as k } from "./index163.js";
-import { ChromePointer as m } from "./index164.js";
-import { ChromePointerCircle as N } from "./index165.js";
+import o from "./index164.js";
+import y from "./index154.js";
+import v from "./index165.js";
+import { Alpha as w } from "./index155.js";
+import { Checkboard as C } from "./index156.js";
+import "./index157.js";
+import { Hue as E } from "./index158.js";
+import "./index159.js";
+import { Saturation as A } from "./index160.js";
+import { ColorWrap as S } from "./index161.js";
+import "./index162.js";
+import { ChromeFields as k } from "./index171.js";
+import { ChromePointer as m } from "./index172.js";
+import { ChromePointerCircle as N } from "./index173.js";
 var s = function(r) {
   var x = r.width, i = r.onChange, p = r.disableAlpha, a = r.rgb, l = r.hsl, c = r.hsv, g = r.hex, n = r.renderers, d = r.styles, b = d === void 0 ? {} : d, h = r.className, u = h === void 0 ? "" : h, f = r.defaultView, t = y(v({
     default: {

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./index156.cjs"),q=require("./index146.cjs"),x=require("./index160.cjs"),y=require("./index157.cjs"),D=require("./index158.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");const E=require("./index151.cjs");require("./index152.cjs");const v=require("./index153.cjs");require("./index154.cjs");const B=require("./index166.cjs"),f=require("./index167.cjs");var c=function(e){var n=e.onChange,d=e.onSwatchHover,m=e.colors,i=e.hex,h=e.rgb,l=e.styles,u=l===void 0?{}:l,C=e.className,g=C===void 0?"":C,a=q.default(y({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},u)),p=function(t,F){t.hex?D.isValidHex(t.hex)&&n({hex:t.hex,source:"hex"},F):n(t,F)};return r.createElement(E.Raised,{style:a.Compact,styles:u},r.createElement("div",{style:a.compact,className:"compact-picker "+g},r.createElement("div",null,x(m,function(o){return r.createElement(B.CompactColor,{key:o,color:o,active:o.toLowerCase()===i,onClick:p,onSwatchHover:d})}),r.createElement("div",{style:a.clear})),r.createElement(f.CompactFields,{hex:i,rgb:h,onChange:p})))};c.propTypes={colors:s.arrayOf(s.string),styles:s.object};c.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};v.ColorWrap(c);exports.Compact=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./index164.cjs"),q=require("./index154.cjs"),x=require("./index168.cjs"),y=require("./index165.cjs"),D=require("./index166.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");const E=require("./index159.cjs");require("./index160.cjs");const v=require("./index161.cjs");require("./index162.cjs");const B=require("./index174.cjs"),f=require("./index175.cjs");var c=function(e){var n=e.onChange,d=e.onSwatchHover,m=e.colors,i=e.hex,h=e.rgb,l=e.styles,u=l===void 0?{}:l,C=e.className,g=C===void 0?"":C,a=q.default(y({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},u)),p=function(t,F){t.hex?D.isValidHex(t.hex)&&n({hex:t.hex,source:"hex"},F):n(t,F)};return r.createElement(E.Raised,{style:a.Compact,styles:u},r.createElement("div",{style:a.compact,className:"compact-picker "+g},r.createElement("div",null,x(m,function(o){return r.createElement(B.CompactColor,{key:o,color:o,active:o.toLowerCase()===i,onClick:p,onSwatchHover:d})}),r.createElement("div",{style:a.clear})),r.createElement(f.CompactFields,{hex:i,rgb:h,onChange:p})))};c.propTypes={colors:s.arrayOf(s.string),styles:s.object};c.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};v.ColorWrap(c);exports.Compact=c;

package/dist/index87.js

@@ -1,19 +1,19 @@
 import o from "react";
-import c from "./index156.js";
-import g from "./index146.js";
-import u from "./index160.js";
-import y from "./index157.js";
-import { isValidHex as D } from "./index158.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import "./index150.js";
-import { Raised as E } from "./index151.js";
-import "./index152.js";
-import { ColorWrap as B } from "./index153.js";
-import "./index154.js";
-import { CompactColor as v } from "./index166.js";
-import { CompactFields as A } from "./index167.js";
+import c from "./index164.js";
+import g from "./index154.js";
+import u from "./index168.js";
+import y from "./index165.js";
+import { isValidHex as D } from "./index166.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import { Raised as E } from "./index159.js";
+import "./index160.js";
+import { ColorWrap as B } from "./index161.js";
+import "./index162.js";
+import { CompactColor as v } from "./index174.js";
+import { CompactFields as A } from "./index175.js";
 var m = function(e) {
   var p = e.onChange, d = e.onSwatchHover, f = e.colors, i = e.hex, h = e.rgb, l = e.styles, s = l === void 0 ? {} : l, n = e.className, x = n === void 0 ? "" : n, a = g(y({
     default: {

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./index156.cjs"),m=require("./index146.cjs"),w=require("./index160.cjs"),y=require("./index157.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const C=require("./index153.cjs");require("./index154.cjs");const S=require("./index168.cjs");var a=function(t){var s=t.width,g=t.colors,d=t.onChange,h=t.onSwatchHover,r=t.triangle,l=t.styles,u=l===void 0?{}:l,p=t.className,c=p===void 0?"":p,i=m.default(y({default:{card:{width:s,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},u),{"hide-triangle":r==="hide","top-left-triangle":r==="top-left","top-right-triangle":r==="top-right","bottom-left-triangle":r==="bottom-left","bottom-right-triangle":r==="bottom-right"}),f=function(b,x){return d({hex:b,source:"hex"},x)};return o.createElement("div",{style:i.card,className:"github-picker "+c},o.createElement("div",{style:i.triangleShadow}),o.createElement("div",{style:i.triangle}),w(g,function(n){return o.createElement(S.default,{color:n,key:n,onClick:f,onSwatchHover:h})}))};a.propTypes={width:e.oneOfType([e.string,e.number]),colors:e.arrayOf(e.string),triangle:e.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:e.object};a.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};C.ColorWrap(a);exports.Github=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./index164.cjs"),m=require("./index154.cjs"),w=require("./index168.cjs"),y=require("./index165.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const C=require("./index161.cjs");require("./index162.cjs");const S=require("./index176.cjs");var a=function(t){var s=t.width,g=t.colors,d=t.onChange,h=t.onSwatchHover,r=t.triangle,l=t.styles,u=l===void 0?{}:l,p=t.className,c=p===void 0?"":p,i=m.default(y({default:{card:{width:s,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},u),{"hide-triangle":r==="hide","top-left-triangle":r==="top-left","top-right-triangle":r==="top-right","bottom-left-triangle":r==="bottom-left","bottom-right-triangle":r==="bottom-right"}),f=function(b,x){return d({hex:b,source:"hex"},x)};return o.createElement("div",{style:i.card,className:"github-picker "+c},o.createElement("div",{style:i.triangleShadow}),o.createElement("div",{style:i.triangle}),w(g,function(n){return o.createElement(S.default,{color:n,key:n,onClick:f,onSwatchHover:h})}))};a.propTypes={width:e.oneOfType([e.string,e.number]),colors:e.arrayOf(e.string),triangle:e.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:e.object};a.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};C.ColorWrap(a);exports.Github=a;

package/dist/index88.js

@@ -1,17 +1,17 @@
 import o from "react";
-import r from "./index156.js";
-import u from "./index146.js";
-import w from "./index160.js";
-import C from "./index157.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import "./index150.js";
-import "./index151.js";
-import "./index152.js";
-import { ColorWrap as y } from "./index153.js";
-import "./index154.js";
-import S from "./index168.js";
+import r from "./index164.js";
+import u from "./index154.js";
+import w from "./index168.js";
+import C from "./index165.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index160.js";
+import { ColorWrap as y } from "./index161.js";
+import "./index162.js";
+import S from "./index176.js";
 var l = function(t) {
   var g = t.width, d = t.colors, s = t.onChange, m = t.onSwatchHover, e = t.triangle, n = t.styles, h = n === void 0 ? {} : n, p = t.className, f = p === void 0 ? "" : p, a = u(C({
     default: {

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("./index156.cjs"),y=require("./index146.cjs"),P=require("./index157.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const f=require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const C=require("./index153.cjs");require("./index154.cjs");const x=require("./index169.cjs");var H=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},i=function(e){var r=e.width,t=e.height,l=e.onChange,c=e.hsl,h=e.direction,d=e.pointer,s=e.styles,p=s===void 0?{}:s,a=e.className,g=a===void 0?"":a,o=y.default(P({default:{picker:{position:"relative",width:r,height:t},hue:{radius:"2px"}}},p)),q=function(v){return l({a:1,h:v.h,l:.5,s:1})};return u.createElement("div",{style:o.picker,className:"hue-picker "+g},u.createElement(f.Hue,H({},o.hue,{hsl:c,pointer:d,onChange:q,direction:h})))};i.propTypes={styles:m.object};i.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:x.SliderPointer,styles:{}};C.ColorWrap(i);exports.HuePicker=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("./index164.cjs"),y=require("./index154.cjs"),P=require("./index165.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const f=require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const C=require("./index161.cjs");require("./index162.cjs");const x=require("./index177.cjs");var H=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},i=function(e){var r=e.width,t=e.height,l=e.onChange,c=e.hsl,h=e.direction,d=e.pointer,s=e.styles,p=s===void 0?{}:s,a=e.className,g=a===void 0?"":a,o=y.default(P({default:{picker:{position:"relative",width:r,height:t},hue:{radius:"2px"}}},p)),q=function(v){return l({a:1,h:v.h,l:.5,s:1})};return u.createElement("div",{style:o.picker,className:"hue-picker "+g},u.createElement(f.Hue,H({},o.hue,{hsl:c,pointer:d,onChange:q,direction:h})))};i.propTypes={styles:m.object};i.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:x.SliderPointer,styles:{}};C.ColorWrap(i);exports.HuePicker=i;

package/dist/index89.js

@@ -1,16 +1,16 @@
 import s from "react";
-import v from "./index156.js";
-import y from "./index146.js";
-import C from "./index157.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import { Hue as P } from "./index150.js";
-import "./index151.js";
-import "./index152.js";
-import { ColorWrap as w } from "./index153.js";
-import "./index154.js";
-import { SliderPointer as x } from "./index169.js";
+import v from "./index164.js";
+import y from "./index154.js";
+import C from "./index165.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { Hue as P } from "./index158.js";
+import "./index159.js";
+import "./index160.js";
+import { ColorWrap as w } from "./index161.js";
+import "./index162.js";
+import { SliderPointer as x } from "./index177.js";
 var N = Object.assign || function(i) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e];

package/dist/index90.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("./index146.cjs"),h=require("./index157.cjs"),m=require("./index158.cjs");require("./index147.cjs");require("./index148.cjs");const n=require("./index149.cjs");require("./index150.cjs");const E=require("./index151.cjs");require("./index152.cjs");const f=require("./index153.cjs");require("./index154.cjs");var b=function(i){var o=i.onChange,p=i.hex,r=i.rgb,s=i.styles,u=s===void 0?{}:s,x=i.className,c=x===void 0?"":x,e=g.default(h({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+p,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},u)),a=function(l,d){l.hex?m.isValidHex(l.hex)&&o({hex:l.hex,source:"hex"},d):(l.r||l.g||l.b)&&o({r:l.r||r.r,g:l.g||r.g,b:l.b||r.b,source:"rgb"},d)};return t.createElement(E.Raised,{styles:u},t.createElement("div",{style:e.material,className:"material-picker "+c},t.createElement(n.EditableInput,{style:{wrap:e.HEXwrap,input:e.HEXinput,label:e.HEXlabel},label:"hex",value:p,onChange:a}),t.createElement("div",{style:e.split,className:"flexbox-fix"},t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"r",value:r.r,onChange:a})),t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"g",value:r.g,onChange:a})),t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"b",value:r.b,onChange:a})))))};f.ColorWrap(b);exports.Material=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),g=require("./index154.cjs"),h=require("./index165.cjs"),m=require("./index166.cjs");require("./index155.cjs");require("./index156.cjs");const n=require("./index157.cjs");require("./index158.cjs");const E=require("./index159.cjs");require("./index160.cjs");const f=require("./index161.cjs");require("./index162.cjs");var b=function(i){var o=i.onChange,p=i.hex,r=i.rgb,s=i.styles,u=s===void 0?{}:s,x=i.className,c=x===void 0?"":x,e=g.default(h({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+p,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},u)),a=function(l,d){l.hex?m.isValidHex(l.hex)&&o({hex:l.hex,source:"hex"},d):(l.r||l.g||l.b)&&o({r:l.r||r.r,g:l.g||r.g,b:l.b||r.b,source:"rgb"},d)};return t.createElement(E.Raised,{styles:u},t.createElement("div",{style:e.material,className:"material-picker "+c},t.createElement(n.EditableInput,{style:{wrap:e.HEXwrap,input:e.HEXinput,label:e.HEXlabel},label:"hex",value:p,onChange:a}),t.createElement("div",{style:e.split,className:"flexbox-fix"},t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"r",value:r.r,onChange:a})),t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"g",value:r.g,onChange:a})),t.createElement("div",{style:e.third},t.createElement(n.EditableInput,{style:{wrap:e.RGBwrap,input:e.RGBinput,label:e.RGBlabel},label:"b",value:r.b,onChange:a})))))};f.ColorWrap(b);exports.Material=b;

package/dist/index90.js

@@ -1,15 +1,15 @@
 import t from "react";
-import b from "./index146.js";
-import g from "./index157.js";
-import { isValidHex as c } from "./index158.js";
-import "./index147.js";
-import "./index148.js";
-import { EditableInput as o } from "./index149.js";
-import "./index150.js";
-import { Raised as u } from "./index151.js";
-import "./index152.js";
-import { ColorWrap as f } from "./index153.js";
-import "./index154.js";
+import b from "./index154.js";
+import g from "./index165.js";
+import { isValidHex as c } from "./index166.js";
+import "./index155.js";
+import "./index156.js";
+import { EditableInput as o } from "./index157.js";
+import "./index158.js";
+import { Raised as u } from "./index159.js";
+import "./index160.js";
+import { ColorWrap as f } from "./index161.js";
+import "./index162.js";
 var y = function(r) {
   var p = r.onChange, n = r.hex, i = r.rgb, s = r.styles, m = s === void 0 ? {} : s, x = r.className, h = x === void 0 ? "" : x, e = b(g({
     default: {

package/dist/index91.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=require("./index156.cjs"),d=require("./index146.cjs"),f=require("./index157.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const x=require("./index150.cjs");require("./index151.cjs");const b=require("./index152.cjs"),g=require("./index153.cjs");require("./index154.cjs");const y=require("./index170.cjs"),m=require("./index171.cjs"),v=require("./index172.cjs"),h=require("./index173.cjs"),P=require("./index174.cjs");var w=(function(){function o(e,s){for(var r=0;r<s.length;r++){var n=s[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,s,r){return s&&o(e.prototype,s),r&&o(e,r),e}})();function E(o,e){if(!(o instanceof e))throw new TypeError("Cannot call a class as a function")}function q(o,e){if(!o)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:o}function C(o,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);o.prototype=Object.create(e&&e.prototype,{constructor:{value:o,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(o,e):o.__proto__=e)}var a=(function(o){C(e,o);function e(s){E(this,e);var r=q(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return r.state={currentColor:s.hex},r}return w(e,[{key:"render",value:function(){var r=this.props,n=r.styles,c=n===void 0?{}:n,p=r.className,u=p===void 0?"":p,i=d.default(f({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},c));return t.createElement("div",{style:i.picker,className:"photoshop-picker "+u},t.createElement("div",{style:i.head},this.props.header),t.createElement("div",{style:i.body,className:"flexbox-fix"},t.createElement("div",{style:i.saturation},t.createElement(b.Saturation,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:m.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.hue},t.createElement(x.Hue,{direction:"vertical",hsl:this.props.hsl,pointer:v.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.controls},t.createElement("div",{style:i.top,className:"flexbox-fix"},t.createElement("div",{style:i.previews},t.createElement(P.PhotoshopPreviews,{rgb:this.props.rgb,currentColor:this.state.currentColor})),t.createElement("div",{style:i.actions},t.createElement(h.PhotoshopButton,{label:"OK",onClick:this.props.onAccept,active:!0}),t.createElement(h.PhotoshopButton,{label:"Cancel",onClick:this.props.onCancel}),t.createElement(y.PhotoshopPicker,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e})(t.Component);a.propTypes={header:l.string,styles:l.object};a.defaultProps={header:"Color Picker",styles:{}};g.ColorWrap(a);exports.Photoshop=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=require("./index164.cjs"),d=require("./index154.cjs"),f=require("./index165.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const x=require("./index158.cjs");require("./index159.cjs");const b=require("./index160.cjs"),g=require("./index161.cjs");require("./index162.cjs");const y=require("./index178.cjs"),m=require("./index179.cjs"),v=require("./index180.cjs"),h=require("./index181.cjs"),P=require("./index182.cjs");var w=(function(){function o(e,s){for(var r=0;r<s.length;r++){var n=s[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,s,r){return s&&o(e.prototype,s),r&&o(e,r),e}})();function E(o,e){if(!(o instanceof e))throw new TypeError("Cannot call a class as a function")}function q(o,e){if(!o)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:o}function C(o,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);o.prototype=Object.create(e&&e.prototype,{constructor:{value:o,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(o,e):o.__proto__=e)}var a=(function(o){C(e,o);function e(s){E(this,e);var r=q(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return r.state={currentColor:s.hex},r}return w(e,[{key:"render",value:function(){var r=this.props,n=r.styles,c=n===void 0?{}:n,p=r.className,u=p===void 0?"":p,i=d.default(f({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},c));return t.createElement("div",{style:i.picker,className:"photoshop-picker "+u},t.createElement("div",{style:i.head},this.props.header),t.createElement("div",{style:i.body,className:"flexbox-fix"},t.createElement("div",{style:i.saturation},t.createElement(b.Saturation,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:m.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.hue},t.createElement(x.Hue,{direction:"vertical",hsl:this.props.hsl,pointer:v.PhotoshopPointerCircle,onChange:this.props.onChange})),t.createElement("div",{style:i.controls},t.createElement("div",{style:i.top,className:"flexbox-fix"},t.createElement("div",{style:i.previews},t.createElement(P.PhotoshopPreviews,{rgb:this.props.rgb,currentColor:this.state.currentColor})),t.createElement("div",{style:i.actions},t.createElement(h.PhotoshopButton,{label:"OK",onClick:this.props.onAccept,active:!0}),t.createElement(h.PhotoshopButton,{label:"Cancel",onClick:this.props.onCancel}),t.createElement(y.PhotoshopPicker,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e})(t.Component);a.propTypes={header:l.string,styles:l.object};a.defaultProps={header:"Color Picker",styles:{}};g.ColorWrap(a);exports.Photoshop=a;

package/dist/index91.js

@@ -1,20 +1,20 @@
 import t from "react";
-import l from "./index156.js";
-import m from "./index146.js";
-import d from "./index157.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import { Hue as u } from "./index150.js";
-import "./index151.js";
-import { Saturation as x } from "./index152.js";
-import { ColorWrap as b } from "./index153.js";
-import "./index154.js";
-import { PhotoshopPicker as y } from "./index170.js";
-import { PhotoshopPointerCircle as g } from "./index171.js";
-import { PhotoshopPointerCircle as v } from "./index172.js";
-import { PhotoshopButton as h } from "./index173.js";
-import { PhotoshopPreviews as w } from "./index174.js";
+import l from "./index164.js";
+import m from "./index154.js";
+import d from "./index165.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { Hue as u } from "./index158.js";
+import "./index159.js";
+import { Saturation as x } from "./index160.js";
+import { ColorWrap as b } from "./index161.js";
+import "./index162.js";
+import { PhotoshopPicker as y } from "./index178.js";
+import { PhotoshopPointerCircle as g } from "./index179.js";
+import { PhotoshopPointerCircle as v } from "./index180.js";
+import { PhotoshopButton as h } from "./index181.js";
+import { PhotoshopPreviews as w } from "./index182.js";
 var P = /* @__PURE__ */ (function() {
   function o(e, p) {
     for (var r = 0; r < p.length; r++) {

package/dist/index92.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("./index156.cjs"),E=require("./index146.cjs"),C=require("./index157.cjs"),S=require("./index147.cjs"),w=require("./index148.cjs");require("./index149.cjs");const A=require("./index150.cjs");require("./index151.cjs");const f=require("./index152.cjs"),k=require("./index153.cjs");require("./index154.cjs");const q=require("./index175.cjs"),F=require("./index176.cjs");var B=Object.assign||function(p){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(p[a]=s[a])}return p},n=function(e){var s=e.width,a=e.rgb,x=e.hex,g=e.hsv,l=e.hsl,i=e.onChange,b=e.onSwatchHover,h=e.disableAlpha,v=e.presetColors,m=e.renderers,d=e.styles,c=d===void 0?{}:d,u=e.className,y=u===void 0?"":u,r=E.default(C({default:B({picker:{width:s,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+a.r+","+a.g+","+a.b+","+a.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},c),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},c),{disableAlpha:h});return t.createElement("div",{style:r.picker,className:"sketch-picker "+y},t.createElement("div",{style:r.saturation},t.createElement(f.Saturation,{style:r.Saturation,hsl:l,hsv:g,onChange:i})),t.createElement("div",{style:r.controls,className:"flexbox-fix"},t.createElement("div",{style:r.sliders},t.createElement("div",{style:r.hue},t.createElement(A.Hue,{style:r.Hue,hsl:l,onChange:i})),t.createElement("div",{style:r.alpha},t.createElement(S.Alpha,{style:r.Alpha,rgb:a,hsl:l,renderers:m,onChange:i}))),t.createElement("div",{style:r.color},t.createElement(w.Checkboard,null),t.createElement("div",{style:r.activeColor}))),t.createElement(q.SketchFields,{rgb:a,hsl:l,hex:x,onChange:i,disableAlpha:h}),t.createElement(F.SketchPresetColors,{colors:v,onClick:i,onSwatchHover:b}))};n.propTypes={disableAlpha:o.bool,width:o.oneOfType([o.string,o.number]),styles:o.object};n.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};k.ColorWrap(n);exports.Sketch=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("./index164.cjs"),E=require("./index154.cjs"),C=require("./index165.cjs"),S=require("./index155.cjs"),w=require("./index156.cjs");require("./index157.cjs");const A=require("./index158.cjs");require("./index159.cjs");const f=require("./index160.cjs"),k=require("./index161.cjs");require("./index162.cjs");const q=require("./index183.cjs"),F=require("./index184.cjs");var B=Object.assign||function(p){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(p[a]=s[a])}return p},n=function(e){var s=e.width,a=e.rgb,x=e.hex,g=e.hsv,l=e.hsl,i=e.onChange,b=e.onSwatchHover,h=e.disableAlpha,v=e.presetColors,m=e.renderers,d=e.styles,c=d===void 0?{}:d,u=e.className,y=u===void 0?"":u,r=E.default(C({default:B({picker:{width:s,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+a.r+","+a.g+","+a.b+","+a.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},c),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},c),{disableAlpha:h});return t.createElement("div",{style:r.picker,className:"sketch-picker "+y},t.createElement("div",{style:r.saturation},t.createElement(f.Saturation,{style:r.Saturation,hsl:l,hsv:g,onChange:i})),t.createElement("div",{style:r.controls,className:"flexbox-fix"},t.createElement("div",{style:r.sliders},t.createElement("div",{style:r.hue},t.createElement(A.Hue,{style:r.Hue,hsl:l,onChange:i})),t.createElement("div",{style:r.alpha},t.createElement(S.Alpha,{style:r.Alpha,rgb:a,hsl:l,renderers:m,onChange:i}))),t.createElement("div",{style:r.color},t.createElement(w.Checkboard,null),t.createElement("div",{style:r.activeColor}))),t.createElement(q.SketchFields,{rgb:a,hsl:l,hex:x,onChange:i,disableAlpha:h}),t.createElement(F.SketchPresetColors,{colors:v,onClick:i,onSwatchHover:b}))};n.propTypes={disableAlpha:o.bool,width:o.oneOfType([o.string,o.number]),styles:o.object};n.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};k.ColorWrap(n);exports.Sketch=n;

package/dist/index92.js

@@ -1,17 +1,17 @@
 import t from "react";
-import i from "./index156.js";
-import y from "./index146.js";
-import E from "./index157.js";
-import { Alpha as w } from "./index147.js";
-import { Checkboard as C } from "./index148.js";
-import "./index149.js";
-import { Hue as A } from "./index150.js";
-import "./index151.js";
-import { Saturation as S } from "./index152.js";
-import { ColorWrap as k } from "./index153.js";
-import "./index154.js";
-import { SketchFields as F } from "./index175.js";
-import { SketchPresetColors as B } from "./index176.js";
+import i from "./index164.js";
+import y from "./index154.js";
+import E from "./index165.js";
+import { Alpha as w } from "./index155.js";
+import { Checkboard as C } from "./index156.js";
+import "./index157.js";
+import { Hue as A } from "./index158.js";
+import "./index159.js";
+import { Saturation as S } from "./index160.js";
+import { ColorWrap as k } from "./index161.js";
+import "./index162.js";
+import { SketchFields as F } from "./index183.js";
+import { SketchPresetColors as B } from "./index184.js";
 var H = Object.assign || function(p) {
   for (var e = 1; e < arguments.length; e++) {
     var o = arguments[e];

package/dist/index93.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),d=require("./index156.cjs"),p=require("./index146.cjs"),h=require("./index157.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const q=require("./index150.cjs");require("./index151.cjs");require("./index152.cjs");const y=require("./index153.cjs");require("./index154.cjs");const S=require("./index177.cjs"),m=require("./index178.cjs");var s=function(e){var i=e.hsl,l=e.onChange,o=e.pointer,n=e.styles,u=n===void 0?{}:n,a=e.className,c=a===void 0?"":a,t=p.default(h({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},u));return r.createElement("div",{style:t.wrap||{},className:"slider-picker "+c},r.createElement("div",{style:t.hue},r.createElement(q.Hue,{style:t.Hue,hsl:i,pointer:o,onChange:l})),r.createElement("div",{style:t.swatches},r.createElement(S.SliderSwatches,{hsl:i,onClick:l})))};s.propTypes={styles:d.object};s.defaultProps={pointer:m.SliderPointer,styles:{}};y.ColorWrap(s);exports.Slider=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),d=require("./index164.cjs"),p=require("./index154.cjs"),h=require("./index165.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const q=require("./index158.cjs");require("./index159.cjs");require("./index160.cjs");const y=require("./index161.cjs");require("./index162.cjs");const S=require("./index185.cjs"),m=require("./index186.cjs");var s=function(e){var i=e.hsl,l=e.onChange,o=e.pointer,n=e.styles,u=n===void 0?{}:n,a=e.className,c=a===void 0?"":a,t=p.default(h({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},u));return r.createElement("div",{style:t.wrap||{},className:"slider-picker "+c},r.createElement("div",{style:t.hue},r.createElement(q.Hue,{style:t.Hue,hsl:i,pointer:o,onChange:l})),r.createElement("div",{style:t.swatches},r.createElement(S.SliderSwatches,{hsl:i,onClick:l})))};s.propTypes={styles:d.object};s.defaultProps={pointer:m.SliderPointer,styles:{}};y.ColorWrap(s);exports.Slider=s;