@ikas/core 1.0.8 → 1.0.9

package/dist/index79.js

@@ -1,71 +1,16 @@
-import { useRef as f, useMemo as h, useCallback as c } from "react";
-import { arrayMove as E } from "@ikas/ui";
-import V from "lodash/debounce";
-import { fileToImageModel as x, validateImageFile as y } from "./index76.js";
-function k(e) {
-  const l = f([]), m = f(null), I = h(
-    () => e.images.map((n, t) => ({
-      id: n.id || String(t),
-      uid: n.id || String(t),
-      name: t,
-      status: "done",
-      url: n.src || "",
-      src: n.src || ""
-    })),
-    [e.images]
-  ), o = e.imageLimit || 10, g = c(async () => {
-    const { allowVideoUpload: n } = e, t = [];
-    for (let a = 0; a < l.current.length; a++)
-      t.push(
-        await x(l.current[a], n)
-      );
-    const i = e.images;
-    l.current = [], e.onChange(
-      i.concat(t.slice(0, o - i.length))
-    );
-  }, [e.images, e.onChange, e.allowVideoUpload, o]), u = h(
-    () => V(g, 100),
-    [g]
-  ), s = c(
-    (n) => (y(n, e.allowVideoUpload) && (l.current.push(n), u()), !1),
-    [e.allowVideoUpload, u]
-  ), w = c(
-    (n) => {
-      e.onChange(e.images.filter((t) => t.id !== n));
-    },
-    [e.images, e.onChange]
-  ), v = c(
-    (n) => {
-      var a;
-      const { active: t, over: i } = n;
-      if (t && i && t.id !== i.id) {
-        const d = e.images, U = d.findIndex((r) => r.id === t.id), b = d.findIndex((r) => r.id === i.id), D = E(d, U, b);
-        (a = e.onDragEnd) == null || a.call(e, D);
-      }
-    },
-    [e.images, e.onDragEnd]
-  ), C = c(() => {
-    var n;
-    (n = m.current) == null || n.click();
-  }, []), F = c(
-    (n) => {
-      Array.from(n.target.files || []).forEach((i) => {
-        s(i);
-      }), n.target.value = "";
-    },
-    [s]
-  );
-  return {
-    fileList: I,
-    imageLimit: o,
-    onRemove: w,
-    beforeUpload: s,
-    handleDragEnd: v,
-    triggerFileInput: C,
-    handleFileChange: F,
-    fileInputRef: m
-  };
-}
+import e from "./index129.js";
+/**
+ * @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 c = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], a = e("image", c);
 export {
-  k as useImageSelect
+  c as __iconNode,
+  a as default
 };

package/dist/index80.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index126.cjs");/**
- * @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 e=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],o=t("plus",e);exports.__iconNode=e;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("./index151.cjs"),m=require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const P=require("./index158.cjs");require("./index159.cjs");const b=require("./index160.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/index80.js

@@ -1,15 +1,55 @@
-import e from "./index126.js";
-/**
- * @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 o = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-], s = e("plus", o);
+import n from "react";
+import v from "./index151.js";
+import { Alpha as f } from "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { ColorWrap as b } from "./index158.js";
+import "./index159.js";
+import { AlphaPointer as w } from "./index160.js";
+var x = Object.assign || function(i) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r];
+    for (var e in t)
+      Object.prototype.hasOwnProperty.call(t, e) && (i[e] = t[e]);
+  }
+  return i;
+}, p = function(r) {
+  var t = r.rgb, e = r.hsl, l = r.width, h = r.height, s = r.onChange, m = r.direction, c = r.style, d = r.renderers, g = r.pointer, a = r.className, u = a === void 0 ? "" : a, o = v({
+    default: {
+      picker: {
+        position: "relative",
+        width: l,
+        height: h
+      },
+      alpha: {
+        radius: "2px",
+        style: c
+      }
+    }
+  });
+  return n.createElement(
+    "div",
+    { style: o.picker, className: "alpha-picker " + u },
+    n.createElement(f, x({}, o.alpha, {
+      rgb: t,
+      hsl: e,
+      pointer: g,
+      renderers: d,
+      onChange: s,
+      direction: m
+    }))
+  );
+};
+p.defaultProps = {
+  width: "316px",
+  height: "16px",
+  direction: "horizontal",
+  pointer: w
+};
+b(p);
 export {
-  o as __iconNode,
-  s as default
+  p as AlphaPicker
 };

package/dist/index81.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./index126.cjs");/**
- * @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 e=[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]],t=o("inbox",e);exports.__iconNode=e;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./index161.cjs"),m=require("./index151.cjs"),C=require("./index162.cjs"),c=require("./index163.cjs");require("./index152.cjs");const q=require("./index153.cjs"),w=require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const S=require("./index158.cjs");require("./index159.cjs");const k=require("./index164.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/index81.js

@@ -1,21 +1,118 @@
-import o from "./index126.js";
-/**
- * @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 t = [
-  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
-  [
-    "path",
-    {
-      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
-      key: "oot6mr"
+import t from "react";
+import r from "./index161.js";
+import y from "./index151.js";
+import v from "./index162.js";
+import { getContrastingColor as C, isValidHex as w } from "./index163.js";
+import "./index152.js";
+import { Checkboard as S } from "./index153.js";
+import { EditableInput as E } from "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { ColorWrap as k } from "./index158.js";
+import "./index159.js";
+import { BlockSwatches as R } from "./index164.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({
+      hex: d,
+      source: "hex"
+    }, u);
+  }, a = y(v({
+    default: {
+      card: {
+        width: h,
+        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(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"
+      }
     }
-  ]
-], n = o("inbox", t);
+  }, g), { "hide-triangle": x === "hide" });
+  return t.createElement(
+    "div",
+    { style: a.card, className: "block-picker " + b },
+    t.createElement("div", { style: a.triangle }),
+    t.createElement(
+      "div",
+      { style: a.head },
+      f && t.createElement(S, { borderRadius: "6px 6px 0 0" }),
+      t.createElement(
+        "div",
+        { style: a.label },
+        o
+      )
+    ),
+    t.createElement(
+      "div",
+      { style: a.body },
+      t.createElement(R, { colors: m, onClick: p, onSwatchHover: c }),
+      t.createElement(E, {
+        style: { input: a.input },
+        value: o,
+        onChange: p
+      })
+    )
+  );
+};
+i.propTypes = {
+  width: r.oneOfType([r.string, r.number]),
+  colors: r.arrayOf(r.string),
+  triangle: r.oneOf(["top", "hide"]),
+  styles: r.object
+};
+i.defaultProps = {
+  width: 170,
+  colors: ["#D9E3F0", "#F47373", "#697689", "#37D67A", "#2CCCE4", "#555555", "#dce775", "#ff8a65", "#ba68c8"],
+  triangle: "top",
+  styles: {}
+};
+k(i);
 export {
-  t as __iconNode,
-  n as default
+  i as Block
 };

package/dist/index82.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index126.cjs");/**
- * @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 e=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],c=t("image",e);exports.__iconNode=e;exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index161.cjs"),b=require("./index151.cjs"),v=require("./index165.cjs"),x=require("./index162.cjs"),e=require("./index166.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");const f=require("./index158.cjs");require("./index159.cjs");const z=require("./index167.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/index82.js

@@ -1,16 +1,62 @@
-import e from "./index126.js";
-/**
- * @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 c = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
-  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
-  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
-], a = e("image", c);
+import a from "react";
+import r from "./index161.js";
+import C from "./index151.js";
+import v from "./index165.js";
+import b from "./index162.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 "./index166.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import { ColorWrap as D } from "./index158.js";
+import "./index159.js";
+import F from "./index167.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: {
+      card: {
+        width: n,
+        display: "flex",
+        flexWrap: "wrap",
+        marginRight: -o,
+        marginBottom: -o
+      }
+    }
+  }, g)), y = function(f, w) {
+    return p({ hex: f, source: "hex" }, w);
+  };
+  return a.createElement(
+    "div",
+    { style: S.card, className: "circle-picker " + u },
+    v(s, function(i) {
+      return a.createElement(F, {
+        key: i,
+        color: i,
+        onClick: y,
+        onSwatchHover: m,
+        active: d === i.toLowerCase(),
+        circleSize: h,
+        circleSpacing: o
+      });
+    })
+  );
+};
+t.propTypes = {
+  width: r.oneOfType([r.string, r.number]),
+  circleSize: r.number,
+  circleSpacing: r.number,
+  styles: r.object
+};
+t.defaultProps = {
+  width: 252,
+  circleSize: 28,
+  circleSpacing: 14,
+  colors: [x[500], z[500], k[500], N[500], H[500], P[500], T[500], B[500], E[500], G[500], O[500], R[500], W[500], $[500], j[500], L[500], q[500], A[500]],
+  styles: {}
+};
+D(t);
 export {
-  c as __iconNode,
-  a as default
+  t as Circle
 };

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("./index143.cjs"),m=require("./index144.cjs");require("./index145.cjs");require("./index146.cjs");require("./index147.cjs");require("./index148.cjs");require("./index149.cjs");const P=require("./index150.cjs");require("./index151.cjs");const b=require("./index152.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),i=require("./index161.cjs"),y=require("./index151.cjs"),C=require("./index162.cjs"),w=require("./index152.cjs"),f=require("./index153.cjs");require("./index154.cjs");const q=require("./index155.cjs");require("./index156.cjs");const E=require("./index157.cjs"),A=require("./index158.cjs");require("./index159.cjs");const S=require("./index168.cjs"),c=require("./index169.cjs"),k=require("./index170.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/index83.js

@@ -1,55 +1,180 @@
-import n from "react";
-import v from "./index143.js";
-import { Alpha as f } from "./index144.js";
-import "./index145.js";
-import "./index146.js";
-import "./index147.js";
-import "./index148.js";
-import "./index149.js";
-import { ColorWrap as b } from "./index150.js";
-import "./index151.js";
-import { AlphaPointer as w } from "./index152.js";
-var x = Object.assign || function(i) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = arguments[r];
-    for (var e in t)
-      Object.prototype.hasOwnProperty.call(t, e) && (i[e] = t[e]);
-  }
-  return i;
-}, p = function(r) {
-  var t = r.rgb, e = r.hsl, l = r.width, h = r.height, s = r.onChange, m = r.direction, c = r.style, d = r.renderers, g = r.pointer, a = r.className, u = a === void 0 ? "" : a, o = v({
+import e from "react";
+import o from "./index161.js";
+import y from "./index151.js";
+import v from "./index162.js";
+import { Alpha as w } from "./index152.js";
+import { Checkboard as C } from "./index153.js";
+import "./index154.js";
+import { Hue as E } from "./index155.js";
+import "./index156.js";
+import { Saturation as A } from "./index157.js";
+import { ColorWrap as S } from "./index158.js";
+import "./index159.js";
+import { ChromeFields as k } from "./index168.js";
+import { ChromePointer as m } from "./index169.js";
+import { ChromePointerCircle as N } from "./index170.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: {
       picker: {
+        width: x,
+        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",
-        width: l,
-        height: h
+        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: {
-        radius: "2px",
-        style: c
+        height: "10px",
+        position: "relative"
+      },
+      Alpha: {
+        radius: "2px"
+      }
+    },
+    disableAlpha: {
+      color: {
+        width: "22px"
+      },
+      alpha: {
+        display: "none"
+      },
+      hue: {
+        marginBottom: "0px"
+      },
+      swatch: {
+        width: "10px",
+        height: "10px",
+        marginTop: "0px"
       }
     }
-  });
-  return n.createElement(
+  }, b), { disableAlpha: p });
+  return e.createElement(
     "div",
-    { style: o.picker, className: "alpha-picker " + u },
-    n.createElement(f, x({}, o.alpha, {
-      rgb: t,
-      hsl: e,
-      pointer: g,
-      renderers: d,
-      onChange: s,
-      direction: m
-    }))
+    { style: t.picker, className: "chrome-picker " + u },
+    e.createElement(
+      "div",
+      { style: t.saturation },
+      e.createElement(A, {
+        style: t.Saturation,
+        hsl: l,
+        hsv: c,
+        pointer: N,
+        onChange: i
+      })
+    ),
+    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(C, { renderers: n })
+          )
+        ),
+        e.createElement(
+          "div",
+          { style: t.toggles },
+          e.createElement(
+            "div",
+            { style: t.hue },
+            e.createElement(E, {
+              style: t.Hue,
+              hsl: l,
+              pointer: m,
+              onChange: i
+            })
+          ),
+          e.createElement(
+            "div",
+            { style: t.alpha },
+            e.createElement(w, {
+              style: t.Alpha,
+              rgb: a,
+              hsl: l,
+              pointer: m,
+              renderers: n,
+              onChange: i
+            })
+          )
+        )
+      ),
+      e.createElement(k, {
+        rgb: a,
+        hsl: l,
+        hex: g,
+        view: f,
+        onChange: i,
+        disableAlpha: p
+      })
+    )
   );
 };
-p.defaultProps = {
-  width: "316px",
-  height: "16px",
-  direction: "horizontal",
-  pointer: w
+s.propTypes = {
+  width: o.oneOfType([o.string, o.number]),
+  disableAlpha: o.bool,
+  styles: o.object,
+  defaultView: o.oneOf(["hex", "rgb", "hsl"])
+};
+s.defaultProps = {
+  width: 225,
+  disableAlpha: !1,
+  styles: {}
 };
-b(p);
+const G = S(s);
 export {
-  p as AlphaPicker
+  s as Chrome,
+  G as default
 };