@tomorrowevening/hermes 0.1.38 → 0.1.40

package/dist/editor/sidePanel/inspector/InspectImage.js

@@ -0,0 +1,100 @@
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { useRef as u, useState as i } from "react";
+import { uploadLocalImage as w } from "./utils/InspectMaterial.js";
+import { noImage as I } from "../../components/content.js";
+import { randomID as v } from "../../utils.js";
+function q(e) {
+  const m = e.step !== void 0 ? e.step : 0.01, d = u(null), p = u(null), C = u(null), R = u(null), b = u(null), [k] = i(e.value), [r, X] = i(e.value.offset[0]), [c, Y] = i(e.value.offset[1]), [f, y] = i(e.value.repeat[0]), [l, x] = i(e.value.repeat[1]);
+  function s(a, o, t, O, j) {
+    if (e.onChange !== void 0) {
+      const N = e.prop !== void 0 ? e.prop : e.title;
+      e.onChange(N, {
+        src: a,
+        offset: [o, t],
+        repeat: [O, j]
+      });
+    }
+  }
+  function h(a) {
+    const o = d.current.src, t = a.target.value;
+    switch (a.target) {
+      case p.current:
+        X(t), s(o, t, c, f, l);
+        break;
+      case C.current:
+        Y(t), s(o, r, t, f, l);
+        break;
+      case R.current:
+        y(t), s(o, r, c, t, l);
+        break;
+      case b.current:
+        x(t), s(o, r, c, f, t);
+        break;
+    }
+  }
+  return /* @__PURE__ */ g("div", { className: "imageField", children: [
+    /* @__PURE__ */ n("img", { alt: e.title, ref: d, onClick: () => {
+      w().then((a) => {
+        d.current.src = a, s(a, r, c, f, l);
+      });
+    }, src: k.src.length > 0 ? k.src : I }),
+    /* @__PURE__ */ g("div", { className: "fields", children: [
+      /* @__PURE__ */ g("div", { children: [
+        /* @__PURE__ */ n("span", { children: "Offset:" }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: p,
+            type: "number",
+            value: r,
+            step: m,
+            name: v(),
+            onChange: h
+          }
+        ),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: C,
+            type: "number",
+            value: c,
+            step: m,
+            name: v(),
+            onChange: h
+          }
+        )
+      ] }),
+      /* @__PURE__ */ g("div", { children: [
+        /* @__PURE__ */ n("span", { children: "Repeat:" }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: R,
+            type: "number",
+            value: f,
+            step: m,
+            name: v(),
+            onChange: h
+          }
+        ),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: b,
+            type: "number",
+            value: l,
+            step: m,
+            name: v(),
+            onChange: h
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("button", { onClick: () => {
+        s("", r, c, f, l), d.current.src = I;
+      }, children: "Clear" })
+    ] })
+  ] });
+}
+export {
+  q as default
+};

package/dist/editor/sidePanel/inspector/InspectNumber.js

@@ -0,0 +1,76 @@
+import { jsxs as f, Fragment as g, jsx as m } from "react/jsx-runtime";
+import { useRef as r, useState as b } from "react";
+import h from "./utils/DragNumber.js";
+import { noop as c } from "../../../core/types.js";
+import { randomID as u } from "../../utils.js";
+function s(e) {
+  const i = r(null), d = r(null), [t, l] = b(e.value);
+  return h({
+    label: e.labelRef,
+    input: i,
+    sliderRef: d,
+    defaultValue: t,
+    min: e.min,
+    max: e.max,
+    step: e.step,
+    onChange: (a) => {
+      l(a), e.onChange !== void 0 && e.onChange(e.prop, a);
+    }
+  }), /* @__PURE__ */ f(g, { children: [
+    e.type === "number" && /* @__PURE__ */ m(
+      "input",
+      {
+        alt: e.alt,
+        className: e.className,
+        ref: i,
+        type: "number",
+        value: t,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        name: u(),
+        onChange: (a) => {
+          if (l(a.target.value), a.target.value.length === 0) return;
+          const n = Number(a.target.value);
+          isNaN(n) || e.onChange !== void 0 && e.onChange(e.prop, n);
+        }
+      }
+    ),
+    e.type === "range" && /* @__PURE__ */ f(g, { children: [
+      /* @__PURE__ */ m(
+        "input",
+        {
+          type: "text",
+          value: t.toString(),
+          disabled: e.disabled,
+          ref: i,
+          className: "min",
+          name: u(),
+          onChange: (a) => {
+            if (a.target.value.length === 0) return;
+            const n = Number(a.target.value);
+            isNaN(n) || (l(n), e.onChange !== void 0 && e.onChange(e.prop, n));
+          }
+        }
+      ),
+      /* @__PURE__ */ m(
+        "input",
+        {
+          disabled: e.disabled,
+          type: "range",
+          value: t,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          ref: d,
+          name: u(),
+          onChange: c
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  s as default
+};

package/dist/editor/sidePanel/inspector/InspectVector2.js

@@ -0,0 +1,154 @@
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import { useRef as l, useState as d, useEffect as k } from "react";
+import { normalize as Y, clamp as s, roundTo as j, mix as I } from "../../../utils/math.js";
+import v from "./utils/DragNumber.js";
+import { randomID as h } from "../../utils.js";
+function J(a) {
+  const C = l(null), M = l(null), g = l(null), b = l(null), R = l(null), y = l(null), p = l(null), w = l(null), L = l(null), D = l(null), [i, c] = d(a.value.x), [u, f] = d(a.value.y), [e, r] = d({
+    min: Math.min(a.min, Math.min(a.value.x, a.value.y)),
+    max: Math.max(a.max, Math.max(a.value.x, a.value.y))
+  }), [P, E] = d(!1);
+  v({
+    label: p,
+    input: C,
+    defaultValue: i,
+    min: e.min,
+    max: e.max,
+    step: 0.01,
+    onChange: (n) => {
+      c(n), a.onChange({ target: { value: { x: n, y: u } } });
+    }
+  }), v({
+    label: w,
+    input: M,
+    defaultValue: u,
+    min: e.min,
+    max: e.max,
+    step: 0.01,
+    onChange: (n) => {
+      f(n), a.onChange({ target: { value: { x: i, y: n } } });
+    }
+  }), v({
+    label: L,
+    input: g,
+    defaultValue: e.min,
+    min: e.min - 1,
+    max: e.max + 1,
+    step: 0.01,
+    onChange: (n) => {
+      r({ min: n, max: e.max });
+    }
+  }), v({
+    label: D,
+    input: b,
+    defaultValue: e.max,
+    min: e.min - 1,
+    max: e.max + 1,
+    step: 0.01,
+    onChange: (n) => {
+      r({ min: e.min, max: n });
+    }
+  });
+  function $() {
+    P || (window.addEventListener("mousemove", V), window.addEventListener("mouseup", N), E(!0));
+  }
+  function N() {
+    window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", N), E(!1);
+  }
+  function V(n) {
+    const t = R.current.getBoundingClientRect(), T = s(0, 99, n.clientX - t.left) / 99, U = 1 - s(0, 99, n.clientY - t.top) / 99, B = j(I(e.min, e.max, T), 3), X = j(I(e.min, e.max, U), 3);
+    a.onChange({ target: { value: { x: B, y: X } } }), c(B), f(X);
+  }
+  function z() {
+    const n = Number(g.current.value);
+    r({ min: n, max: e.max }), i < n && c(s(n, e.max, i)), u < n && f(s(n, e.max, u));
+  }
+  function S() {
+    const n = Number(b.current.value);
+    r({ min: e.min, max: n }), i > n && c(s(e.min, n, i)), u > n && f(s(e.min, n, u));
+  }
+  k(() => {
+    y.current.style.left = `${Y(e.min, e.max, i) * 100}%`, y.current.style.top = `${(1 - Y(e.min, e.max, u)) * 100}%`;
+  }, [e, i, u]);
+  const x = a.step !== void 0 ? a.step : 0.01;
+  return /* @__PURE__ */ o("div", { className: "vector2", children: [
+    /* @__PURE__ */ o("div", { className: "fields", children: [
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ m("span", { ref: p, children: "X" }),
+        /* @__PURE__ */ m(
+          "input",
+          {
+            ref: C,
+            type: "number",
+            value: i,
+            min: e.min,
+            max: e.max,
+            step: x,
+            name: h(),
+            onChange: (n) => {
+              if (c(n.target.value), n.target.value.length === 0) return;
+              const t = Number(n.target.value);
+              isNaN(t) || (a.onChange({ target: { value: { x: t, y: u } } }), t < e.min && r({ min: t, max: e.max }));
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ m("span", { ref: w, children: "Y" }),
+        /* @__PURE__ */ m(
+          "input",
+          {
+            ref: M,
+            type: "number",
+            value: u,
+            min: e.min,
+            max: e.max,
+            step: x,
+            name: h(),
+            onChange: (n) => {
+              if (f(n.target.value), n.target.value.length === 0) return;
+              const t = Number(n.target.value);
+              isNaN(t) || (a.onChange({ target: { value: { x: i, y: t } } }), t > e.max && r({ min: e.min, max: t }));
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ m("span", { ref: L, children: "Min" }),
+        /* @__PURE__ */ m(
+          "input",
+          {
+            ref: g,
+            type: "number",
+            value: e.min,
+            step: x,
+            name: h(),
+            onChange: z
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ m("span", { ref: D, children: "Max" }),
+        /* @__PURE__ */ m(
+          "input",
+          {
+            ref: b,
+            type: "number",
+            value: e.max,
+            step: x,
+            name: h(),
+            onChange: S
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "input", ref: R, onMouseDown: $, onMouseUp: N, children: [
+      /* @__PURE__ */ m("div", { className: "x" }),
+      /* @__PURE__ */ m("div", { className: "y" }),
+      /* @__PURE__ */ m("div", { className: "pt", ref: y })
+    ] })
+  ] });
+}
+export {
+  J as default
+};

package/dist/editor/sidePanel/inspector/Inspector.js

@@ -0,0 +1,95 @@
+import { jsx as r, jsxs as m, Fragment as c } from "react/jsx-runtime";
+import { useState as f, useEffect as E } from "react";
+/* empty css               */
+import p from "../Accordion.js";
+import s from "./InspectorField.js";
+import { InspectCamera as I } from "./utils/InspectCamera.js";
+import { InspectMaterial as C } from "./utils/InspectMaterial.js";
+import { InspectTransform as b } from "./utils/InspectTransform.js";
+import { InspectLight as T } from "./utils/InspectLight.js";
+import g from "./utils/InspectAnimation.js";
+import L from "../../tools/Transform.js";
+import { ToolEvents as n } from "../../../core/remote/RemoteThree.js";
+const l = {
+  name: "",
+  uuid: "",
+  type: "",
+  visible: !1,
+  matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
+  animations: [],
+  material: void 0,
+  perspectiveCameraInfo: void 0,
+  orthographicCameraInfo: void 0,
+  lightInfo: void 0,
+  children: []
+};
+function R(t) {
+  const [e, a] = f(l);
+  E(() => {
+    function h(v) {
+      a(v.value);
+    }
+    function o() {
+      a(l);
+    }
+    return t.three.addEventListener(n.CLEAR_OBJECT, o), t.three.addEventListener(n.SET_SCENE, o), t.three.addEventListener(n.SET_OBJECT, h), () => {
+      t.three.removeEventListener(n.CLEAR_OBJECT, o), t.three.removeEventListener(n.SET_SCENE, o), t.three.removeEventListener(n.SET_OBJECT, h);
+    };
+  }, []);
+  const i = e.type.toLowerCase(), d = e.animations.length > 0 || e.mixer !== void 0, u = i.search("mesh") > -1 || i.search("line") > -1 || i.search("points") > -1;
+  return /* @__PURE__ */ r(
+    p,
+    {
+      three: t.three,
+      label: "Inspector",
+      button: e.uuid.length > 0 ? /* @__PURE__ */ r("button", { className: "remove", onClick: () => {
+        L.instance.remove(e.name), a(l);
+      } }) : void 0,
+      children: /* @__PURE__ */ r("div", { id: "Inspector", className: t.class, children: e.uuid.length > 0 && /* @__PURE__ */ m(c, { children: [
+        /* @__PURE__ */ m(c, { children: [
+          /* @__PURE__ */ r(
+            s,
+            {
+              type: "string",
+              title: "Name",
+              prop: "name",
+              value: e.name,
+              disabled: !0
+            }
+          ),
+          /* @__PURE__ */ r(
+            s,
+            {
+              type: "string",
+              title: "Type",
+              prop: "type",
+              value: e.type,
+              disabled: !0
+            }
+          ),
+          /* @__PURE__ */ r(
+            s,
+            {
+              type: "string",
+              title: "UUID",
+              prop: "uuid",
+              value: e.uuid,
+              disabled: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(c, { children: [
+          /* @__PURE__ */ r(b, { object: e, three: t.three }),
+          d ? /* @__PURE__ */ r(g, { object: e, three: t.three }) : null,
+          i.search("camera") > -1 ? I(e, t.three) : null,
+          i.search("light") > -1 ? T(e, t.three) : null,
+          u ? C(e, t.three) : null
+        ] })
+      ] }) })
+    },
+    "Inspector"
+  );
+}
+export {
+  R as default
+};

package/dist/editor/sidePanel/inspector/InspectorField.js

@@ -0,0 +1,128 @@
+import { jsxs as v, jsx as t, Fragment as g } from "react/jsx-runtime";
+import { colorToHex as h, capitalize as C, randomID as o } from "../../utils.js";
+import { useState as w, useRef as N, useEffect as V } from "react";
+import x from "./InspectNumber.js";
+import r from "./InspectVector2.js";
+import I from "./InspectGrid3.js";
+import D from "./InspectGrid4.js";
+import F from "./InspectImage.js";
+import { Color as j, LinearSRGBColorSpace as G } from "three";
+function T(e) {
+  let n = e.value;
+  n !== void 0 && (n.isColor !== void 0 ? n = h(e.value) : e.type === "color" && (n = h(new j().setStyle(e.value, G))));
+  const [i, f] = w(n), c = N(null);
+  V(() => {
+    f(n);
+  }, [n]);
+  const a = (d) => {
+    let l = d.target.value;
+    if (e.type === "boolean")
+      l = d.target.checked;
+    else if (e.type === "option" && (typeof e.value == "number" ? l = Number(l) : typeof e.value == "boolean" ? l = !!l : typeof e.value == "object" && (l = JSON.parse(l)), e.options !== void 0)) {
+      const S = e.options.length;
+      for (let m = 0; m < S && e.options[m].value !== l; m++)
+        ;
+    }
+    f(l), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, l);
+  }, y = {};
+  e.disabled && (y.opacity = 0.8);
+  const b = typeof i == "string" ? i : String(i ?? ""), u = e.type === "field" || e.type === "string" && (b.length > 100 || b.search(`
+`) > -1), k = u || e.type === "image" || e.type === "vector2";
+  return /* @__PURE__ */ v("div", { className: `field ${k ? "block" : ""}`, style: y, children: [
+    e.type !== "button" && /* @__PURE__ */ t("span", { ref: c, children: C(e.title) }, "fieldLabel"),
+    e.type === "string" && !u && /* @__PURE__ */ t(
+      "input",
+      {
+        type: "text",
+        disabled: e.disabled,
+        onChange: a,
+        value: i,
+        name: o()
+      }
+    ),
+    (e.type === "field" || e.type === "string" && u) && /* @__PURE__ */ t(
+      "textarea",
+      {
+        cols: 50,
+        rows: 10,
+        disabled: e.disabled !== void 0 ? e.disabled : !0,
+        onChange: a,
+        onKeyDown: (d) => {
+          e.onKeyDown !== void 0 && e.onKeyDown(d);
+        },
+        value: i,
+        name: o()
+      }
+    ),
+    e.type === "boolean" && /* @__PURE__ */ t(
+      "input",
+      {
+        type: "checkbox",
+        disabled: e.disabled,
+        onChange: a,
+        checked: i,
+        name: o()
+      }
+    ),
+    e.type === "number" && /* @__PURE__ */ t(
+      x,
+      {
+        value: i,
+        type: e.type,
+        prop: e.prop !== void 0 ? e.prop : e.title,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        labelRef: c,
+        onChange: e.onChange
+      }
+    ),
+    e.type === "range" && /* @__PURE__ */ t(
+      x,
+      {
+        value: i,
+        type: e.type,
+        prop: e.prop !== void 0 ? e.prop : e.title,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        labelRef: c,
+        onChange: e.onChange
+      }
+    ),
+    e.type === "color" && /* @__PURE__ */ v(g, { children: [
+      /* @__PURE__ */ t("input", { type: "text", value: i.toString(), onChange: a, disabled: e.disabled, className: "color", name: o() }),
+      /* @__PURE__ */ t("input", { type: "color", value: i, onChange: a, disabled: e.disabled, name: o() })
+    ] }),
+    e.type === "button" && /* @__PURE__ */ t(
+      "button",
+      {
+        disabled: e.disabled,
+        onClick: () => {
+          e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, !0);
+        },
+        children: e.title
+      }
+    ),
+    e.type === "image" && /* @__PURE__ */ t(F, { title: e.title, prop: e.prop, value: e.value, onChange: e.onChange }),
+    e.type === "option" && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
+      "select",
+      {
+        onChange: a,
+        disabled: e.disabled,
+        value: i,
+        name: o(),
+        children: e.options?.map((d, l) => /* @__PURE__ */ t("option", { value: d.value, children: C(d.title) }, l))
+      }
+    ) }),
+    e.type === "vector2" && /* @__PURE__ */ t(r, { step: e.step, value: i, min: 0, max: 1, onChange: a }),
+    e.type === "grid3" && /* @__PURE__ */ t(I, { step: e.step, value: i, onChange: a }),
+    e.type === "grid4" && /* @__PURE__ */ t(D, { step: e.step, value: i, onChange: a }),
+    e.type === "euler" && /* @__PURE__ */ t(I, { step: e.step, value: i, onChange: a })
+  ] });
+}
+export {
+  T as default
+};

package/dist/editor/sidePanel/inspector/InspectorGroup.js

@@ -0,0 +1,110 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Component as l, createRef as h } from "react";
+import m from "../Accordion.js";
+import g from "./InspectorField.js";
+import { capitalize as f } from "../../utils.js";
+function v(a) {
+  return "items" in a;
+}
+class i extends l {
+  subgroupNames = [];
+  subgroupElements = [];
+  valueOverrides = /* @__PURE__ */ new Map();
+  three;
+  constructor(t) {
+    super(t), this.three = t.three, this.state = { lastUpdated: Date.now() };
+  }
+  addGroup(t) {
+    const e = [];
+    t.items.forEach((s) => {
+      e.push({
+        type: s.type,
+        prop: s.prop,
+        title: s.title !== void 0 ? s.title : s.prop,
+        value: s.value,
+        min: s.min,
+        max: s.max,
+        step: s.step,
+        options: s.options,
+        disabled: s.disabled,
+        onChange: (n, u) => {
+          t.onUpdate(n, u);
+        }
+      });
+    });
+    const o = h(), r = /* @__PURE__ */ p(
+      i,
+      {
+        three: this.props.three,
+        ref: o,
+        title: t.title,
+        expanded: t.expanded,
+        items: e
+      },
+      t.title
+    );
+    return this.subgroupNames.push(t.title), this.subgroupElements.push(r), this.setState({ lastUpdated: Date.now() }), o;
+  }
+  removeGroup(t) {
+    const e = this.subgroupNames.length;
+    for (let o = 0; o < e; o++) {
+      const r = this.subgroupNames[o];
+      if (t === r) {
+        this.subgroupNames.splice(o, 1), this.subgroupElements.splice(o, 1), this.setState({ lastUpdated: Date.now() });
+        return;
+      }
+    }
+  }
+  setField(t, e) {
+    this.valueOverrides.set(t, e), this.setState({ lastUpdated: Date.now() });
+  }
+  render() {
+    const t = [];
+    return this.props.items.forEach((e) => {
+      if (v(e))
+        t.push(
+          /* @__PURE__ */ p(i, { three: this.props.three, title: f(e.title), items: e.items }, e.title)
+        );
+      else {
+        const o = this.valueOverrides.get(e.title), r = o !== void 0 ? o : e.value;
+        t.push(
+          /* @__PURE__ */ p(
+            g,
+            {
+              title: e.title,
+              prop: e.prop,
+              value: r,
+              type: e.type,
+              min: e.min,
+              max: e.max,
+              step: e.step,
+              disabled: e.disabled,
+              options: e.options,
+              onChange: (s, n) => {
+                e.onChange !== void 0 && (this.valueOverrides.delete(e.title), e.onChange(s, n));
+              },
+              onKeyDown: (s) => {
+                e.onKeyDown !== void 0 && e.onKeyDown(s);
+              }
+            },
+            e.title
+          )
+        );
+      }
+    }), this.subgroupElements.forEach((e) => t.push(e)), /* @__PURE__ */ p(
+      m,
+      {
+        three: this.props.three,
+        label: this.props.title,
+        open: this.props.expanded === !0,
+        onToggle: (e) => {
+          this.props.onToggle && this.props?.onToggle(e);
+        },
+        children: t
+      }
+    );
+  }
+}
+export {
+  i as default
+};

package/dist/editor/sidePanel/inspector/utils/DragNumber.js

@@ -0,0 +1,27 @@
+import { useState as L, useEffect as x } from "react";
+function y(e) {
+  const [f, a] = L(e.defaultValue);
+  return x(() => {
+    let m = !1, l = -1, v = 0, t = e.defaultValue, r = !1;
+    const o = (n) => {
+      r = n.ctrlKey;
+    }, s = (n) => {
+      m = !0, v = Number(e.input.current?.value), l = n.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", i, !1), document.addEventListener("contextmenu", u, !1);
+    }, i = (n) => {
+      if (!m) return;
+      const d = e.step !== void 0 ? e.step : 1, E = (n.clientX - l) * d * (r ? 10 : 1);
+      t = Number((v + E).toFixed(4)), e.min !== void 0 && (t = Math.max(t, e.min)), e.max !== void 0 && (t = Math.min(t, e.max)), e.onChange !== void 0 && e.onChange(t), a(t);
+    }, u = () => {
+      m = !1, document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", i), document.removeEventListener("contextmenu", u);
+    }, c = (n) => {
+      const d = Number(n.target.value);
+      e.onChange !== void 0 && e.onChange(d), a(d);
+    };
+    return e.label.current?.addEventListener("mousedown", s, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", c), document.addEventListener("keydown", o, !1), document.addEventListener("keyup", o, !1), () => {
+      e.label.current?.removeEventListener("mousedown", s), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", c), document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", i), document.removeEventListener("contextmenu", u), document.removeEventListener("keydown", o), document.addEventListener("keyup", o, !1);
+    };
+  }, []), f;
+}
+export {
+  y as default
+};