tgui-core 1.1.3 → 1.1.5

package/dist/components/DmIcon.js

@@ -1,28 +1,28 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { useState as R, useEffect as d } from "react";
-import { resolveAsset as j } from "../common/assets.js";
-import { fetchRetry as v } from "../common/http.js";
-import { Image as x } from "./Image.js";
-let e;
-function b(n) {
+import { jsx as p } from "react/jsx-runtime";
+import { useState as R, useEffect as u } from "react";
+import { resolveAsset as l } from "../common/assets.js";
+import { fetchRetry as A } from "../common/http.js";
+import { Image as N } from "./Image.js";
+let s;
+function x(t) {
   const {
-    className: y,
-    direction: f = 2,
-    fallback: a,
-    frame: c = 1,
-    icon_state: m,
-    icon: t,
-    movement: i = !1,
-    ...p
-  } = n, [o, r] = R(""), u = `${o}?state=${m}&dir=${f}&movement=${i}&frame=${c}`;
-  return d(() => {
-    async function l() {
-      const s = await (await v(j("icon_ref_map.json"))).json();
-      e = s, r(s[t]);
+    className: c,
+    direction: m = 2,
+    fallback: r,
+    frame: S = 1,
+    icon_state: o,
+    icon: e,
+    movement: E = !1,
+    ...H
+  } = t, [T, f] = R(""), O = `${T}?state=${o}&dir=${m}&movement=${E}&frame=${S}`;
+  return u(() => {
+    async function n() {
+      const a = await (await A(l("icon_ref_map.json"))).json();
+      s = a, f(a[e]);
     }
-    e ? r(e[t]) : l();
-  }, []), o ? /* @__PURE__ */ $(x, { fixErrors: !0, src: u, ...p }) : a;
+    s ? f(s[e]) : n();
+  }, []), T ? /* @__PURE__ */ p(N, { fixErrors: !0, src: O, ...H }) : r;
 }
 export {
-  b as DmIcon
+  x as DmIcon
 };

package/dist/components/Dropdown.js

@@ -1,73 +1,73 @@
-import { jsx as o, jsxs as m, Fragment as W } from "react/jsx-runtime";
-import { useState as F, useRef as L, useEffect as q } from "react";
-import { classes as y } from "../common/react.js";
-import { unit as z } from "./Box.js";
-import { Button as D } from "./Button.js";
-import { Icon as b } from "./Icon.js";
-import { Popper as A } from "./Popper.js";
+import { jsx as r, jsxs as m, Fragment as L } from "react/jsx-runtime";
+import { useState as R, useRef as q, useEffect as z } from "react";
+import { classes as N } from "../common/react.js";
+import { unit as A } from "./Box.js";
+import { Button as b } from "./Button.js";
+import { Icon as D } from "./Icon.js";
+import { Popper as E } from "./Popper.js";
 const G = -1;
 function f(d) {
   return typeof d == "string" ? d : d.value;
 }
 function Y(d) {
   const {
-    autoScroll: w = !0,
-    buttons: I,
-    className: O,
-    clipSelectedText: k = !0,
-    color: B = "default",
+    autoScroll: x = !0,
+    buttons: k,
+    className: B,
+    clipSelectedText: C = !0,
+    color: O = "default",
     disabled: a,
-    displayText: C,
-    icon: x,
-    iconRotation: T,
-    iconSpin: j,
-    menuWidth: R = "15rem",
-    noChevron: S,
+    displayText: j,
+    icon: w,
+    iconRotation: I,
+    iconSpin: P,
+    menuWidth: S = "15rem",
+    noChevron: T,
     onClick: p,
     onSelected: i,
-    options: r = [],
+    options: o = [],
     over: g,
-    placeholder: E = "Select...",
+    placeholder: V = "Select...",
     selected: u,
-    width: P = "15rem"
-  } = d, [l, h] = F(!1), V = g ? !l : l, v = L(null), s = r.findIndex((e) => f(e) === u) || 0;
+    width: W = "15rem"
+  } = d, [s, h] = R(!1), F = g ? !s : s, v = q(null), l = o.findIndex((e) => f(e) === u) || 0;
   function _(e) {
     var c;
     let t = e;
-    e < s ? t = e < 2 ? 0 : e - 2 : t = e > r.length - 3 ? r.length - 1 : e - 2;
+    e < l ? t = e < 2 ? 0 : e - 2 : t = e > o.length - 3 ? o.length - 1 : e - 2;
     const n = (c = v.current) == null ? void 0 : c.children[t];
     n == null || n.scrollIntoView({ block: "nearest" });
   }
-  function N(e) {
-    if (r.length < 1 || a)
+  function y(e) {
+    if (o.length < 1 || a)
       return;
-    const t = 0, n = r.length - 1;
+    const t = 0, n = o.length - 1;
     let c;
-    s < 0 ? c = e === "next" ? n : t : e === "next" ? c = s === n ? t : s + 1 : c = s === t ? n : s - 1, l && w && _(c), i == null || i(f(r[c]));
+    l < 0 ? c = e === "next" ? n : t : e === "next" ? c = l === n ? t : l + 1 : c = l === t ? n : l - 1, s && x && _(c), i == null || i(f(o[c]));
   }
-  return q(() => {
+  return z(() => {
     var e;
-    l && (w && s !== G && _(s), (e = v.current) == null || e.focus());
-  }, [l]), /* @__PURE__ */ o(
-    A,
+    s && (x && l !== G && _(l), (e = v.current) == null || e.focus());
+  }, [s]), /* @__PURE__ */ r(
+    E,
     {
-      isOpen: l,
+      isOpen: s,
       onClickOutside: () => h(!1),
       placement: g ? "top-start" : "bottom-start",
       content: /* @__PURE__ */ m(
         "div",
         {
           className: "Layout Dropdown__menu",
-          style: { minWidth: R },
+          style: { minWidth: S },
           ref: v,
           children: [
-            r.length === 0 && /* @__PURE__ */ o("div", { className: "Dropdown__menuentry", children: "No options" }),
-            r.map((e, t) => {
+            o.length === 0 && /* @__PURE__ */ r("div", { className: "Dropdown__menuentry", children: "No options" }),
+            o.map((e, t) => {
               const n = f(e);
-              return /* @__PURE__ */ o(
+              return /* @__PURE__ */ r(
                 "div",
                 {
-                  className: y([
+                  className: N([
                     "Dropdown__menuentry",
                     u === n && "selected"
                   ]),
@@ -82,60 +82,60 @@ function Y(d) {
           ]
         }
       ),
-      children: /* @__PURE__ */ m("div", { className: "Dropdown", style: { width: z(P) }, children: [
+      children: /* @__PURE__ */ m("div", { className: "Dropdown", style: { width: A(W) }, children: [
         /* @__PURE__ */ m(
           "div",
           {
-            className: y([
+            className: N([
               "Dropdown__control",
               "Button",
               "Button--dropdown",
-              "Button--color--" + B,
+              "Button--color--" + O,
               a && "Button--disabled",
-              O
+              B
             ]),
             onClick: (e) => {
-              a && !l || (h(!l), p == null || p(e));
+              a && !s || (h(!s), p == null || p(e));
             },
             children: [
-              x && /* @__PURE__ */ o(b, { mr: 1, name: x, rotation: T, spin: j }),
-              /* @__PURE__ */ o(
+              w && /* @__PURE__ */ r(D, { mr: 1, name: w, rotation: I, spin: P }),
+              /* @__PURE__ */ r(
                 "span",
                 {
                   className: "Dropdown__selected-text",
                   style: {
-                    overflow: k ? "hidden" : "visible"
+                    overflow: C ? "hidden" : "visible"
                   },
-                  children: C || u && f(u) || E
+                  children: j || u && f(u) || V
                 }
               ),
-              !S && /* @__PURE__ */ o("span", { className: "Dropdown__arrow-button", children: /* @__PURE__ */ o(b, { name: V ? "chevron-up" : "chevron-down" }) })
+              !T && /* @__PURE__ */ r("span", { className: "Dropdown__arrow-button", children: /* @__PURE__ */ r(D, { name: F ? "chevron-up" : "chevron-down" }) })
             ]
           }
         ),
-        I && /* @__PURE__ */ m(W, { children: [
-          /* @__PURE__ */ o(
-            D,
+        k && /* @__PURE__ */ m(L, { children: [
+          /* @__PURE__ */ r(
+            b,
             {
               disabled: a,
               height: 1.8,
               icon: "chevron-left",
               onClick: () => {
-                N(
+                y(
                   "previous"
                   /* Previous */
                 );
               }
             }
           ),
-          /* @__PURE__ */ o(
-            D,
+          /* @__PURE__ */ r(
+            b,
             {
               disabled: a,
               height: 1.8,
               icon: "chevron-right",
               onClick: () => {
-                N(
+                y(
                   "next"
                   /* Next */
                 );

package/dist/components/Knob.js

@@ -1,5 +1,5 @@
 import { jsx as _, jsxs as j } from "react/jsx-runtime";
-import { keyOfMatchingRange as E, scale as s } from "../common/math.js";
+import { scale as s, keyOfMatchingRange as E } from "../common/math.js";
 import { classes as e } from "../common/react.js";
 import { computeBoxClassName as K, computeBoxProps as I } from "./Box.js";
 import { DraggableControl as O } from "./DraggableControl.js";

package/dist/components/Popper.js

@@ -1,85 +1,86 @@
-import { jsxs as M, Fragment as P, jsx as S } from "react/jsx-runtime";
-import * as l from "react";
-import { useState as E, useRef as g, useEffect as F } from "react";
-import * as _ from "react-dom";
-import { c as A } from "../popper-CiqSDJTE.js";
-var j = function(r) {
-  return r.reduce(function(n, t) {
-    var o = t[0], u = t[1];
-    return n[o] = u, n;
+import { jsxs as M, Fragment as j, jsx as E } from "react/jsx-runtime";
+import * as c from "react";
+import { useState as O, useRef as R, useEffect as N } from "react";
+import * as x from "react-dom";
+import { c as A } from "../index-jLZg_duJ.js";
+var W = c.createContext(), Y = c.createContext();
+var P = function(r) {
+  return r.reduce(function(n, e) {
+    var o = e[0], a = e[1];
+    return n[o] = a, n;
   }, {});
-}, R = typeof window < "u" && window.document && window.document.createElement ? l.useLayoutEffect : l.useEffect;
-function I(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}, S = typeof window < "u" && window.document && window.document.createElement ? c.useLayoutEffect : c.useEffect;
+function I(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = typeof Element < "u", x = typeof Map == "function", z = typeof Set == "function", B = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
-function w(e, r) {
-  if (e === r) return !0;
-  if (e && r && typeof e == "object" && typeof r == "object") {
-    if (e.constructor !== r.constructor) return !1;
-    var n, t, o;
-    if (Array.isArray(e)) {
-      if (n = e.length, n != r.length) return !1;
-      for (t = n; t-- !== 0; )
-        if (!w(e[t], r[t])) return !1;
+var _ = typeof Element < "u", F = typeof Map == "function", b = typeof Set == "function", D = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+function g(t, r) {
+  if (t === r) return !0;
+  if (t && r && typeof t == "object" && typeof r == "object") {
+    if (t.constructor !== r.constructor) return !1;
+    var n, e, o;
+    if (Array.isArray(t)) {
+      if (n = t.length, n != r.length) return !1;
+      for (e = n; e-- !== 0; )
+        if (!g(t[e], r[e])) return !1;
       return !0;
     }
-    var u;
-    if (x && e instanceof Map && r instanceof Map) {
-      if (e.size !== r.size) return !1;
-      for (u = e.entries(); !(t = u.next()).done; )
-        if (!r.has(t.value[0])) return !1;
-      for (u = e.entries(); !(t = u.next()).done; )
-        if (!w(t.value[1], r.get(t.value[0]))) return !1;
+    var a;
+    if (F && t instanceof Map && r instanceof Map) {
+      if (t.size !== r.size) return !1;
+      for (a = t.entries(); !(e = a.next()).done; )
+        if (!r.has(e.value[0])) return !1;
+      for (a = t.entries(); !(e = a.next()).done; )
+        if (!g(e.value[1], r.get(e.value[0]))) return !1;
       return !0;
     }
-    if (z && e instanceof Set && r instanceof Set) {
-      if (e.size !== r.size) return !1;
-      for (u = e.entries(); !(t = u.next()).done; )
-        if (!r.has(t.value[0])) return !1;
+    if (b && t instanceof Set && r instanceof Set) {
+      if (t.size !== r.size) return !1;
+      for (a = t.entries(); !(e = a.next()).done; )
+        if (!r.has(e.value[0])) return !1;
       return !0;
     }
-    if (B && ArrayBuffer.isView(e) && ArrayBuffer.isView(r)) {
-      if (n = e.length, n != r.length) return !1;
-      for (t = n; t-- !== 0; )
-        if (e[t] !== r[t]) return !1;
+    if (D && ArrayBuffer.isView(t) && ArrayBuffer.isView(r)) {
+      if (n = t.length, n != r.length) return !1;
+      for (e = n; e-- !== 0; )
+        if (t[e] !== r[e]) return !1;
       return !0;
     }
-    if (e.constructor === RegExp) return e.source === r.source && e.flags === r.flags;
-    if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof r.valueOf == "function") return e.valueOf() === r.valueOf();
-    if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof r.toString == "function") return e.toString() === r.toString();
-    if (o = Object.keys(e), n = o.length, n !== Object.keys(r).length) return !1;
-    for (t = n; t-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(r, o[t])) return !1;
-    if (U && e instanceof Element) return !1;
-    for (t = n; t-- !== 0; )
-      if (!((o[t] === "_owner" || o[t] === "__v" || o[t] === "__o") && e.$$typeof) && !w(e[o[t]], r[o[t]]))
+    if (t.constructor === RegExp) return t.source === r.source && t.flags === r.flags;
+    if (t.valueOf !== Object.prototype.valueOf && typeof t.valueOf == "function" && typeof r.valueOf == "function") return t.valueOf() === r.valueOf();
+    if (t.toString !== Object.prototype.toString && typeof t.toString == "function" && typeof r.toString == "function") return t.toString() === r.toString();
+    if (o = Object.keys(t), n = o.length, n !== Object.keys(r).length) return !1;
+    for (e = n; e-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(r, o[e])) return !1;
+    if (_ && t instanceof Element) return !1;
+    for (e = n; e-- !== 0; )
+      if (!((o[e] === "_owner" || o[e] === "__v" || o[e] === "__o") && t.$$typeof) && !g(t[o[e]], r[o[e]]))
         return !1;
     return !0;
   }
-  return e !== e && r !== r;
+  return t !== t && r !== r;
 }
-var L = function(r, n) {
+var U = function(r, n) {
   try {
-    return w(r, n);
-  } catch (t) {
-    if ((t.message || "").match(/stack|recursion/i))
+    return g(r, n);
+  } catch (e) {
+    if ((e.message || "").match(/stack|recursion/i))
       return console.warn("react-fast-compare cannot handle circular refs"), !1;
-    throw t;
+    throw e;
   }
 };
-const q = /* @__PURE__ */ I(L);
-var D = [], $ = function(r, n, t) {
-  t === void 0 && (t = {});
-  var o = l.useRef(null), u = {
-    onFirstUpdate: t.onFirstUpdate,
-    placement: t.placement || "bottom",
-    strategy: t.strategy || "absolute",
-    modifiers: t.modifiers || D
-  }, m = l.useState({
+const $ = /* @__PURE__ */ I(U);
+var C = [], B = function(r, n, e) {
+  e === void 0 && (e = {});
+  var o = c.useRef(null), a = {
+    onFirstUpdate: e.onFirstUpdate,
+    placement: e.placement || "bottom",
+    strategy: e.strategy || "absolute",
+    modifiers: e.modifiers || C
+  }, l = c.useState({
     styles: {
       popper: {
-        position: u.strategy,
+        position: a.strategy,
         left: "0",
         top: "0"
       },
@@ -88,90 +89,119 @@ var D = [], $ = function(r, n, t) {
       }
     },
     attributes: {}
-  }), y = m[0], O = m[1], v = l.useMemo(function() {
+  }), v = l[0], h = l[1], y = c.useMemo(function() {
     return {
       name: "updateState",
       enabled: !0,
       phase: "write",
-      fn: function(d) {
-        var i = d.state, f = Object.keys(i.elements);
-        _.flushSync(function() {
-          O({
-            styles: j(f.map(function(c) {
-              return [c, i.styles[c] || {}];
+      fn: function(m) {
+        var p = m.state, f = Object.keys(p.elements);
+        x.flushSync(function() {
+          h({
+            styles: P(f.map(function(i) {
+              return [i, p.styles[i] || {}];
             })),
-            attributes: j(f.map(function(c) {
-              return [c, i.attributes[c]];
+            attributes: P(f.map(function(i) {
+              return [i, p.attributes[i]];
             }))
           });
         });
       },
       requires: ["computeStyles"]
     };
-  }, []), p = l.useMemo(function() {
-    var a = {
-      onFirstUpdate: u.onFirstUpdate,
-      placement: u.placement,
-      strategy: u.strategy,
-      modifiers: [].concat(u.modifiers, [v, {
+  }, []), d = c.useMemo(function() {
+    var s = {
+      onFirstUpdate: a.onFirstUpdate,
+      placement: a.placement,
+      strategy: a.strategy,
+      modifiers: [].concat(a.modifiers, [y, {
         name: "applyStyles",
         enabled: !1
       }])
     };
-    return q(o.current, a) ? o.current || a : (o.current = a, a);
-  }, [u.onFirstUpdate, u.placement, u.strategy, u.modifiers, v]), s = l.useRef();
-  return R(function() {
-    s.current && s.current.setOptions(p);
-  }, [p]), R(function() {
+    return $(o.current, s) ? o.current || s : (o.current = s, s);
+  }, [a.onFirstUpdate, a.placement, a.strategy, a.modifiers, y]), u = c.useRef();
+  return S(function() {
+    u.current && u.current.setOptions(d);
+  }, [d]), S(function() {
     if (!(r == null || n == null)) {
-      var a = t.createPopper || A, d = a(r, n, p);
-      return s.current = d, function() {
-        d.destroy(), s.current = null;
+      var s = e.createPopper || A, m = s(r, n, d);
+      return u.current = m, function() {
+        m.destroy(), u.current = null;
       };
     }
-  }, [r, n, t.createPopper]), {
-    state: s.current ? s.current.state : null,
-    styles: y.styles,
-    attributes: y.attributes,
-    update: s.current ? s.current.update : null,
-    forceUpdate: s.current ? s.current.forceUpdate : null
+  }, [r, n, e.createPopper]), {
+    state: u.current ? u.current.state : null,
+    styles: v.styles,
+    attributes: v.attributes,
+    update: u.current ? u.current.update : null,
+    forceUpdate: u.current ? u.current.forceUpdate : null
   };
 };
-function W(e) {
-  const { children: r, content: n, isOpen: t, onClickOutside: o, placement: u } = e, [m, y] = E(null), [O, v] = E(
+var q = process.env.NODE_ENV !== "production", z = function() {
+};
+if (q) {
+  var L = function(r, n) {
+    var e = arguments.length;
+    n = new Array(e > 1 ? e - 1 : 0);
+    for (var o = 1; o < e; o++)
+      n[o - 1] = arguments[o];
+    var a = 0, l = "Warning: " + r.replace(/%s/g, function() {
+      return n[a++];
+    });
+    typeof console < "u" && console.error(l);
+    try {
+      throw new Error(l);
+    } catch {
+    }
+  };
+  z = function(t, r, n) {
+    var e = arguments.length;
+    n = new Array(e > 2 ? e - 2 : 0);
+    for (var o = 2; o < e; o++)
+      n[o - 2] = arguments[o];
+    if (r === void 0)
+      throw new Error(
+        "`warning(condition, format, ...args)` requires a warning message argument"
+      );
+    t || L.apply(null, [r].concat(n));
+  };
+}
+function G(t) {
+  const { children: r, content: n, isOpen: e, onClickOutside: o, placement: a } = t, [l, v] = O(null), [h, y] = O(
     null
-  ), p = g(null), s = g(null), { styles: a, attributes: d } = $(m, O, {
-    placement: u
+  ), d = R(null), u = R(null), { styles: s, attributes: m } = B(l, h, {
+    placement: a
   });
-  function i(f) {
-    var c, h;
-    !((c = p.current) != null && c.contains(f.target)) && !((h = s.current) != null && h.contains(f.target)) && (o == null || o());
+  function p(f) {
+    var i, w;
+    !((i = d.current) != null && i.contains(f.target)) && !((w = u.current) != null && w.contains(f.target)) && (o == null || o());
   }
-  return F(() => (t ? document.addEventListener("mousedown", i) : document.removeEventListener("mousedown", i), () => {
-    document.removeEventListener("mousedown", i);
-  }), [t]), /* @__PURE__ */ M(P, { children: [
-    /* @__PURE__ */ S(
+  return N(() => (e ? document.addEventListener("mousedown", p) : document.removeEventListener("mousedown", p), () => {
+    document.removeEventListener("mousedown", p);
+  }), [e]), /* @__PURE__ */ M(j, { children: [
+    /* @__PURE__ */ E(
       "div",
       {
         ref: (f) => {
-          y(f), s.current = f;
+          v(f), u.current = f;
         },
         children: r
       }
     ),
-    t && /* @__PURE__ */ S(
+    e && /* @__PURE__ */ E(
       "div",
       {
         ref: (f) => {
-          v(f), p.current = f;
+          y(f), d.current = f;
         },
-        style: { ...a.popper, zIndex: e.baseZIndex ?? 5 },
-        ...d.popper,
+        style: { ...s.popper, zIndex: t.baseZIndex ?? 5 },
+        ...m.popper,
         children: n
       }
     )
   ] });
 }
 export {
-  W as Popper
+  G as Popper
 };

package/dist/components/ProgressBar.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { CSS_COLORS as v } from "../common/constants.js";
-import { keyOfMatchingRange as y, toFixed as N, scale as _, clamp01 as B } from "../common/math.js";
+import { scale as y, keyOfMatchingRange as N, clamp01 as _, toFixed as B } from "../common/math.js";
 import { classes as m } from "../common/react.js";
 import { s as o } from "../ProgressBar.module-BkAFfFy0.js";
 import { computeBoxProps as S, computeBoxClassName as O } from "./Box.js";
@@ -14,12 +14,12 @@ function w(d) {
     ranges: h = {},
     children: l,
     ...t
-  } = d, a = _(r, u, p), x = l !== void 0, s = C || y(r, h) || "default", e = S(t), c = [
+  } = d, a = y(r, u, p), x = l !== void 0, s = C || N(r, h) || "default", e = S(t), c = [
     o.progressBar,
     f,
     O(t)
   ], i = {
-    width: B(a) * 100 + "%"
+    width: _(a) * 100 + "%"
   };
   return v.includes(s) || s === "default" ? c.push(o["color__" + s]) : (e.style = { ...e.style, borderColor: s }, i.backgroundColor = s), /* @__PURE__ */ g("div", { className: m(c), ...e, children: [
     /* @__PURE__ */ n(
@@ -29,7 +29,7 @@ function w(d) {
         style: i
       }
     ),
-    /* @__PURE__ */ n("div", { className: o.content, children: x ? l : N(a * 100) + "%" })
+    /* @__PURE__ */ n("div", { className: o.content, children: x ? l : B(a * 100) + "%" })
   ] });
 }
 export {

package/dist/components/RoundGauge.js

@@ -1,5 +1,5 @@
 import { jsxs as k, jsx as _ } from "react/jsx-runtime";
-import { scale as d, keyOfMatchingRange as M, clamp01 as N } from "../common/math.js";
+import { scale as d, clamp01 as M, keyOfMatchingRange as N } from "../common/math.js";
 import { classes as u } from "../common/react.js";
 import { AnimatedNumber as A } from "./AnimatedNumber.js";
 import { Box as B, computeBoxClassName as G, computeBoxProps as j } from "./Box.js";
@@ -65,7 +65,7 @@ function A_(y) {
     style: w,
     value: l,
     ...m
-  } = y, C = d(l, s, n), p = N(C), c = a ? {} : { primary: [0, 1] };
+  } = y, C = d(l, s, n), p = M(C), c = a ? {} : { primary: [0, 1] };
   a && Object.keys(a).forEach((t) => {
     const g = a[t];
     c[t] = [
@@ -76,7 +76,7 @@ function A_(y) {
   function x() {
     return o && r && l > o && l < r || o && l > o ? !0 : !!(r && l < r);
   }
-  const b = x() && M(p, c);
+  const b = x() && N(p, c);
   return /* @__PURE__ */ k(B, { inline: !0, children: [
     /* @__PURE__ */ _(
       "div",

package/dist/components/Section.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { forwardRef as S, useEffect as j } from "react";
 import { addScrollableNode as z, removeScrollableNode as B } from "../common/events.js";
-import { classes as H, canRender as m } from "../common/react.js";
+import { canRender as m, classes as H } from "../common/react.js";
 import { s as t } from "../Section.module-CLVHJ4yA.js";
 import { computeBoxClassName as T, computeBoxProps as y } from "./Box.js";
 const q = S(

package/dist/components/Slider.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { keyOfMatchingRange as R, clamp01 as t, scale as f } from "../common/math.js";
+import { scale as f, keyOfMatchingRange as R, clamp01 as t } from "../common/math.js";
 import { classes as _ } from "../common/react.js";
 import { s as e } from "../ProgressBar.module-BkAFfFy0.js";
 import { computeBoxClassName as $, computeBoxProps as q } from "./Box.js";