tgui-core 1.0.13 → 1.0.15

package/dist/components/Input.js

@@ -4,46 +4,46 @@ import { classes as k } from "../common/react.js";
 import { debounce as B } from "../common/timer.js";
 import { useRef as E, useEffect as R } from "react";
 import { Box as S } from "./Box.js";
-import '../assets/Input.css';const V = "_input_upnwi_13", F = "_fluid_upnwi_28", L = "_baseline_upnwi_33", Y = "_inner_upnwi_38", q = "_monospace_upnwi_64", t = {
+import '../assets/Input.css';const V = "_input_17i79_20", F = "_fluid_17i79_35", L = "_baseline_17i79_40", Y = "_inner_17i79_45", q = "_monospace_17i79_71", u = {
   input: V,
   fluid: F,
   baseline: L,
   inner: Y,
   monospace: q
 };
-function _(n) {
-  return typeof n != "number" && typeof n != "string" ? "" : String(n);
+function _(r) {
+  return typeof r != "number" && typeof r != "string" ? "" : String(r);
 }
-const z = B((n) => n(), 250);
-function P(n) {
+const z = B((r) => r(), 250);
+function P(r) {
   const {
     autoFocus: d,
     autoSelect: c,
     className: b,
     disabled: g,
-    expensive: w,
-    fluid: T,
-    maxLength: y,
-    monospace: x,
-    onChange: r,
+    expensive: T,
+    fluid: y,
+    maxLength: x,
+    monospace: h,
+    onChange: n,
     onEnter: i,
     onEscape: o,
     onInput: s,
-    placeholder: h,
-    selfClear: I,
+    placeholder: I,
+    selfClear: N,
     value: l,
-    ...N
-  } = n, a = E(null);
+    ...w
+  } = r, a = E(null);
   function D(e) {
     var f;
     if (!s)
       return;
-    const u = (f = e.currentTarget) == null ? void 0 : f.value;
-    w ? z(() => s(e, u)) : s(e, u);
+    const t = (f = e.currentTarget) == null ? void 0 : f.value;
+    T ? z(() => s(e, t)) : s(e, t);
   }
   function K(e) {
     if (e.key === m.Enter) {
-      i == null || i(e, e.currentTarget.value), I ? e.currentTarget.value = "" : (e.currentTarget.blur(), r == null || r(e, e.currentTarget.value));
+      i == null || i(e, e.currentTarget.value), N ? e.currentTarget.value = "" : (e.currentTarget.blur(), n == null || n(e, e.currentTarget.value));
       return;
     }
     e.key === m.Escape && (o == null || o(e), e.currentTarget.value = _(l), e.currentTarget.blur());
@@ -52,32 +52,32 @@ function P(n) {
     const e = a.current;
     if (!e)
       return;
-    const u = _(l);
-    e.value !== u && (e.value = u), !(!d && !c) && setTimeout(() => {
+    const t = _(l);
+    e.value !== t && (e.value = t), !(!d && !c) && setTimeout(() => {
       e.focus(), c && e.select();
     }, 1);
   }, []), /* @__PURE__ */ j(
     S,
     {
       className: k([
-        t.input,
-        T && t.fluid,
-        x && t.monospace,
+        u.input,
+        y && u.fluid,
+        h && u.monospace,
         b
       ]),
-      ...N,
+      ...w,
       children: [
-        /* @__PURE__ */ p("div", { className: t.baseline, children: "." }),
+        /* @__PURE__ */ p("div", { className: u.baseline, children: "." }),
         /* @__PURE__ */ p(
           "input",
           {
-            className: t.inner,
+            className: u.inner,
             disabled: g,
-            maxLength: y,
-            onBlur: (e) => r == null ? void 0 : r(e, e.target.value),
+            maxLength: x,
+            onBlur: (e) => n == null ? void 0 : n(e, e.target.value),
             onChange: D,
             onKeyDown: K,
-            placeholder: h,
+            placeholder: I,
             ref: a
           }
         )

package/dist/components/NumberInput.js

@@ -1,14 +1,14 @@
-import '../assets/NumberInput.css';var E = Object.defineProperty;
-var I = (c, d, e) => d in c ? E(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var l = (c, d, e) => (I(c, typeof d != "symbol" ? d + "" : d, e), e);
-import { jsxs as S, jsx as g } from "react/jsx-runtime";
-import { KEY as x } from "../common/keys.js";
+import '../assets/NumberInput.css';var w = Object.defineProperty;
+var E = (c, d, e) => d in c ? w(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
+var l = (c, d, e) => (E(c, typeof d != "symbol" ? d + "" : d, e), e);
+import { jsxs as _, jsx as g } from "react/jsx-runtime";
+import { KEY as S } from "../common/keys.js";
 import { clamp as h } from "../common/math.js";
-import { classes as D } from "../common/react.js";
-import { Component as T, createRef as F } from "react";
-import { AnimatedNumber as M } from "./AnimatedNumber.js";
-import { Box as w } from "./Box.js";
-const R = "_numberInput_x4pb3_13", B = "_fluid_x4pb3_29", K = "_content_x4pb3_33", L = "_barContainer_x4pb3_37", Y = "_bar_x4pb3_37", j = "_inner_x4pb3_54", p = {
+import { classes as I } from "../common/react.js";
+import { Component as D, createRef as T } from "react";
+import { AnimatedNumber as F } from "./AnimatedNumber.js";
+import { Box as M } from "./Box.js";
+const R = "_numberInput_4xyrw_20", B = "_fluid_4xyrw_36", K = "_content_4xyrw_40", L = "_barContainer_4xyrw_44", Y = "_bar_4xyrw_44", j = "_inner_4xyrw_61", p = {
   numberInput: R,
   fluid: B,
   content: K,
@@ -16,11 +16,11 @@ const R = "_numberInput_x4pb3_13", B = "_fluid_x4pb3_29", K = "_content_x4pb3_33
   bar: Y,
   inner: j
 };
-class $ extends T {
+class $ extends D {
   constructor(e) {
     super(e);
     // Ref to the input field to set focus & highlight
-    l(this, "inputRef", F());
+    l(this, "inputRef", T());
     // After this time has elapsed we are in drag mode so no editing when dragging ends
     l(this, "dragTimeout");
     // Call onDrag at this interval
@@ -119,7 +119,7 @@ class $ extends T {
       if (o)
         return;
       const { previousValue: s } = this.state;
-      if (e.key === x.Enter) {
+      if (e.key === S.Enter) {
         const t = h(
           parseFloat(e.currentTarget.value),
           a,
@@ -137,7 +137,7 @@ class $ extends T {
           previousValue: t
         }), s !== t && (i == null || i(t), n == null || n(t));
       } else
-        e.key === x.Escape && this.setState({
+        e.key === S.Escape && this.setState({
           editing: !1
         });
     });
@@ -159,29 +159,29 @@ class $ extends T {
       minValue: r,
       maxValue: f,
       height: v,
-      width: y,
+      width: x,
       lineHeight: b,
-      fontSize: _,
+      fontSize: y,
       format: V
     } = this.props;
     let m = parseFloat(t.toString());
     e && (m = u);
-    const N = /* @__PURE__ */ S("div", { className: p.content, children: [
-      o && !e ? /* @__PURE__ */ g(M, { value: m, format: V }) : V ? V(m) : m,
+    const N = /* @__PURE__ */ _("div", { className: p.content, children: [
+      o && !e ? /* @__PURE__ */ g(F, { value: m, format: V }) : V ? V(m) : m,
       s ? " " + s : ""
     ] });
-    return /* @__PURE__ */ S(
-      w,
+    return /* @__PURE__ */ _(
+      M,
       {
-        className: D([
+        className: I([
           p.numberInput,
           n && p.fluid,
           i
         ]),
-        minWidth: y,
+        minWidth: x,
         minHeight: v,
         lineHeight: b,
-        fontSize: _,
+        fontSize: y,
         onMouseDown: this.handleDragStart,
         children: [
           /* @__PURE__ */ g("div", { className: p.barContainer, children: /* @__PURE__ */ g(
@@ -207,7 +207,7 @@ class $ extends T {
                 display: a ? "inline" : "none",
                 height: v,
                 lineHeight: b,
-                fontSize: _
+                fontSize: y
               },
               onBlur: this.handleBlur,
               onKeyDown: this.handleKeyDown

package/dist/components/ProgressBar.js

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

package/dist/components/Section.d.ts

@@ -53,7 +53,7 @@ export declare const Section: import('react').ForwardRefExoticComponent<Partial<
     onClick: import('react').MouseEventHandler<HTMLDivElement>;
     onContextMenu: import('react').MouseEventHandler<HTMLDivElement>;
     onDoubleClick: import('react').MouseEventHandler<HTMLDivElement>;
-    onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>; /** Shows or hides the horizontal scrollbar. */
+    onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>;
     onKeyUp: import('react').KeyboardEventHandler<HTMLDivElement>;
     onMouseDown: import('react').MouseEventHandler<HTMLDivElement>;
     onMouseMove: import('react').MouseEventHandler<HTMLDivElement>;

package/dist/components/Section.js

@@ -1,65 +1,55 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { classes as h, canRender as _ } from "../common/react.js";
-import { forwardRef as v, useEffect as z } from "react";
-import { addScrollableNode as H, removeScrollableNode as T } from "../events.js";
-import { computeBoxClassName as S, computeBoxProps as j } from "./Box.js";
-import '../assets/Section.css';const B = "_section_upqxx_17", y = "_title_upqxx_28", C = "_titleText_upqxx_34", E = "_buttons_upqxx_40", P = "_rest_upqxx_47", d = "_content_upqxx_51", g = "_fitted_upqxx_55", k = "_fill_upqxx_59", A = "_scrollable_upqxx_73", D = "_scrollableHorizontal_upqxx_90", t = {
-  section: B,
-  title: y,
-  titleText: C,
-  buttons: E,
-  rest: P,
-  content: d,
-  fitted: g,
-  fill: k,
-  scrollable: A,
-  scrollableHorizontal: D
-}, L = v(
-  (x, l) => {
+import { s as t } from "../Section.module-CLVHJ4yA.js";
+import { classes as S, canRender as m } from "../common/react.js";
+import { forwardRef as j, useEffect as z } from "react";
+import { addScrollableNode as B, removeScrollableNode as H } from "../events.js";
+import { computeBoxClassName as T, computeBoxProps as y } from "./Box.js";
+const q = j(
+  (a, l) => {
     const {
-      buttons: o,
-      children: a,
-      className: u,
-      fill: m,
-      fitted: p,
-      onScroll: b,
-      scrollable: e,
-      scrollableHorizontal: c,
+      buttons: c,
+      children: u,
+      className: p,
+      fill: N,
+      fitted: b,
+      onScroll: h,
+      scrollable: i,
+      scrollableHorizontal: e,
       title: n,
-      container_id: q,
-      ...i
-    } = x, N = _(n) || _(o);
+      container_id: v,
+      ...o
+    } = a, x = m(n) || m(c);
     return z(() => {
-      if (l != null && l.current && !(!e && !c))
-        return H(l.current), () => {
-          l != null && l.current && T(l.current);
+      if (l != null && l.current && !(!i && !e))
+        return B(l.current), () => {
+          l != null && l.current && H(l.current);
         };
     }, []), /* @__PURE__ */ r(
       "div",
       {
-        id: q || "",
-        className: h([
+        id: v || "",
+        className: S([
           t.section,
-          m && t.fill,
-          p && t.fitted,
-          e && t.scrollable,
-          c && t.scrollableHorizontal,
-          u,
-          S(i)
+          N && t.fill,
+          b && t.fitted,
+          i && t.scrollable,
+          e && t.scrollableHorizontal,
+          p,
+          T(o)
         ]),
-        ...j(i),
+        ...y(o),
         children: [
-          N && /* @__PURE__ */ r("div", { className: t.title, children: [
+          x && /* @__PURE__ */ r("div", { className: t.title, children: [
             /* @__PURE__ */ s("span", { className: t.titleText, children: n }),
-            /* @__PURE__ */ s("div", { className: t.buttons, children: o })
+            /* @__PURE__ */ s("div", { className: t.buttons, children: c })
           ] }),
           /* @__PURE__ */ s("div", { className: t.rest, children: /* @__PURE__ */ s(
             "div",
             {
               className: t.content,
-              onScroll: b,
+              onScroll: h,
               ref: l,
-              children: a
+              children: u
             }
           ) })
         ]
@@ -68,5 +58,5 @@ import '../assets/Section.css';const B = "_section_upqxx_17", y = "_title_upqxx_
   }
 );
 export {
-  L as Section
+  q as Section
 };

package/dist/components/Slider.js

@@ -1,21 +1,21 @@
 import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { p as e } from "../ProgressBar.module-Jzqlebbx.js";
+import { s as e } from "../ProgressBar.module-BkAFfFy0.js";
 import { keyOfMatchingRange as R, clamp01 as t, scale as f } from "../common/math.js";
 import { classes as _ } from "../common/react.js";
-import { computeBoxClassName as q, computeBoxProps as A } from "./Box.js";
-import { DraggableControl as G } from "./DraggableControl.js";
-import '../assets/Slider.css';const H = "_slider_1assx_9", I = "_cursorOffset_1assx_13", J = "_cursor_1assx_13", K = "_pointer_1assx_30", L = "_popupValue_1assx_41", a = {
-  slider: H,
-  cursorOffset: I,
-  cursor: J,
-  pointer: K,
-  popupValue: L
+import { computeBoxClassName as $, computeBoxProps as q } from "./Box.js";
+import { DraggableControl as A } from "./DraggableControl.js";
+import '../assets/Slider.css';const G = "_slider_1assx_9", H = "_cursorOffset_1assx_13", I = "_cursor_1assx_13", J = "_pointer_1assx_30", K = "_popupValue_1assx_41", a = {
+  slider: G,
+  cursorOffset: H,
+  cursor: I,
+  pointer: J,
+  popupValue: K
 };
-function Z(h) {
+function Y(h) {
   const {
     // Draggable props (passthrough)
-    animated: g,
-    format: v,
+    animated: v,
+    format: g,
     maxValue: o,
     minValue: r,
     onChange: x,
@@ -29,16 +29,16 @@ function Z(h) {
     className: w,
     fillValue: l,
     color: M,
-    ranges: S = {},
+    ranges: B = {},
     children: i,
     ...c
-  } = h, B = i !== void 0;
+  } = h, F = i !== void 0;
   return /* @__PURE__ */ s(
-    G,
+    A,
     {
       dragMatrix: [1, 0],
-      animated: g,
-      format: v,
+      animated: v,
+      format: g,
       maxValue: o,
       minValue: r,
       onChange: x,
@@ -48,7 +48,7 @@ function Z(h) {
       suppressFlicker: C,
       unit: D,
       value: O,
-      children: (F) => {
+      children: (S) => {
         const {
           displayElement: n,
           displayValue: p,
@@ -56,11 +56,11 @@ function Z(h) {
           handleDragStart: k,
           inputElement: E,
           value: P
-        } = F, b = l != null, u = f(
+        } = S, b = l != null, u = f(
           l ?? p,
           r,
           o
-        ), d = f(p, r, o), z = M || R(l ?? P, S) || "default";
+        ), d = f(p, r, o), z = M || R(l ?? P, B) || "default";
         return /* @__PURE__ */ m(
           "div",
           {
@@ -69,9 +69,9 @@ function Z(h) {
               e.progressBar,
               e["color__" + z],
               w,
-              q(c)
+              $(c)
             ]),
-            ...A(c),
+            ...q(c),
             onMouseDown: k,
             children: [
               /* @__PURE__ */ s(
@@ -110,7 +110,7 @@ function Z(h) {
                   ]
                 }
               ),
-              /* @__PURE__ */ s("div", { className: e.content, children: B ? i : n }),
+              /* @__PURE__ */ s("div", { className: e.content, children: F ? i : n }),
               E
             ]
           }
@@ -120,5 +120,5 @@ function Z(h) {
   );
 }
 export {
-  Z as Slider
+  Y as Slider
 };

package/dist/components/Stack.js

@@ -1,30 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { classes as _ } from "../common/react.js";
-import { computeFlexClassName as f, computeFlexProps as w, computeFlexItemProps as o } from "./Flex.js";
-import { computeBoxClassName as a } from "./Box.js";
-import '../assets/Stack.css';const h = "_fill_wrul1_9", p = "_horizontal_wrul1_13", z = "_item_wrul1_13", x = "_vertical_wrul1_20", N = "_reverse_wrul1_27", S = "_reverse__vertical_wrul1_35", k = "_zebra_wrul1_43", b = "_divider_wrul1_47", F = "_divider__hidden_wrul1_47", t = {
+import { jsx as l } from "react/jsx-runtime";
+import { classes as o } from "../common/react.js";
+import { computeFlexClassName as f, computeFlexProps as w, computeFlexItemProps as _ } from "./Flex.js";
+import { computeBoxClassName as n } from "./Box.js";
+import '../assets/Stack.css';const h = "_fill_wrul1_9", p = "_horizontal_wrul1_13", z = "_item_wrul1_13", x = "_vertical_wrul1_20", N = "_reverse_wrul1_27", b = "_reverse__vertical_wrul1_35", S = "_zebra_wrul1_43", k = "_divider_wrul1_47", F = "_divider__hidden_wrul1_47", e = {
   fill: h,
   horizontal: p,
   item: z,
   vertical: x,
   reverse: N,
-  reverse__vertical: S,
-  zebra: k,
-  divider: b,
+  reverse__vertical: b,
+  zebra: S,
+  divider: k,
   divider__hidden: F
 };
-function n(i) {
-  const { className: s, vertical: e, fill: r, reverse: l, zebra: d, ...v } = i, m = e ? "column" : "row", u = l ? "-reverse" : "";
-  return /* @__PURE__ */ c(
+function a(t) {
+  const { className: s, vertical: r, fill: i, reverse: c, zebra: d, ...v } = t, m = r ? "column" : "row", u = c ? "-reverse" : "";
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: _([
-        r && t.fill,
-        e ? t.vertical : t.horizontal,
-        d && t.zebra,
-        l && t[`reverse${e ? "__vertical" : ""}`],
+      className: o([
+        i && e.fill,
+        r ? e.vertical : e.horizontal,
+        d && e.zebra,
+        c && e[`reverse${r ? "__vertical" : ""}`],
         s,
-        f(i)
+        f(t)
       ]),
       ...w({
         direction: `${m}${u}`,
@@ -33,35 +33,35 @@ function n(i) {
     }
   );
 }
-function I(i) {
-  const { className: s, innerRef: e, ...r } = i;
-  return /* @__PURE__ */ c(
+function I(t) {
+  const { className: s, innerRef: r, ...i } = t;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: _([t.item, s, a(r)]),
-      ref: e,
-      ...o(r)
+      className: o([e.item, s, n(i)]),
+      ref: r,
+      ..._(i)
     }
   );
 }
-n.Item = I;
-function P(i) {
-  const { className: s, hidden: e, ...r } = i;
-  return /* @__PURE__ */ c(
+a.Item = I;
+function P(t) {
+  const { className: s, hidden: r, ...i } = t;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: _([
-        "Stack__item",
-        "Stack__divider",
-        e && "Stack__divider--hidden",
+      className: o([
+        e.item,
+        e.divider,
+        r && e.divider__hidden,
         s,
-        a(r)
+        n(i)
       ]),
-      ...o(r)
+      ..._(i)
     }
   );
 }
-n.Divider = P;
+a.Divider = P;
 export {
-  n as Stack
+  a as Stack
 };

package/dist/components/StyleableSection.d.ts

@@ -7,5 +7,5 @@ type Props = Partial<{
     title: ReactNode;
     titleSubtext: string;
 }> & PropsWithChildren;
-export declare const StyleableSection: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare function StyleableSection(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/StyleableSection.js

@@ -1,12 +1,16 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { Box as t } from "./Box.js";
-const s = (e) => /* @__PURE__ */ i(t, { style: e.style, children: [
-  /* @__PURE__ */ i(t, { className: "Section__title", style: e.titleStyle, children: [
-    /* @__PURE__ */ l(t, { className: "Section__titleText", style: e.textStyle, children: e.title }),
-    /* @__PURE__ */ l("div", { className: "Section__buttons", children: e.titleSubtext })
-  ] }),
-  /* @__PURE__ */ l(t, { className: "Section__rest", children: /* @__PURE__ */ l(t, { className: "Section__content", children: e.children }) })
-] });
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { s as t } from "../Section.module-CLVHJ4yA.js";
+import { Box as e } from "./Box.js";
+function h(i) {
+  const { children: r, titleStyle: c, titleSubtext: n, title: o, textStyle: a, style: m } = i;
+  return /* @__PURE__ */ s(e, { style: m, children: [
+    /* @__PURE__ */ s(e, { className: t.title, style: c, children: [
+      /* @__PURE__ */ l(e, { className: t.titleText, style: a, children: o }),
+      /* @__PURE__ */ l("div", { className: t.buttons, children: n })
+    ] }),
+    /* @__PURE__ */ l(e, { className: t.rest, children: /* @__PURE__ */ l(e, { className: t.content, children: r }) })
+  ] });
+}
 export {
-  s as StyleableSection
+  h as StyleableSection
 };