@ikas/core 1.0.20 → 1.0.22

package/dist/index136.js

@@ -1,94 +1,42 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as S, useRef as C, useCallback as b } from "react";
-import { observer as O } from "mobx-react-lite";
-import { TreeSelect as p, Select as g } from "@ikas/ui";
-function w(i) {
-  return i.map((e) => ({
-    label: e.label,
-    value: String(e.value)
-  }));
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import { Tooltip as D } from "@ikas/ui";
+import { ColumnAlignment as p } from "./index8.js";
+function x(o, r, c) {
+  const i = c ?? 2, e = o.toFixed(i).split(".");
+  let t = e[0];
+  const n = e[1];
+  t = t.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  const l = n ? `${t}.${n}` : t;
+  return `${r} ${l}`;
 }
-function v(i) {
-  return i.map((e) => ({
-    key: String(e.value),
-    title: e.label,
-    value: String(e.value),
-    children: e.children ? v(e.children) : void 0
-  }));
-}
-function A(i) {
-  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
-    (r) => {
-      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
-        if (!r) {
-          d([]);
-          return;
-        }
-        try {
-          f(!0);
-          const t = await l.searchOptions(r);
-          d(t);
-        } catch {
-        } finally {
-          f(!1);
-        }
-      }, 600));
-    },
-    [l]
-  );
-  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    p,
-    {
-      style: { width: "100%" },
-      treeData: v(u),
-      treeCheckable: !0,
-      showCheckedStrategy: p.SHOW_ALL,
-      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
-      onChange: (r) => {
-        const t = (Array.isArray(r) ? r : [r]).map(Number);
-        o(t);
-      },
-      onSearch: n ? m : void 0,
-      filterTreeNode: n ? () => !0 : void 0,
-      loading: s,
-      maxTagCount: 2,
-      placeholder: "-"
-    }
-  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    g,
+function F(o) {
+  const { value: r, columnDefinition: c } = o;
+  if (!r)
+    return null;
+  const { sellPrice: i, discountPrice: e, currencySymbol: t, currencyDecimalDigits: n } = r, l = c.alignment, P = l === p.CENTER ? "center" : l === p.RIGHT ? "right" : "left", a = e != null && e !== i, g = c.ellipsis, m = x(i, t, n), h = (a ? x(e, t, n) : null) ?? m, u = (d, b) => {
+    const f = /* @__PURE__ */ s(
+      "span",
+      {
+        className: b ? "text-sm text-gray-blue-5 line-through" : "text-sm text-black font-normal",
+        children: d
+      }
+    );
+    return g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
+  };
+  return /* @__PURE__ */ y(
+    "div",
     {
-      style: { width: "100%" },
-      mode: "multiple",
-      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
-      options: w(u),
-      onChange: (r) => {
-        const t = (Array.isArray(r) ? r : [r]).map(Number);
-        o(t);
-      },
-      onSearch: n ? m : void 0,
-      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
-      loading: s,
-      allowClear: !0,
-      showSearch: !0,
-      placeholder: "-"
+      className: "flex flex-col",
+      style: { textAlign: P },
+      children: [
+        a && u(m, !0),
+        u(h)
+      ]
     }
-  ) }) : /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
-    g,
-    {
-      style: { width: "100%" },
-      value: e != null ? String(e) : void 0,
-      options: w(u),
-      onChange: (r) => o(Number(r)),
-      onSearch: n ? m : void 0,
-      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
-      loading: s,
-      allowClear: !0,
-      showSearch: !0,
-      placeholder: "-"
-    }
-  ) });
+  );
 }
-const R = O(A);
+const k = C(F);
 export {
-  R as SelectCell
+  k as PriceCell
 };

package/dist/index137.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button",className:"flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",onClick:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),y=require("mobx-react-lite"),o=require("@ikas/ui");function p(i){return i.map(e=>({label:e.label,value:String(e.value)}))}function w(i){return i.map(e=>({key:String(e.value),title:e.label,value:String(e.value),children:e.children?w(e.children):void 0}))}function C(i){const{value:e,rowData:m,columnDefinition:l,onValueChange:c}=i,[v,f]=s.useState(null),[u,g]=s.useState(!1),h=s.useRef(),n=!!l.searchOptions,d=n?v??[]:m?l.getOptions(m):[],S=s.useCallback(t=>{l.searchOptions&&(h.current&&clearTimeout(h.current),h.current=setTimeout(async()=>{if(!t){f([]);return}try{g(!0);const r=await l.searchOptions(t);f(r)}catch{}finally{g(!1)}},600))},[l]);return l.isTree?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.TreeSelect,{style:{width:"100%"},treeData:w(d),treeCheckable:!0,showCheckedStrategy:o.TreeSelect.SHOW_ALL,value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterTreeNode:n?()=>!0:void 0,loading:u,maxTagCount:2,placeholder:"-"})}):l.isMultiple?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},mode:"multiple",value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,options:p(d),onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})}):a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},value:e!=null?String(e):void 0,options:p(d),onChange:t=>c(Number(t)),onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})})}const b=y.observer(C);exports.SelectCell=b;

package/dist/index137.js

@@ -1,62 +1,94 @@
-import { jsxs as C, jsx as t } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { observer as V } from "mobx-react-lite";
-import { DrawerImageSelect as U } from "./index37.js";
-import v from "./index55.js";
-import T from "./index80.js";
-function j(n) {
-  var m;
-  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
-    imageId: a.id ?? null,
-    fileName: a.name ?? null
-  })), N = (a) => {
-    var l;
-    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
-  }, h = () => {
-    var a;
-    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
-  }, S = e.onImageNameSave ? (a) => {
-    var c;
-    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
-    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
-  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
-  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
-        onClick: N,
-        children: i ? /* @__PURE__ */ t(
-          "img",
-          {
-            src: i,
-            alt: (o == null ? void 0 : o.name) ?? "",
-            className: "w-full h-full object-cover"
-          }
-        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
-      }
-    ),
-    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
-    /* @__PURE__ */ t(
-      U,
-      {
-        allowVideoUpload: e.allowVideoUpload,
-        title: I,
-        visible: w,
-        images: s,
-        galleryImages: f,
-        disableUpload: b,
-        onChange: (a) => p(a),
-        onClose: h,
-        onImageNameSave: S,
-        imageNameMaxLength: e.imageNameMaxLength,
-        productImages: x
-      }
-    )
-  ] });
+import { jsx as a } from "react/jsx-runtime";
+import { useState as S, useRef as C, useCallback as b } from "react";
+import { observer as O } from "mobx-react-lite";
+import { TreeSelect as p, Select as g } from "@ikas/ui";
+function w(i) {
+  return i.map((e) => ({
+    label: e.label,
+    value: String(e.value)
+  }));
 }
-const q = V(j);
+function v(i) {
+  return i.map((e) => ({
+    key: String(e.value),
+    title: e.label,
+    value: String(e.value),
+    children: e.children ? v(e.children) : void 0
+  }));
+}
+function A(i) {
+  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
+    (r) => {
+      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
+        if (!r) {
+          d([]);
+          return;
+        }
+        try {
+          f(!0);
+          const t = await l.searchOptions(r);
+          d(t);
+        } catch {
+        } finally {
+          f(!1);
+        }
+      }, 600));
+    },
+    [l]
+  );
+  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    p,
+    {
+      style: { width: "100%" },
+      treeData: v(u),
+      treeCheckable: !0,
+      showCheckedStrategy: p.SHOW_ALL,
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterTreeNode: n ? () => !0 : void 0,
+      loading: s,
+      maxTagCount: 2,
+      placeholder: "-"
+    }
+  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      mode: "multiple",
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      options: w(u),
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) }) : /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      value: e != null ? String(e) : void 0,
+      options: w(u),
+      onChange: (r) => o(Number(r)),
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) });
+}
+const R = O(A);
 export {
-  q as ImageSelectCell
+  R as SelectCell
 };

package/dist/index138.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index143.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 c=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],r=e("grip-vertical",c);exports.__iconNode=c;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button",className:"flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",onClick:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;

package/dist/index138.js

@@ -1,19 +1,62 @@
-import c from "./index143.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 e = [
-  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
-  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
-  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
-  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
-  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
-  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], i = c("grip-vertical", e);
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { observer as V } from "mobx-react-lite";
+import { DrawerImageSelect as U } from "./index37.js";
+import v from "./index55.js";
+import T from "./index80.js";
+function j(n) {
+  var m;
+  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
+    imageId: a.id ?? null,
+    fileName: a.name ?? null
+  })), N = (a) => {
+    var l;
+    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
+  }, h = () => {
+    var a;
+    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
+  }, S = e.onImageNameSave ? (a) => {
+    var c;
+    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
+    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
+  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
+  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
+        onClick: N,
+        children: i ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
+          }
+        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
+      }
+    ),
+    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
+    /* @__PURE__ */ t(
+      U,
+      {
+        allowVideoUpload: e.allowVideoUpload,
+        title: I,
+        visible: w,
+        images: s,
+        galleryImages: f,
+        disableUpload: b,
+        onChange: (a) => p(a),
+        onClose: h,
+        onImageNameSave: S,
+        imageNameMaxLength: e.imageNameMaxLength,
+        productImages: x
+      }
+    )
+  ] });
+}
+const q = V(j);
 export {
-  e as __iconNode,
-  i as default
+  q as ImageSelectCell
 };

package/dist/index139.cjs

@@ -1 +1,6 @@
-"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index143.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 c=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],r=e("grip-vertical",c);exports.__iconNode=c;exports.default=r;

package/dist/index139.js

@@ -1,6 +1,19 @@
-const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
-  randomUUID: o
-};
+import c from "./index143.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 e = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], i = c("grip-vertical", e);
 export {
-  t as default
+  e as __iconNode,
+  i as default
 };

package/dist/index140.cjs

@@ -1 +1 @@
-"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;
+"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;

package/dist/index140.js

@@ -1,10 +1,6 @@
-let t;
-const e = new Uint8Array(16);
-function o() {
-  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return t(e);
-}
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
+};
 export {
-  o as default
+  t as default
 };

package/dist/index141.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;
+"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;

package/dist/index141.js

@@ -1,9 +1,10 @@
-const i = [];
-for (let n = 0; n < 256; ++n)
-  i.push((n + 256).toString(16).slice(1));
-function c(n, u = 0) {
-  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return t(e);
 }
 export {
-  c as unsafeStringify
+  o as default
 };

package/dist/index142.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;

package/dist/index142.js

@@ -1,6 +1,9 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
 }
 export {
-  e as getDefaultExportFromCjs
+  c as unsafeStringify
 };

package/dist/index149.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index202.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index221.cjs");/**
  * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/index149.js

@@ -1,4 +1,4 @@
-import { toCamelCase as t } from "./index202.js";
+import { toCamelCase as t } from "./index221.js";
 /**
  * @license lucide-react v0.563.0 - ISC
  *

package/dist/index153.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index142.cjs"),t=require("./index194.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("./index131.cjs"),t=require("./index194.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index153.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index142.js";
+import { getDefaultExportFromCjs as r } from "./index131.js";
 import { __require as t } from "./index194.js";
 var e = t();
 const i = /* @__PURE__ */ r(e);

package/dist/index163.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index142.cjs"),r=require("./index203.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";const e=require("./index131.cjs"),r=require("./index202.cjs");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/index163.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index142.js";
-import { __require as o } from "./index203.js";
+import { getDefaultExportFromCjs as r } from "./index131.js";
+import { __require as o } from "./index202.js";
 var p = /* @__PURE__ */ o();
 const s = /* @__PURE__ */ r(p);
 export {

package/dist/index164.cjs

@@ -1 +1 @@
-"use strict";const t=require("./index208.cjs"),c=require("./index209.cjs");var i=c(function(e,r,s){t(e,r,s)});module.exports=i;
+"use strict";const t=require("./index211.cjs"),c=require("./index212.cjs");var i=c(function(e,r,s){t(e,r,s)});module.exports=i;

package/dist/index164.js

@@ -1,5 +1,5 @@
-import t from "./index208.js";
-import a from "./index209.js";
+import t from "./index211.js";
+import a from "./index212.js";
 var i = a(function(e, r, o) {
   t(e, r, o);
 });

package/dist/index165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index97.cjs"),c=require("./index210.cjs");var f=function(r){var o=["r","g","b","a","h","s","l","v"],i=0,t=0;return c(o,function(e){if(r[e]&&(i+=1,isNaN(r[e])||(t+=1),e==="s"||e==="l")){var s=/^\d+%$/;s.test(r[e])&&(t+=1)}}),i===t?r:!1},v=function(r,o){var i=r.hex?a(r.hex):a(r),t=i.toHsl(),e=i.toHsv(),s=i.toRgb(),l=i.toHex();t.s===0&&(t.h=o||0,e.h=o||0);var g=l==="000000"&&s.a===0;return{hsl:t,hex:g?"transparent":"#"+l,rgb:s,hsv:e,oldHue:r.h||o||t.h,source:r.source}},u=function(r){if(r==="transparent")return!0;var o=String(r).charAt(0)==="#"?1:0;return r.length!==4+o&&r.length<7+o&&a(r).isValid()},h=function(r){if(!r)return"#fff";var o=v(r);if(o.hex==="transparent")return"rgba(0,0,0,0.4)";var i=(o.rgb.r*299+o.rgb.g*587+o.rgb.b*114)/1e3;return i>=128?"#000":"#fff"},C=function(r,o){var i=r.replace("°","");return a(o+" ("+i+")")._ok};exports.getContrastingColor=h;exports.isValidHex=u;exports.isvalidColorString=C;exports.simpleCheckForValidColor=f;exports.toState=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index97.cjs"),c=require("./index213.cjs");var f=function(r){var o=["r","g","b","a","h","s","l","v"],i=0,t=0;return c(o,function(e){if(r[e]&&(i+=1,isNaN(r[e])||(t+=1),e==="s"||e==="l")){var s=/^\d+%$/;s.test(r[e])&&(t+=1)}}),i===t?r:!1},v=function(r,o){var i=r.hex?a(r.hex):a(r),t=i.toHsl(),e=i.toHsv(),s=i.toRgb(),l=i.toHex();t.s===0&&(t.h=o||0,e.h=o||0);var g=l==="000000"&&s.a===0;return{hsl:t,hex:g?"transparent":"#"+l,rgb:s,hsv:e,oldHue:r.h||o||t.h,source:r.source}},u=function(r){if(r==="transparent")return!0;var o=String(r).charAt(0)==="#"?1:0;return r.length!==4+o&&r.length<7+o&&a(r).isValid()},h=function(r){if(!r)return"#fff";var o=v(r);if(o.hex==="transparent")return"rgba(0,0,0,0.4)";var i=(o.rgb.r*299+o.rgb.g*587+o.rgb.b*114)/1e3;return i>=128?"#000":"#fff"},C=function(r,o){var i=r.replace("°","");return a(o+" ("+i+")")._ok};exports.getContrastingColor=h;exports.isValidHex=u;exports.isvalidColorString=C;exports.simpleCheckForValidColor=f;exports.toState=v;

package/dist/index165.js

@@ -1,5 +1,5 @@
 import s from "./index97.js";
-import l from "./index210.js";
+import l from "./index213.js";
 var u = function(r) {
   var o = ["r", "g", "b", "a", "h", "s", "l", "v"], i = 0, n = 0;
   return l(o, function(t) {

package/dist/index167.cjs

@@ -1 +1 @@
-"use strict";const s=require("./index211.cjs"),t=require("./index212.cjs"),u=require("./index213.cjs"),n=require("./index214.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;
+"use strict";const s=require("./index207.cjs"),t=require("./index208.cjs"),u=require("./index209.cjs"),n=require("./index210.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;

package/dist/index167.js

@@ -1,7 +1,7 @@
-import t from "./index211.js";
-import o from "./index212.js";
-import p from "./index213.js";
-import e from "./index214.js";
+import t from "./index207.js";
+import o from "./index208.js";
+import p from "./index209.js";
+import e from "./index210.js";
 function n(r, a) {
   var m = e(r) ? t : p;
   return m(r, o(a));

package/dist/index170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index153.cjs"),f=require("./index165.cjs"),h=require("./index215.cjs");require("./index154.cjs");require("./index155.cjs");const o=require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index161.cjs");const g=require("./index216.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("./index153.cjs"),f=require("./index165.cjs"),h=require("./index214.cjs");require("./index154.cjs");require("./index155.cjs");const o=require("./index156.cjs");require("./index157.cjs");require("./index158.cjs");require("./index159.cjs");require("./index161.cjs");const g=require("./index215.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;