react-proportion-slider 0.9.4 → 0.9.5

package/dist/react-proportion-slider.es.js

@@ -1,847 +1,219 @@
-import He, { useRef as G, useState as _r, useMemo as Be, useEffect as Je, useCallback as se } from "react";
-var ue = { exports: {} }, ee = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ne;
-function wr() {
-  if (Ne) return ee;
-  Ne = 1;
-  var i = He, _ = Symbol.for("react.element"), l = Symbol.for("react.fragment"), S = Object.prototype.hasOwnProperty, x = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(j, p, F) {
-    var f, h = {}, g = null, E = null;
-    F !== void 0 && (g = "" + F), p.key !== void 0 && (g = "" + p.key), p.ref !== void 0 && (E = p.ref);
-    for (f in p) S.call(p, f) && !O.hasOwnProperty(f) && (h[f] = p[f]);
-    if (j && j.defaultProps) for (f in p = j.defaultProps, p) h[f] === void 0 && (h[f] = p[f]);
-    return { $$typeof: _, type: j, key: g, ref: E, props: h, _owner: x.current };
-  }
-  return ee.Fragment = l, ee.jsx = k, ee.jsxs = k, ee;
-}
-var re = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ve;
-function Tr() {
-  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = He, _ = Symbol.for("react.element"), l = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), j = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), M = Symbol.iterator, K = "@@iterator";
-    function A(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = M && e[M] || e[K];
-      return typeof r == "function" ? r : null;
-    }
-    var m = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function c(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        D("error", e, t);
-      }
-    }
-    function D(e, r, t) {
-      {
-        var n = m.ReactDebugCurrentFrame, s = n.getStackAddendum();
-        s !== "" && (r += "%s", t = t.concat([s]));
-        var u = t.map(function(o) {
-          return String(o);
-        });
-        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
-      }
-    }
-    var L = !1, y = !1, C = !1, b = !1, I = !1, B;
-    B = Symbol.for("react.module.reference");
-    function z(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === S || e === O || I || e === x || e === F || e === f || b || e === E || L || y || C || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === h || e.$$typeof === k || e.$$typeof === j || e.$$typeof === p || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === B || e.getModuleId !== void 0));
-    }
-    function N(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var s = r.displayName || r.name || "";
-      return s !== "" ? t + "(" + s + ")" : t;
-    }
-    function H(e) {
-      return e.displayName || "Context";
-    }
-    function W(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case S:
-          return "Fragment";
-        case l:
-          return "Portal";
-        case O:
-          return "Profiler";
-        case x:
-          return "StrictMode";
-        case F:
-          return "Suspense";
-        case f:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case j:
-            var r = e;
-            return H(r) + ".Consumer";
-          case k:
-            var t = e;
-            return H(t._context) + ".Provider";
-          case p:
-            return N(e, e.render, "ForwardRef");
-          case h:
-            var n = e.displayName || null;
-            return n !== null ? n : W(e.type) || "Memo";
-          case g: {
-            var s = e, u = s._payload, o = s._init;
-            try {
-              return W(o(u));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var V = Object.assign, Z = 0, Ee, be, ye, Re, _e, we, Te;
-    function Se() {
-    }
-    Se.__reactDisabledLog = !0;
-    function qe() {
-      {
-        if (Z === 0) {
-          Ee = console.log, be = console.info, ye = console.warn, Re = console.error, _e = console.group, we = console.groupCollapsed, Te = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Se,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        Z++;
-      }
-    }
-    function Xe() {
-      {
-        if (Z--, Z === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: V({}, e, {
-              value: Ee
-            }),
-            info: V({}, e, {
-              value: be
-            }),
-            warn: V({}, e, {
-              value: ye
-            }),
-            error: V({}, e, {
-              value: Re
-            }),
-            group: V({}, e, {
-              value: _e
-            }),
-            groupCollapsed: V({}, e, {
-              value: we
-            }),
-            groupEnd: V({}, e, {
-              value: Te
-            })
-          });
-        }
-        Z < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var le = m.ReactCurrentDispatcher, ce;
-    function ne(e, r, t) {
-      {
-        if (ce === void 0)
-          try {
-            throw Error();
-          } catch (s) {
-            var n = s.stack.trim().match(/\n( *(at )?)/);
-            ce = n && n[1] || "";
-          }
-        return `
-` + ce + e;
-      }
-    }
-    var fe = !1, ae;
-    {
-      var ze = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new ze();
-    }
-    function xe(e, r) {
-      if (!e || fe)
-        return "";
-      {
-        var t = ae.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      fe = !0;
-      var s = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var u;
-      u = le.current, le.current = null, qe();
-      try {
-        if (r) {
-          var o = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(o.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(o, []);
-            } catch (w) {
-              n = w;
-            }
-            Reflect.construct(e, [], o);
-          } else {
-            try {
-              o.call();
-            } catch (w) {
-              n = w;
-            }
-            e.call(o.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (w) {
-            n = w;
-          }
-          e();
-        }
-      } catch (w) {
-        if (w && n && typeof w.stack == "string") {
-          for (var a = w.stack.split(`
-`), R = n.stack.split(`
-`), d = a.length - 1, v = R.length - 1; d >= 1 && v >= 0 && a[d] !== R[v]; )
-            v--;
-          for (; d >= 1 && v >= 0; d--, v--)
-            if (a[d] !== R[v]) {
-              if (d !== 1 || v !== 1)
-                do
-                  if (d--, v--, v < 0 || a[d] !== R[v]) {
-                    var P = `
-` + a[d].replace(" at new ", " at ");
-                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, P), P;
-                  }
-                while (d >= 1 && v >= 0);
-              break;
-            }
-        }
-      } finally {
-        fe = !1, le.current = u, Xe(), Error.prepareStackTrace = s;
-      }
-      var q = e ? e.displayName || e.name : "", U = q ? ne(q) : "";
-      return typeof e == "function" && ae.set(e, U), U;
-    }
-    function Ze(e, r, t) {
-      return xe(e, !1);
-    }
-    function Qe(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function oe(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return xe(e, Qe(e));
-      if (typeof e == "string")
-        return ne(e);
-      switch (e) {
-        case F:
-          return ne("Suspense");
-        case f:
-          return ne("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            return Ze(e.render);
-          case h:
-            return oe(e.type, r, t);
-          case g: {
-            var n = e, s = n._payload, u = n._init;
-            try {
-              return oe(u(s), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var Q = Object.prototype.hasOwnProperty, Oe = {}, Ce = m.ReactDebugCurrentFrame;
-    function ie(e) {
-      if (e) {
-        var r = e._owner, t = oe(e.type, e._source, r ? r.type : null);
-        Ce.setExtraStackFrame(t);
-      } else
-        Ce.setExtraStackFrame(null);
-    }
-    function er(e, r, t, n, s) {
-      {
-        var u = Function.call.bind(Q);
-        for (var o in e)
-          if (u(e, o)) {
-            var a = void 0;
-            try {
-              if (typeof e[o] != "function") {
-                var R = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw R.name = "Invariant Violation", R;
-              }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (d) {
-              a = d;
-            }
-            a && !(a instanceof Error) && (ie(s), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), ie(null)), a instanceof Error && !(a.message in Oe) && (Oe[a.message] = !0, ie(s), c("Failed %s type: %s", t, a.message), ie(null));
-          }
-      }
-    }
-    var rr = Array.isArray;
-    function de(e) {
-      return rr(e);
-    }
-    function tr(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function nr(e) {
-      try {
-        return Pe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Pe(e) {
-      return "" + e;
-    }
-    function je(e) {
-      if (nr(e))
-        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", tr(e)), Pe(e);
-    }
-    var ke = m.ReactCurrentOwner, ar = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Fe, De;
-    function or(e) {
-      if (Q.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function ir(e) {
-      if (Q.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function sr(e, r) {
-      typeof e.ref == "string" && ke.current;
-    }
-    function ur(e, r) {
-      {
-        var t = function() {
-          Fe || (Fe = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function lr(e, r) {
-      {
-        var t = function() {
-          De || (De = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var cr = function(e, r, t, n, s, u, o) {
-      var a = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: o,
-        // Record the component responsible for creating this element.
-        _owner: u
-      };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(a, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: s
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    };
-    function fr(e, r, t, n, s) {
-      {
-        var u, o = {}, a = null, R = null;
-        t !== void 0 && (je(t), a = "" + t), ir(r) && (je(r.key), a = "" + r.key), or(r) && (R = r.ref, sr(r, s));
-        for (u in r)
-          Q.call(r, u) && !ar.hasOwnProperty(u) && (o[u] = r[u]);
-        if (e && e.defaultProps) {
-          var d = e.defaultProps;
-          for (u in d)
-            o[u] === void 0 && (o[u] = d[u]);
-        }
-        if (a || R) {
-          var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && ur(o, v), R && lr(o, v);
-        }
-        return cr(e, a, R, s, n, ke.current, o);
-      }
-    }
-    var ve = m.ReactCurrentOwner, Le = m.ReactDebugCurrentFrame;
-    function J(e) {
-      if (e) {
-        var r = e._owner, t = oe(e.type, e._source, r ? r.type : null);
-        Le.setExtraStackFrame(t);
-      } else
-        Le.setExtraStackFrame(null);
-    }
-    var pe;
-    pe = !1;
-    function he(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
-    }
-    function Ie() {
-      {
-        if (ve.current) {
-          var e = W(ve.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function dr(e) {
-      return "";
-    }
-    var Ae = {};
-    function vr(e) {
-      {
-        var r = Ie();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function We(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = vr(r);
-        if (Ae[t])
-          return;
-        Ae[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== ve.current && (n = " It was passed a child from " + W(e._owner.type) + "."), J(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), J(null);
-      }
-    }
-    function $e(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (de(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            he(n) && We(n, r);
-          }
-        else if (he(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var s = A(e);
-          if (typeof s == "function" && s !== e.entries)
-            for (var u = s.call(e), o; !(o = u.next()).done; )
-              he(o.value) && We(o.value, r);
-        }
-      }
-    }
-    function pr(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === h))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var n = W(r);
-          er(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !pe) {
-          pe = !0;
-          var s = W(r);
-          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function hr(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            J(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), J(null);
-            break;
-          }
-        }
-        e.ref !== null && (J(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), J(null));
-      }
-    }
-    var Ye = {};
-    function Me(e, r, t, n, s, u) {
-      {
-        var o = z(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var R = dr();
-          R ? a += R : a += Ie();
-          var d;
-          e === null ? d = "null" : de(e) ? d = "array" : e !== void 0 && e.$$typeof === _ ? (d = "<" + (W(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, a);
-        }
-        var v = fr(e, r, t, s, u);
-        if (v == null)
-          return v;
-        if (o) {
-          var P = r.children;
-          if (P !== void 0)
-            if (n)
-              if (de(P)) {
-                for (var q = 0; q < P.length; q++)
-                  $e(P[q], e);
-                Object.freeze && Object.freeze(P);
-              } else
-                c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              $e(P, e);
-        }
-        if (Q.call(r, "key")) {
-          var U = W(e), w = Object.keys(r).filter(function(Rr) {
-            return Rr !== "key";
-          }), ge = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[U + ge]) {
-            var yr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
-            c(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, ge, U, yr, U), Ye[U + ge] = !0;
-          }
-        }
-        return e === S ? hr(v) : pr(v), v;
-      }
-    }
-    function gr(e, r, t) {
-      return Me(e, r, t, !0);
-    }
-    function mr(e, r, t) {
-      return Me(e, r, t, !1);
-    }
-    var Er = mr, br = gr;
-    re.Fragment = S, re.jsx = Er, re.jsxs = br;
-  }()), re;
-}
-var Ue;
-function Sr() {
-  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? ue.exports = wr() : ue.exports = Tr()), ue.exports;
-}
-var T = Sr();
-const Ge = ({ children: i }) => /* @__PURE__ */ T.jsx("span", { "aria-hidden": "true", style: { visibility: "hidden" }, children: i }), Ke = ({
-  detail: i,
-  valueLabel: _,
-  primaryNode: l,
-  width: S,
-  ariaLabel: x
+import { jsx as i, jsxs as H } from "react/jsx-runtime";
+import { useRef as b, useState as N, useMemo as $, useEffect as k, useCallback as W } from "react";
+const D = ({ children: t }) => /* @__PURE__ */ i("span", { "aria-hidden": "true", style: { visibility: "hidden" }, children: t }), G = ({
+  detail: t,
+  valueLabel: d,
+  primaryNode: e,
+  width: y,
+  ariaLabel: m
 }) => {
-  const O = /* @__PURE__ */ T.jsx("div", { style: me, children: i.label }), k = /* @__PURE__ */ T.jsx("div", { style: me, children: _ }), j = /* @__PURE__ */ T.jsx("div", { style: me, children: "100%" }), p = l === "right" ? O : k, F = l === "left" ? O : k, f = G(null), h = G(null), g = G(null), [E, M] = _r(
+  const v = /* @__PURE__ */ i("div", { style: Y, children: t.label }), x = /* @__PURE__ */ i("div", { style: Y, children: d }), F = /* @__PURE__ */ i("div", { style: Y, children: "100%" }), I = e === "right" ? v : x, _ = e === "left" ? v : x, p = b(null), a = b(null), s = b(null), [c, M] = N(
     "both"
-  ), K = Be(() => {
-    const m = E === "none" || E === "primary" && l === "left";
-    return l === "right" ? m ? $.BOTTOM_RIGHT : $.RIGHT : m ? $.TOP_LEFT : $.RIGHT;
-  }, [E, l]), A = Be(() => {
-    const m = E === "none" || E === "primary" && l === "right";
-    return l === "left" ? m ? $.BOTTOM_LEFT : $.LEFT : m ? $.TOP_RIGHT : $.LEFT;
-  }, [E, l]);
-  return Je(() => {
-    const m = setInterval(() => {
-      const c = h.current, D = g.current, L = f.current;
-      if (!L || !c || !D)
+  ), C = $(() => {
+    const o = c === "none" || c === "primary" && e === "left";
+    return e === "right" ? o ? w.BOTTOM_RIGHT : w.RIGHT : o ? w.TOP_LEFT : w.RIGHT;
+  }, [c, e]), E = $(() => {
+    const o = c === "none" || c === "primary" && e === "right";
+    return e === "left" ? o ? w.BOTTOM_LEFT : w.LEFT : o ? w.TOP_RIGHT : w.LEFT;
+  }, [c, e]);
+  return k(() => {
+    const o = setInterval(() => {
+      const u = a.current, h = s.current, f = p.current;
+      if (!f || !u || !h)
         return;
-      const y = L.getBoundingClientRect().width, C = c.getBoundingClientRect().width, b = D.getBoundingClientRect().width, { primaryWidth: I, secondaryWidth: B } = l === "left" ? { primaryWidth: b, secondaryWidth: C } : { primaryWidth: C, secondaryWidth: b }, z = I + 2 * Y <= y, N = B + I + 3 * Y <= y;
-      M(z ? N ? "both" : "primary" : "none");
+      const r = f.getBoundingClientRect().width, l = u.getBoundingClientRect().width, n = h.getBoundingClientRect().width, { primaryWidth: T, secondaryWidth: O } = e === "left" ? { primaryWidth: n, secondaryWidth: l } : { primaryWidth: l, secondaryWidth: n }, B = T + 2 * g <= r, S = O + T + 3 * g <= r;
+      M(B ? S ? "both" : "primary" : "none");
     }, 33.333333333333336);
-    return () => clearInterval(m);
-  }, [f, h, g, l]), /* @__PURE__ */ T.jsxs(
+    return () => clearInterval(o);
+  }, [p, a, s, e]), /* @__PURE__ */ H(
     "div",
     {
-      ref: f,
-      "aria-label": x,
+      ref: p,
+      "aria-label": m,
       style: {
         position: "relative",
-        width: S,
-        backgroundColor: i.backgroundColor,
+        width: y,
+        backgroundColor: t.backgroundColor,
         borderRadius: "5px",
         color: "white"
       },
       children: [
-        /* @__PURE__ */ T.jsx("div", { ref: g, style: A, children: F }),
-        /* @__PURE__ */ T.jsx("div", { ref: h, style: K, children: p }),
-        /* @__PURE__ */ T.jsx(Ge, { children: j }),
-        /* @__PURE__ */ T.jsx(Ge, { children: O })
+        /* @__PURE__ */ i("div", { ref: s, style: E, children: _ }),
+        /* @__PURE__ */ i("div", { ref: a, style: C, children: I }),
+        /* @__PURE__ */ i(D, { children: F }),
+        /* @__PURE__ */ i(D, { children: v })
       ]
     }
   );
-}, Y = 5, X = {
+}, g = 5, L = {
   position: "absolute",
   transition: "all 200ms cubic-bezier(.47,1.64,.41,.8)",
   transitionProperty: "transform, top, left, bottom, right"
-}, $ = {
+}, w = {
   TOP_LEFT: {
-    ...X,
-    left: Y,
+    ...L,
+    left: g,
     top: -5,
     transform: "translateY(-100%)"
   },
   LEFT: {
-    ...X,
-    left: Y,
+    ...L,
+    left: g,
     top: "50%",
     transform: "translateY(-50%)"
   },
   BOTTOM_LEFT: {
-    ...X,
-    left: Y,
+    ...L,
+    left: g,
     bottom: -5,
     transform: "translateY(100%)"
   },
   TOP_RIGHT: {
-    ...X,
-    right: Y,
+    ...L,
+    right: g,
     top: -5,
     transform: "translateY(-100%)"
   },
   RIGHT: {
-    ...X,
-    right: Y,
+    ...L,
+    right: g,
     top: "50%",
     transform: "translateY(-50%)"
   },
   BOTTOM_RIGHT: {
-    ...X,
-    right: Y,
+    ...L,
+    right: g,
     bottom: -5,
     transform: "translateY(100%)"
   }
-}, me = {
+}, Y = {
   whiteSpace: "nowrap",
   userSelect: "none"
-}, xr = ({
-  className: i,
-  width: _,
-  gap: l,
-  backgroundColor: S = "red",
-  style: x,
-  disabled: O
-}) => /* @__PURE__ */ T.jsx(
+}, K = ({
+  className: t,
+  width: d,
+  gap: e,
+  backgroundColor: y = "red",
+  style: m,
+  disabled: v
+}) => /* @__PURE__ */ i(
   "div",
   {
     role: "button",
-    className: i,
+    className: t,
     style: {
       alignSelf: "stretch",
       borderRadius: "2px",
-      cursor: O ? "not-allowed" : "ew-resize",
-      ...x,
-      width: `${_}px`,
-      margin: `${l}px ${l}px`,
-      background: S
+      cursor: v ? "not-allowed" : "ew-resize",
+      ...m,
+      width: `${d}px`,
+      margin: `${e}px ${e}px`,
+      background: y
     }
   }
 );
-function Or(i) {
-  return "touches" in i;
+function X(t) {
+  return "touches" in t;
 }
-const Cr = (i) => Or(i) ? i.touches[0].clientX : i.clientX, Pr = (i, _, l) => Math.min(Math.max(i, _), l), Fr = ({
-  value: i,
-  proportions: _,
-  onChange: l,
-  knobOptions: S,
-  disabled: x,
-  height: O,
-  ariaLabel: k,
-  className: j,
-  style: p,
-  width: F
+const j = (t) => X(t) ? t.touches[0].clientX : t.clientX, z = (t, d, e) => Math.min(Math.max(t, d), e), q = ({
+  value: t,
+  proportions: d,
+  onChange: e,
+  knobOptions: y,
+  disabled: m,
+  height: v,
+  ariaLabel: x,
+  className: F,
+  style: I,
+  width: _
 }) => {
-  const f = jr(S), h = G(null), g = i[0] + i[1], E = f.width + f.gap * 2, M = G(g), K = G(E);
-  M.current = g, K.current = E;
-  const A = G(!1), m = se(
-    (y, { width: C, left: b }) => {
-      const I = Cr(y), B = K.current, z = (I - b - B / 2) / (C - B), N = M.current, H = Pr(N * z, 0, N);
-      l == null || l([H, N - H]);
+  const p = A(y), a = b(null), s = t[0] + t[1], c = p.width + p.gap * 2, M = b(s), C = b(c);
+  M.current = s, C.current = c;
+  const E = b(!1), o = W(
+    (r, { width: l, left: n }) => {
+      const T = j(r), O = C.current, B = (T - n - O / 2) / (l - O), S = M.current, P = z(S * B, 0, S);
+      e == null || e([P, S - P]);
     },
-    [l]
-  ), c = se(
-    (y) => {
-      var I;
-      const C = y.target, b = (I = h.current) == null ? void 0 : I.getBoundingClientRect();
-      if (h.current && !h.current.contains(C) || !b || b.width === 0) {
-        console.log("returning because of rect width", b == null ? void 0 : b.width);
+    [e]
+  ), u = W(
+    (r) => {
+      var T;
+      const l = r.target, n = (T = a.current) == null ? void 0 : T.getBoundingClientRect();
+      if (a.current && !a.current.contains(l) || !n || n.width === 0) {
+        console.log("returning because of rect width", n == null ? void 0 : n.width);
         return;
       }
-      return y.preventDefault(), A.current = !0, m(y, b), !0;
+      return r.preventDefault(), E.current = !0, o(r, n), !0;
     },
-    [m]
-  ), D = se(
-    (y) => {
-      var b;
-      const C = (b = h.current) == null ? void 0 : b.getBoundingClientRect();
-      return !A.current || !C || C.width === 0 ? !1 : (y.preventDefault(), m(y, C), !0);
+    [o]
+  ), h = W(
+    (r) => {
+      var n;
+      const l = (n = a.current) == null ? void 0 : n.getBoundingClientRect();
+      return !E.current || !l || l.width === 0 ? !1 : (r.preventDefault(), o(r, l), !0);
     },
-    [m]
-  ), L = se((y) => A.current ? (A.current = !1, y.preventDefault(), !0) : !1, []);
-  return Je(() => (window.addEventListener("mousedown", c), window.addEventListener("mousemove", D), window.addEventListener("mouseup", L), window.addEventListener("touchstart", c), window.addEventListener("touchmove", D), window.addEventListener("touchend", L), () => {
-    window.removeEventListener("mousedown", c), window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", L), window.removeEventListener("touchstart", c), window.removeEventListener("touchmove", D), window.removeEventListener("touchend", L);
-  }), [c, D, L]), /* @__PURE__ */ T.jsxs(
+    [o]
+  ), f = W((r) => E.current ? (E.current = !1, r.preventDefault(), !0) : !1, []);
+  return k(() => (window.addEventListener("mousedown", u), window.addEventListener("mousemove", h), window.addEventListener("mouseup", f), window.addEventListener("touchstart", u), window.addEventListener("touchmove", h), window.addEventListener("touchend", f), () => {
+    window.removeEventListener("mousedown", u), window.removeEventListener("mousemove", h), window.removeEventListener("mouseup", f), window.removeEventListener("touchstart", u), window.removeEventListener("touchmove", h), window.removeEventListener("touchend", f);
+  }), [u, h, f]), /* @__PURE__ */ H(
     "div",
     {
-      ref: h,
+      ref: a,
       role: "slider",
-      "aria-label": k,
-      "aria-valuenow": Math.round(i[0] / g * 100),
+      "aria-label": x,
+      "aria-valuenow": Math.round(t[0] / s * 100),
       style: {
         display: "flex",
         flexDirection: "row",
-        height: O,
-        width: F,
-        opacity: x ? 0.6 : 1,
-        cursor: x ? "not-allowed" : "pointer",
-        ...p
+        height: v,
+        width: _,
+        opacity: m ? 0.6 : 1,
+        cursor: m ? "not-allowed" : "pointer",
+        ...I
       },
-      className: j,
+      className: F,
       children: [
-        /* @__PURE__ */ T.jsx(
-          Ke,
+        /* @__PURE__ */ i(
+          G,
           {
-            detail: _[0],
-            valueLabel: `${Math.round(i[0] * 100 / g)}%`,
-            width: `calc(${i[0] * 100 / g}% - ${E / 2}px)`,
+            detail: d[0],
+            valueLabel: `${Math.round(t[0] * 100 / s)}%`,
+            width: `calc(${t[0] * 100 / s}% - ${c / 2}px)`,
             primaryNode: "left"
           }
         ),
-        /* @__PURE__ */ T.jsx(xr, { disabled: x, ...f }),
-        /* @__PURE__ */ T.jsx(
-          Ke,
+        /* @__PURE__ */ i(K, { disabled: m, ...p }),
+        /* @__PURE__ */ i(
+          G,
           {
-            detail: _[1],
-            valueLabel: `${Math.round(i[1] * 100 / g)}%`,
-            width: `calc(${i[1] * 100 / g}% - ${E / 2}px)`,
+            detail: d[1],
+            valueLabel: `${Math.round(t[1] * 100 / s)}%`,
+            width: `calc(${t[1] * 100 / s}% - ${c / 2}px)`,
             primaryNode: "right"
           }
         )
       ]
     }
   );
-}, te = {
+}, R = {
   width: 5,
   gap: 2,
   backgroundColor: "red",
   className: "slider-knob",
   style: {}
 };
-function jr(i = {}) {
+function A(t = {}) {
   return {
-    width: i.width ?? te.width,
-    gap: i.gap ?? te.gap,
-    backgroundColor: i.backgroundColor ?? te.backgroundColor,
-    className: i.className ?? te.className,
-    style: i.style ?? te.style
+    width: t.width ?? R.width,
+    gap: t.gap ?? R.gap,
+    backgroundColor: t.backgroundColor ?? R.backgroundColor,
+    className: t.className ?? R.className,
+    style: t.style ?? R.style
   };
 }
 export {
-  Fr as ProportionSlider,
-  Fr as default
+  q as ProportionSlider,
+  q as default
 };
 //# sourceMappingURL=react-proportion-slider.es.js.map