react-proportion-slider 0.9.3 → 0.9.4

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

@@ -0,0 +1,847 @@
+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
+}) => {
+  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(
+    "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)
+        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");
+    }, 33.333333333333336);
+    return () => clearInterval(m);
+  }, [f, h, g, l]), /* @__PURE__ */ T.jsxs(
+    "div",
+    {
+      ref: f,
+      "aria-label": x,
+      style: {
+        position: "relative",
+        width: S,
+        backgroundColor: i.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 })
+      ]
+    }
+  );
+}, Y = 5, X = {
+  position: "absolute",
+  transition: "all 200ms cubic-bezier(.47,1.64,.41,.8)",
+  transitionProperty: "transform, top, left, bottom, right"
+}, $ = {
+  TOP_LEFT: {
+    ...X,
+    left: Y,
+    top: -5,
+    transform: "translateY(-100%)"
+  },
+  LEFT: {
+    ...X,
+    left: Y,
+    top: "50%",
+    transform: "translateY(-50%)"
+  },
+  BOTTOM_LEFT: {
+    ...X,
+    left: Y,
+    bottom: -5,
+    transform: "translateY(100%)"
+  },
+  TOP_RIGHT: {
+    ...X,
+    right: Y,
+    top: -5,
+    transform: "translateY(-100%)"
+  },
+  RIGHT: {
+    ...X,
+    right: Y,
+    top: "50%",
+    transform: "translateY(-50%)"
+  },
+  BOTTOM_RIGHT: {
+    ...X,
+    right: Y,
+    bottom: -5,
+    transform: "translateY(100%)"
+  }
+}, me = {
+  whiteSpace: "nowrap",
+  userSelect: "none"
+}, xr = ({
+  className: i,
+  width: _,
+  gap: l,
+  backgroundColor: S = "red",
+  style: x,
+  disabled: O
+}) => /* @__PURE__ */ T.jsx(
+  "div",
+  {
+    role: "button",
+    className: i,
+    style: {
+      alignSelf: "stretch",
+      borderRadius: "2px",
+      cursor: O ? "not-allowed" : "ew-resize",
+      ...x,
+      width: `${_}px`,
+      margin: `${l}px ${l}px`,
+      background: S
+    }
+  }
+);
+function Or(i) {
+  return "touches" in i;
+}
+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 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]);
+    },
+    [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);
+        return;
+      }
+      return y.preventDefault(), A.current = !0, m(y, b), !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);
+    },
+    [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(
+    "div",
+    {
+      ref: h,
+      role: "slider",
+      "aria-label": k,
+      "aria-valuenow": Math.round(i[0] / g * 100),
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        height: O,
+        width: F,
+        opacity: x ? 0.6 : 1,
+        cursor: x ? "not-allowed" : "pointer",
+        ...p
+      },
+      className: j,
+      children: [
+        /* @__PURE__ */ T.jsx(
+          Ke,
+          {
+            detail: _[0],
+            valueLabel: `${Math.round(i[0] * 100 / g)}%`,
+            width: `calc(${i[0] * 100 / g}% - ${E / 2}px)`,
+            primaryNode: "left"
+          }
+        ),
+        /* @__PURE__ */ T.jsx(xr, { disabled: x, ...f }),
+        /* @__PURE__ */ T.jsx(
+          Ke,
+          {
+            detail: _[1],
+            valueLabel: `${Math.round(i[1] * 100 / g)}%`,
+            width: `calc(${i[1] * 100 / g}% - ${E / 2}px)`,
+            primaryNode: "right"
+          }
+        )
+      ]
+    }
+  );
+}, te = {
+  width: 5,
+  gap: 2,
+  backgroundColor: "red",
+  className: "slider-knob",
+  style: {}
+};
+function jr(i = {}) {
+  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
+  };
+}
+export {
+  Fr as ProportionSlider,
+  Fr as default
+};
+//# sourceMappingURL=react-proportion-slider.es.js.map