eddyter 1.4.12 → 1.4.13

package/dist/{index-hrDzgkRb.js → index-ZBDns08-.js}

@@ -1,21 +1,22 @@
-import { jsxs as x, Fragment as rt, jsx as i } from "react/jsx-runtime";
+import { jsxs as N, Fragment as rt, jsx as i } from "react/jsx-runtime";
 import { I as it } from "./ImageResizer-BVwxL4Eh.js";
-import { J as N, W as ot, n as nt, A as ct, o as lt, p as at, q as dt, T as st, M as ut, w as ft, x as gt } from "./index-Dh0oRk6u.js";
-import { LinkNode as mt } from "@lexical/link";
-import { AutoFocusPlugin as pt } from "@lexical/react/LexicalAutoFocusPlugin";
-import { useLexicalComposerContext as ht } from "@lexical/react/LexicalComposerContext";
-import { ContentEditable as bt } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary as Ct } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as xt } from "@lexical/react/LexicalHistoryPlugin";
-import { LexicalNestedComposer as Nt } from "@lexical/react/LexicalNestedComposer";
-import { OnChangePlugin as vt } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as Et } from "@lexical/react/LexicalRichTextPlugin";
-import { useLexicalEditable as yt } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as Rt } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as At } from "@lexical/utils";
-import { $getSelection as M, $isNodeSelection as p, $setSelection as O, SELECTION_CHANGE_COMMAND as kt, COMMAND_PRIORITY_LOW as f, CLICK_COMMAND as St, DRAGSTART_COMMAND as Dt, KEY_DELETE_COMMAND as Mt, KEY_BACKSPACE_COMMAND as Pt, KEY_ENTER_COMMAND as Lt, KEY_ESCAPE_COMMAND as _t, RootNode as $t, TextNode as zt, LineBreakNode as It, ParagraphNode as Wt, $getNodeByKey as A, $isParagraphNode as T } from "lexical";
-import { useRef as P, useState as w, useCallback as v, useEffect as Ot } from "react";
-function re({
+import { CodeNode as ot } from "@lexical/code";
+import { LinkNode as nt } from "@lexical/link";
+import { AutoFocusPlugin as ct } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useLexicalComposerContext as lt } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as at } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as dt } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as st } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as ut } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as ft } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as gt } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as mt } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as pt } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as ht } from "@lexical/utils";
+import { $getSelection as P, $isNodeSelection as p, $setSelection as W, SELECTION_CHANGE_COMMAND as bt, COMMAND_PRIORITY_LOW as f, CLICK_COMMAND as Ct, DRAGSTART_COMMAND as Nt, KEY_DELETE_COMMAND as xt, KEY_BACKSPACE_COMMAND as vt, KEY_ENTER_COMMAND as Et, KEY_ESCAPE_COMMAND as yt, RootNode as Rt, TextNode as At, LineBreakNode as kt, ParagraphNode as St, $getNodeByKey as A, $isParagraphNode as T } from "lexical";
+import { useRef as L, useState as w, useCallback as x, useEffect as Dt } from "react";
+import { U as v, W as Pt, b as Lt, A as Mt, d as _t, e as $t, H as zt, T as It, N as Ot, O as Wt } from "./index-DFEFJp4J.js";
+function ie({
   src: j,
   nodeKey: g,
   width: h,
@@ -28,36 +29,36 @@ function re({
   controls: V = !0,
   position: n = "none"
 }) {
-  const a = P(null), S = P(null), [l, d, C] = Rt(g), [s, L] = w(!1), [o] = ht(), [y, H] = w(null), _ = P(null), K = yt(), D = v(
+  const a = L(null), S = L(null), [l, d, C] = pt(g), [s, M] = w(!1), [o] = lt(), [y, H] = w(null), _ = L(null), K = mt(), D = x(
     (t) => {
-      const r = M();
+      const r = P();
       return l && p(r) && (t.preventDefault(), o.update(() => {
         r.getNodes().forEach((c) => {
-          N(c) && c.remove();
+          v(c) && c.remove();
         });
       })), !1;
     },
     [o, l]
-  ), $ = v(
+  ), $ = x(
     (t) => {
-      const r = M(), e = S.current;
+      const r = P(), e = S.current;
       if (l && p(r) && r.getNodes().length === 1) {
         if (E)
-          return O(null), t.preventDefault(), b.focus(), !0;
+          return W(null), t.preventDefault(), b.focus(), !0;
         if (e !== null && e !== document.activeElement)
           return t.preventDefault(), e.focus(), !0;
       }
       return !1;
     },
     [b, l, E]
-  ), z = v(
-    (t) => _.current === b || S.current === t.target ? (O(null), o.update(() => {
+  ), z = x(
+    (t) => _.current === b || S.current === t.target ? (W(null), o.update(() => {
       d(!0);
       const r = o.getRootElement();
       r !== null && r.focus();
     }), !0) : !1,
     [b, o, d]
-  ), I = v(
+  ), I = x(
     (t) => {
       const r = t;
       if (s)
@@ -75,40 +76,40 @@ function re({
     },
     [s, l, d, C]
   );
-  Ot(() => {
+  Dt(() => {
     let t = !0;
-    const r = At(
+    const r = ht(
       o.registerUpdateListener(({ editorState: e }) => {
-        t && H(e.read(() => M()));
+        t && H(e.read(() => P()));
       }),
       o.registerCommand(
-        kt,
+        bt,
         (e, c) => (_.current = c, !1),
         f
       ),
       o.registerCommand(
-        St,
+        Ct,
         I,
         f
       ),
       o.registerCommand(
-        Dt,
+        Nt,
         (e) => e.target === a.current ? (e.preventDefault(), !0) : !1,
         f
       ),
       o.registerCommand(
-        Mt,
+        xt,
         D,
         f
       ),
       o.registerCommand(
-        Pt,
+        vt,
         D,
         f
       ),
-      o.registerCommand(Lt, $, f),
+      o.registerCommand(Et, $, f),
       o.registerCommand(
-        _t,
+        yt,
         z,
         f
       )
@@ -131,21 +132,21 @@ function re({
   const X = () => {
     o.update(() => {
       const t = A(g);
-      N(t) && t.setShowCaption(!0);
+      v(t) && t.setShowCaption(!0);
     });
   }, G = (t, r) => {
     setTimeout(() => {
-      L(!1);
+      M(!1);
     }, 200), o.update(() => {
       const e = A(g);
-      N(e) && e.setWidthAndHeight(t, r);
+      v(e) && e.setWidthAndHeight(t, r);
     });
-  }, q = () => {
-    L(!0);
-  }, J = (t) => {
+  }, U = () => {
+    M(!0);
+  }, q = (t) => {
     t.preventDefault(), t.stopPropagation(), o.update(() => {
       const r = A(g);
-      if (N(r)) {
+      if (v(r)) {
         const e = r.getParent();
         r.remove(), e && T(e) && e.getChildrenSize() === 0 && e.setFormat("left");
       }
@@ -153,13 +154,13 @@ function re({
   }, m = (t, r) => {
     t.preventDefault(), t.stopPropagation(), o.update(() => {
       const e = A(g);
-      if (N(e)) {
+      if (v(e)) {
         e.setPosition(r);
         const c = e.getParent();
         c && T(c) && (r === "left" ? c.setFormat("left") : r === "right" ? c.setFormat("right") : c.setFormat(""));
       }
     });
-  }, U = v(
+  }, J = x(
     (t) => {
       if (s || t.target.closest("button"))
         return;
@@ -172,13 +173,13 @@ function re({
       !e && !c || (t.stopPropagation(), t.shiftKey ? d(!l) : (C(), d(!0)));
     },
     [s, l, d, C]
-  ), Q = l && p(y) && !s, W = (l || s) && K, Z = typeof h == "number" && typeof k == "number", tt = typeof h == "number" ? h : "auto", et = typeof k == "number" ? k : "auto";
-  return /* @__PURE__ */ x(rt, { children: [
-    /* @__PURE__ */ x(
+  ), Q = l && p(y) && !s, O = (l || s) && K, Z = typeof h == "number" && typeof k == "number", tt = typeof h == "number" ? h : "auto", et = typeof k == "number" ? k : "auto";
+  return /* @__PURE__ */ N(rt, { children: [
+    /* @__PURE__ */ N(
       "div",
       {
         draggable: Q,
-        style: (() => n === "left" || n === "right" ? {
+        style: n === "left" || n === "right" ? {
           position: "relative",
           display: "block",
           width: "100%"
@@ -205,8 +206,8 @@ function re({
         } : {
           position: "relative",
           display: "inline-block"
-        })(),
-        onClick: U,
+        },
+        onClick: J,
         children: [
           /* @__PURE__ */ i(
             "video",
@@ -215,7 +216,7 @@ function re({
               src: j,
               controls: V,
               preload: "metadata",
-              className: W ? `focused ${p(y) ? "draggable" : ""}` : void 0,
+              className: O ? `focused ${p(y) ? "draggable" : ""}` : void 0,
               style: Z ? {
                 width: tt,
                 height: et,
@@ -227,8 +228,8 @@ function re({
               draggable: "false"
             }
           ),
-          l && p(y) && /* @__PURE__ */ x("div", { className: "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-flex cteditor-gap-1 cteditor-z-10", children: [
-            /* @__PURE__ */ x("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-background/80 cteditor-rounded-md cteditor-shadow-md cteditor-border cteditor-border-border cteditor-p-0.5", children: [
+          l && p(y) && /* @__PURE__ */ N("div", { className: "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-flex cteditor-gap-1 cteditor-z-10", children: [
+            /* @__PURE__ */ N("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-background/80 cteditor-rounded-md cteditor-shadow-md cteditor-border cteditor-border-border cteditor-p-0.5", children: [
               /* @__PURE__ */ i(
                 "button",
                 {
@@ -237,7 +238,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "left" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Wrap text left",
                   title: "Wrap text left",
-                  children: /* @__PURE__ */ i(ot, {})
+                  children: /* @__PURE__ */ i(Pt, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -248,7 +249,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "right" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Wrap text right",
                   title: "Wrap text right",
-                  children: /* @__PURE__ */ i(nt, {})
+                  children: /* @__PURE__ */ i(Lt, {})
                 }
               ),
               /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
@@ -260,7 +261,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-left" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Align left",
                   title: "Align left (no text wrap)",
-                  children: /* @__PURE__ */ i(ct, {})
+                  children: /* @__PURE__ */ i(Mt, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -271,7 +272,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-center" || n === "full" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Align center",
                   title: "Align center (no text wrap)",
-                  children: /* @__PURE__ */ i(lt, {})
+                  children: /* @__PURE__ */ i(_t, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -282,7 +283,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-right" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Align right",
                   title: "Align right (no text wrap)",
-                  children: /* @__PURE__ */ i(at, {})
+                  children: /* @__PURE__ */ i($t, {})
                 }
               ),
               /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
@@ -294,7 +295,7 @@ function re({
                   className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "none" ? "cteditor-bg-accent" : ""}`,
                   "aria-label": "Inline",
                   title: "Inline with text",
-                  children: /* @__PURE__ */ i(dt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                  children: /* @__PURE__ */ i(zt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                 }
               )
             ] }),
@@ -303,16 +304,16 @@ function re({
               {
                 type: "button",
                 onClick: (t) => {
-                  t.stopPropagation(), J(t);
+                  t.stopPropagation(), q(t);
                 },
                 className: "cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
                 "aria-label": "Delete video",
                 title: "Delete video",
-                children: /* @__PURE__ */ i(st, { className: "cteditor-w-4 cteditor-h-4" })
+                children: /* @__PURE__ */ i(It, { className: "cteditor-w-4 cteditor-h-4" })
               }
             )
           ] }),
-          Y && p(y) && W && /* @__PURE__ */ i(
+          Y && p(y) && O && /* @__PURE__ */ i(
             it,
             {
               showCaption: E,
@@ -321,7 +322,7 @@ function re({
               buttonRef: S,
               imageRef: a,
               maxWidth: B,
-              onResizeStart: q,
+              onResizeStart: U,
               onResizeEnd: G,
               captionsEnabled: F
             }
@@ -338,43 +339,43 @@ function re({
           maxWidth: "100%",
           ...n === "inline-center" || n === "full" ? { margin: "0 auto" } : n === "inline-right" ? { marginLeft: "auto" } : n === "left" ? { float: "left", clear: "left" } : n === "right" ? { float: "right", clear: "right" } : {}
         },
-        children: /* @__PURE__ */ x(
-          Nt,
+        children: /* @__PURE__ */ N(
+          ut,
           {
             initialEditor: b,
             initialNodes: [
-              $t,
-              zt,
-              It,
-              Wt,
-              mt,
-              ut
+              Rt,
+              At,
+              kt,
+              St,
+              nt,
+              ot
             ],
             children: [
-              /* @__PURE__ */ i(pt, {}),
+              /* @__PURE__ */ i(ct, {}),
               /* @__PURE__ */ i(
-                Et,
+                gt,
                 {
                   contentEditable: /* @__PURE__ */ i(
-                    bt,
+                    at,
                     {
                       "aria-placeholder": "Enter a caption...",
                       placeholder: () => /* @__PURE__ */ i("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
                       className: "ImageNode__contentEditable"
                     }
                   ),
-                  ErrorBoundary: Ct
+                  ErrorBoundary: dt
                 }
               ),
               /* @__PURE__ */ i(
-                vt,
+                ft,
                 {
                   onChange: () => {
                   }
                 }
               ),
-              /* @__PURE__ */ i(xt, {}),
-              /* @__PURE__ */ i(ft, { namespace: gt.namespace })
+              /* @__PURE__ */ i(st, {}),
+              /* @__PURE__ */ i(Ot, { namespace: Wt.namespace })
             ]
           }
         )
@@ -383,5 +384,5 @@ function re({
   ] });
 }
 export {
-  re as default
+  ie as default
 };

package/dist/index-rm00T8b9.js

@@ -0,0 +1,166 @@
+import s, { useRef as g, useState as Y, useEffect as y, useCallback as P, useLayoutEffect as V, useMemo as A } from "react";
+function C() {
+  return (C = Object.assign || function(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (r[n] = t[n]);
+    }
+    return r;
+  }).apply(this, arguments);
+}
+function K(r, e) {
+  if (r == null) return {};
+  var t, n, o = {}, a = Object.keys(r);
+  for (n = 0; n < a.length; n++) e.indexOf(t = a[n]) >= 0 || (o[t] = r[t]);
+  return o;
+}
+function M(r) {
+  var e = g(r), t = g(function(n) {
+    e.current && e.current(n);
+  });
+  return e.current = r, t.current;
+}
+var b = function(r, e, t) {
+  return e === void 0 && (e = 0), t === void 0 && (t = 1), r > t ? t : r < e ? e : r;
+}, _ = function(r) {
+  return "touches" in r;
+}, k = function(r) {
+  return r && r.ownerDocument.defaultView || self;
+}, z = function(r, e, t) {
+  var n = r.getBoundingClientRect(), o = _(e) ? (function(a, c) {
+    for (var u = 0; u < a.length; u++) if (a[u].identifier === c) return a[u];
+    return a[0];
+  })(e.touches, t) : e;
+  return { left: b((o.pageX - (n.left + k(r).pageXOffset)) / n.width), top: b((o.pageY - (n.top + k(r).pageYOffset)) / n.height) };
+}, D = function(r) {
+  !_(r) && r.preventDefault();
+}, j = s.memo(function(r) {
+  var e = r.onMove, t = r.onKey, n = K(r, ["onMove", "onKey"]), o = g(null), a = M(e), c = M(t), u = g(null), h = g(!1), l = A(function() {
+    var T = function(v) {
+      D(v), (_(v) ? v.touches.length > 0 : v.buttons > 0) && o.current ? a(z(o.current, v, u.current)) : x(!1);
+    }, B = function() {
+      return x(!1);
+    };
+    function x(v) {
+      var f = h.current, p = k(o.current), m = v ? p.addEventListener : p.removeEventListener;
+      m(f ? "touchmove" : "mousemove", T), m(f ? "touchend" : "mouseup", B);
+    }
+    return [function(v) {
+      var f = v.nativeEvent, p = o.current;
+      if (p && (D(f), !(function(R, X) {
+        return X && !_(R);
+      })(f, h.current) && p)) {
+        if (_(f)) {
+          h.current = !0;
+          var m = f.changedTouches || [];
+          m.length && (u.current = m[0].identifier);
+        }
+        p.focus(), a(z(p, f, u.current)), x(!0);
+      }
+    }, function(v) {
+      var f = v.which || v.keyCode;
+      f < 37 || f > 40 || (v.preventDefault(), c({ left: f === 39 ? 0.05 : f === 37 ? -0.05 : 0, top: f === 40 ? 0.05 : f === 38 ? -0.05 : 0 }));
+    }, x];
+  }, [c, a]), d = l[0], E = l[1], O = l[2];
+  return y(function() {
+    return O;
+  }, [O]), s.createElement("div", C({}, n, { onTouchStart: d, onMouseDown: d, className: "react-colorful__interactive", ref: o, onKeyDown: E, tabIndex: 0, role: "slider" }));
+}), I = function(r) {
+  return r.filter(Boolean).join(" ");
+}, S = function(r) {
+  var e = r.color, t = r.left, n = r.top, o = n === void 0 ? 0.5 : n, a = I(["react-colorful__pointer", r.className]);
+  return s.createElement("div", { className: a, style: { top: 100 * o + "%", left: 100 * t + "%" } }, s.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: e } }));
+}, i = function(r, e, t) {
+  return e === void 0 && (e = 0), t === void 0 && (t = Math.pow(10, e)), Math.round(t * r) / t;
+}, F = function(r) {
+  return Z(N(r));
+}, N = function(r) {
+  return r[0] === "#" && (r = r.substring(1)), r.length < 6 ? { r: parseInt(r[0] + r[0], 16), g: parseInt(r[1] + r[1], 16), b: parseInt(r[2] + r[2], 16), a: r.length === 4 ? i(parseInt(r[3] + r[3], 16) / 255, 2) : 1 } : { r: parseInt(r.substring(0, 2), 16), g: parseInt(r.substring(2, 4), 16), b: parseInt(r.substring(4, 6), 16), a: r.length === 8 ? i(parseInt(r.substring(6, 8), 16) / 255, 2) : 1 };
+}, J = function(r) {
+  return W(U(r));
+}, Q = function(r) {
+  var e = r.s, t = r.v, n = r.a, o = (200 - e) * t / 100;
+  return { h: i(r.h), s: i(o > 0 && o < 200 ? e * t / 100 / (o <= 100 ? o : 200 - o) * 100 : 0), l: i(o / 2), a: i(n, 2) };
+}, H = function(r) {
+  var e = Q(r);
+  return "hsl(" + e.h + ", " + e.s + "%, " + e.l + "%)";
+}, U = function(r) {
+  var e = r.h, t = r.s, n = r.v, o = r.a;
+  e = e / 360 * 6, t /= 100, n /= 100;
+  var a = Math.floor(e), c = n * (1 - t), u = n * (1 - (e - a) * t), h = n * (1 - (1 - e + a) * t), l = a % 6;
+  return { r: i(255 * [n, u, c, c, h, n][l]), g: i(255 * [h, n, n, u, c, c][l]), b: i(255 * [c, c, h, n, n, u][l]), a: i(o, 2) };
+}, w = function(r) {
+  var e = r.toString(16);
+  return e.length < 2 ? "0" + e : e;
+}, W = function(r) {
+  var e = r.r, t = r.g, n = r.b, o = r.a, a = o < 1 ? w(i(255 * o)) : "";
+  return "#" + w(e) + w(t) + w(n) + a;
+}, Z = function(r) {
+  var e = r.r, t = r.g, n = r.b, o = r.a, a = Math.max(e, t, n), c = a - Math.min(e, t, n), u = c ? a === e ? (t - n) / c : a === t ? 2 + (n - e) / c : 4 + (e - t) / c : 0;
+  return { h: i(60 * (u < 0 ? u + 6 : u)), s: i(a ? c / a * 100 : 0), v: i(a / 255 * 100), a: o };
+}, $ = s.memo(function(r) {
+  var e = r.hue, t = r.onChange, n = I(["react-colorful__hue", r.className]);
+  return s.createElement("div", { className: n }, s.createElement(j, { onMove: function(o) {
+    t({ h: 360 * o.left });
+  }, onKey: function(o) {
+    t({ h: b(e + 360 * o.left, 0, 360) });
+  }, "aria-label": "Hue", "aria-valuenow": i(e), "aria-valuemax": "360", "aria-valuemin": "0" }, s.createElement(S, { className: "react-colorful__hue-pointer", left: e / 360, color: H({ h: e, s: 100, v: 100, a: 1 }) })));
+}), G = s.memo(function(r) {
+  var e = r.hsva, t = r.onChange, n = { backgroundColor: H({ h: e.h, s: 100, v: 100, a: 1 }) };
+  return s.createElement("div", { className: "react-colorful__saturation", style: n }, s.createElement(j, { onMove: function(o) {
+    t({ s: 100 * o.left, v: 100 - 100 * o.top });
+  }, onKey: function(o) {
+    t({ s: b(e.s + 100 * o.left, 0, 100), v: b(e.v - 100 * o.top, 0, 100) });
+  }, "aria-label": "Color", "aria-valuetext": "Saturation " + i(e.s) + "%, Brightness " + i(e.v) + "%" }, s.createElement(S, { className: "react-colorful__saturation-pointer", top: 1 - e.v / 100, left: e.s / 100, color: H(e) })));
+}), q = function(r, e) {
+  if (r === e) return !0;
+  for (var t in r) if (r[t] !== e[t]) return !1;
+  return !0;
+}, rr = function(r, e) {
+  return r.toLowerCase() === e.toLowerCase() || q(N(r), N(e));
+};
+function er(r, e, t) {
+  var n = M(t), o = Y(function() {
+    return r.toHsva(e);
+  }), a = o[0], c = o[1], u = g({ color: e, hsva: a });
+  y(function() {
+    if (!r.equal(e, u.current.color)) {
+      var l = r.toHsva(e);
+      u.current = { hsva: l, color: e }, c(l);
+    }
+  }, [e, r]), y(function() {
+    var l;
+    q(a, u.current.hsva) || r.equal(l = r.fromHsva(a), u.current.color) || (u.current = { hsva: a, color: l }, n(l));
+  }, [a, r, n]);
+  var h = P(function(l) {
+    c(function(d) {
+      return Object.assign({}, d, l);
+    });
+  }, []);
+  return [a, h];
+}
+var tr = typeof window < "u" ? V : y, nr = function() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}, L = /* @__PURE__ */ new Map(), or = function(r) {
+  tr(function() {
+    var e = r.current ? r.current.ownerDocument : document;
+    if (e !== void 0 && !L.has(e)) {
+      var t = e.createElement("style");
+      t.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`, L.set(e, t);
+      var n = nr();
+      n && t.setAttribute("nonce", n), e.head.appendChild(t);
+    }
+  }, []);
+}, ar = function(r) {
+  var e = r.className, t = r.colorModel, n = r.color, o = n === void 0 ? t.defaultColor : n, a = r.onChange, c = K(r, ["className", "colorModel", "color", "onChange"]), u = g(null);
+  or(u);
+  var h = er(t, o, a), l = h[0], d = h[1], E = I(["react-colorful", e]);
+  return s.createElement("div", C({}, c, { ref: u, className: E }), s.createElement(G, { hsva: l, onChange: d }), s.createElement($, { hue: l.h, onChange: d, className: "react-colorful__last-control" }));
+}, ur = { defaultColor: "000", toHsva: F, fromHsva: function(r) {
+  return J({ h: r.h, s: r.s, v: r.v, a: 1 });
+}, equal: rr }, lr = function(r) {
+  return s.createElement(ar, C({}, r, { colorModel: ur }));
+};
+export {
+  lr as HexColorPicker
+};

package/dist/index.js

@@ -1,6 +1,6 @@
-import { N as a, O as r, P as t, Q as s, R as o, U as d, V as v, Y as u, Z as f, _ as n, a0 as l, a1 as w } from "./index-Dh0oRk6u.js";
+import { Y as i, Z as r, _ as t, a0 as s, a1 as o, a2 as d, a3 as v, a4 as u, a5 as f, a6 as n, a7 as l, a8 as w } from "./index-DFEFJp4J.js";
 export {
-  a as ConfigurableEditor,
+  i as ConfigurableEditor,
   r as ConfigurableEditorWithAuth,
   t as ContentPreview,
   s as EditorProvider,