tgui-core 1.0.13 → 1.0.15

package/dist/components/Tabs.js

@@ -1,61 +1,59 @@
 import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { classes as i, canRender as d } from "../common/react.js";
-import { computeBoxClassName as b, computeBoxProps as x } from "./Box.js";
-import { Icon as h } from "./Icon.js";
-import '../assets/Tabs.css';const m = "_tabs_3dx9a_13", v = "_fill_3dx9a_20", p = "_section_3dx9a_24", u = "_vertical_3dx9a_35", w = "_horizontal_3dx9a_40", y = "_tabs__tab_3dx9a_48", N = "_fluid_3dx9a_52", k = "_tab_3dx9a_13", z = "_selected_3dx9a_66", T = "_tab__text_3dx9a_75", j = "_tab__left_3dx9a_80", B = "_tab__right_3dx9a_86", S = "_color__black_3dx9a_113", C = "_color__white_3dx9a_125", I = "_color__red_3dx9a_137", P = "_color__orange_3dx9a_149", R = "_color__yellow_3dx9a_161", q = "_color__olive_3dx9a_173", A = "_color__green_3dx9a_185", D = "_color__teal_3dx9a_197", E = "_color__blue_3dx9a_209", F = "_color__violet_3dx9a_221", G = "_color__purple_3dx9a_233", H = "_color__pink_3dx9a_245", J = "_color__brown_3dx9a_257", K = "_color__grey_3dx9a_269", L = "_color__good_3dx9a_293", M = "_color__average_3dx9a_305", O = "_color__bad_3dx9a_317", Q = "_color__label_3dx9a_329", _ = {
-  tabs: m,
-  fill: v,
-  section: p,
-  "section--fitted": "_section--fitted_3dx9a_28",
+import { classes as h, canRender as i } from "../common/react.js";
+import { computeBoxClassName as b, computeBoxProps as d } from "./Box.js";
+import { Icon as m } from "./Icon.js";
+import '../assets/Tabs.css';const v = "_tabs_9h380_13", p = "_fill_9h380_20", u = "_vertical_9h380_35", w = "_horizontal_9h380_40", x = "_tabs__tab_9h380_48", y = "_fluid_9h380_52", N = "_tab_9h380_13", k = "_selected_9h380_66", z = "_tab__text_9h380_75", T = "_tab__left_9h380_80", j = "_tab__right_9h380_86", B = "_color__black_9h380_113", S = "_color__white_9h380_125", C = "_color__red_9h380_137", I = "_color__orange_9h380_149", P = "_color__yellow_9h380_161", R = "_color__olive_9h380_173", q = "_color__green_9h380_185", A = "_color__teal_9h380_197", D = "_color__blue_9h380_209", E = "_color__violet_9h380_221", F = "_color__purple_9h380_233", G = "_color__pink_9h380_245", H = "_color__brown_9h380_257", J = "_color__grey_9h380_269", K = "_color__good_9h380_293", L = "_color__average_9h380_305", M = "_color__bad_9h380_317", O = "_color__label_9h380_329", _ = {
+  tabs: v,
+  fill: p,
   vertical: u,
   horizontal: w,
-  tabs__tab: y,
-  fluid: N,
-  tab: k,
-  selected: z,
-  tab__text: T,
-  tab__left: j,
-  tab__right: B,
-  color__black: S,
-  color__white: C,
-  color__red: I,
-  color__orange: P,
-  color__yellow: R,
-  color__olive: q,
-  color__green: A,
-  color__teal: D,
-  color__blue: E,
-  color__violet: F,
-  color__purple: G,
-  color__pink: H,
-  color__brown: J,
-  color__grey: K,
-  "color__light-grey": "_color__light-grey_3dx9a_281",
-  color__good: L,
-  color__average: M,
-  color__bad: O,
-  color__label: Q
-}, U = (r) => {
-  const { className: a, vertical: e, fill: s, fluid: c, children: t, ...l } = r;
+  tabs__tab: x,
+  fluid: y,
+  tab: N,
+  selected: k,
+  tab__text: z,
+  tab__left: T,
+  tab__right: j,
+  color__black: B,
+  color__white: S,
+  color__red: C,
+  color__orange: I,
+  color__yellow: P,
+  color__olive: R,
+  color__green: q,
+  color__teal: A,
+  color__blue: D,
+  color__violet: E,
+  color__purple: F,
+  color__pink: G,
+  color__brown: H,
+  color__grey: J,
+  "color__light-grey": "_color__light-grey_9h380_281",
+  color__good: K,
+  color__average: L,
+  color__bad: M,
+  color__label: O
+}, Q = (r) => {
+  const { className: e, vertical: a, fill: s, fluid: c, children: t, ...l } = r;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: i([
+      className: h([
         _.tabs,
-        e ? _.vertical : _.horizontal,
+        a ? _.vertical : _.horizontal,
         s && _.fill,
         c && _.fluid,
-        a,
+        e,
         b(l)
       ]),
-      ...x(l),
+      ...d(l),
       children: t
     }
   );
-}, V = (r) => {
+}, U = (r) => {
   const {
-    className: a,
-    selected: e,
+    className: e,
+    selected: a,
     color: s,
     icon: c,
     leftSlot: t,
@@ -66,24 +64,24 @@ import '../assets/Tabs.css';const m = "_tabs_3dx9a_13", v = "_fill_3dx9a_20", p
   return /* @__PURE__ */ f(
     "div",
     {
-      className: i([
+      className: h([
         _.tab,
         _.tabs__tab,
         _["color__" + s],
-        e && _.selected,
-        a,
+        a && _.selected,
+        e,
         b(n)
       ]),
-      ...x(n),
+      ...d(n),
       children: [
-        d(t) && /* @__PURE__ */ o("div", { className: _.tab__left, children: t }) || !!c && /* @__PURE__ */ o("div", { className: _.tab__left, children: /* @__PURE__ */ o(h, { name: c }) }),
+        i(t) && /* @__PURE__ */ o("div", { className: _.tab__left, children: t }) || !!c && /* @__PURE__ */ o("div", { className: _.tab__left, children: /* @__PURE__ */ o(m, { name: c }) }),
         /* @__PURE__ */ o("div", { className: _.tab__text, children: g }),
-        d(l) && /* @__PURE__ */ o("div", { className: _.tab__right, children: l })
+        i(l) && /* @__PURE__ */ o("div", { className: _.tab__right, children: l })
       ]
     }
   );
 };
-U.Tab = V;
+Q.Tab = U;
 export {
-  U as Tabs
+  Q as Tabs
 };

package/dist/components/TextArea.d.ts

@@ -32,7 +32,7 @@ export declare const TextArea: import('react').ForwardRefExoticComponent<Partial
     onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>;
     onKeyUp: import('react').KeyboardEventHandler<HTMLDivElement>;
     onMouseDown: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseMove: import('react').MouseEventHandler<HTMLDivElement>; /** Fires once the enter key is pressed */
+    onMouseMove: import('react').MouseEventHandler<HTMLDivElement>;
     onMouseOver: import('react').MouseEventHandler<HTMLDivElement>;
     onMouseUp: import('react').MouseEventHandler<HTMLDivElement>;
     onScroll: import('react').UIEventHandler<HTMLDivElement>;

package/dist/components/TextArea.js

@@ -1,10 +1,10 @@
 import { jsxs as I, jsx as f } from "react/jsx-runtime";
 import { KEY as p } from "../common/keys.js";
 import { classes as d } from "../common/react.js";
-import { forwardRef as Y, useRef as C, useState as H, useImperativeHandle as L, useEffect as b } from "react";
+import { forwardRef as Y, useRef as C, useState as H, useImperativeHandle as L, useEffect as g } from "react";
 import { Box as P } from "./Box.js";
-import { toInputValue as g } from "./Input.js";
-import '../assets/TextArea.css';const U = "_textArea_20wp8_13", $ = "_fluid_20wp8_26", q = "_noborder_20wp8_32", z = "_inner_20wp8_36", G = "_scrollable_20wp8_36", J = "_custom_20wp8_71", M = "_nowrap_20wp8_76", O = "_wrapper_20wp8_82", e = {
+import { toInputValue as T } from "./Input.js";
+import '../assets/TextArea.css';const U = "_textArea_1bert_20", $ = "_fluid_1bert_33", q = "_noborder_1bert_39", z = "_inner_1bert_43", G = "_scrollable_1bert_43", J = "_custom_1bert_78", M = "_nowrap_1bert_83", O = "_wrapper_1bert_89", e = {
   textArea: U,
   fluid: $,
   noborder: q,
@@ -14,7 +14,7 @@ import '../assets/TextArea.css';const U = "_textArea_20wp8_13", $ = "_fluid_20wp
   nowrap: M,
   wrapper: O
 }, er = Y(
-  (T, x) => {
+  (x, w) => {
     const {
       autoFocus: m,
       autoSelect: s,
@@ -28,43 +28,43 @@ import '../assets/TextArea.css';const U = "_textArea_20wp8_13", $ = "_fluid_20wp
       onInput: c,
       placeholder: N,
       scrollbar: S,
-      selfClear: _,
+      selfClear: b,
       value: i,
       ...E
-    } = T, { className: K, fluid: k, nowrap: D, ...R } = E, t = C(null), [V, j] = H(0), B = (r) => {
+    } = x, { className: K, fluid: k, nowrap: D, ...R } = E, t = C(null), [V, j] = H(0), B = (r) => {
       if (r.key === p.Enter) {
         if (r.shiftKey) {
           r.currentTarget.focus();
           return;
         }
-        n == null || n(r, r.currentTarget.value), _ && (r.currentTarget.value = ""), r.currentTarget.blur();
+        n == null || n(r, r.currentTarget.value), b && (r.currentTarget.value = ""), r.currentTarget.blur();
         return;
       }
       if (r.key === p.Escape) {
-        u == null || u(r), _ ? r.currentTarget.value = "" : (r.currentTarget.value = g(i), r.currentTarget.blur());
+        u == null || u(r), b ? r.currentTarget.value = "" : (r.currentTarget.value = T(i), r.currentTarget.blur());
         return;
       }
       if (!y && r.key === p.Tab) {
         r.preventDefault();
-        const { value: o, selectionStart: w, selectionEnd: F } = r.currentTarget;
-        r.currentTarget.value = o.substring(0, w) + "	" + o.substring(F), r.currentTarget.selectionEnd = w + 1;
+        const { value: o, selectionStart: _, selectionEnd: F } = r.currentTarget;
+        r.currentTarget.value = o.substring(0, _) + "	" + o.substring(F), r.currentTarget.selectionEnd = _ + 1;
       }
     };
     return L(
-      x,
+      w,
       () => t.current
-    ), b(() => {
+    ), g(() => {
       if (!m && !s)
         return;
       const r = t.current;
       r && (m || s) && setTimeout(() => {
         r.focus(), s && r.select();
       }, 1);
-    }, []), b(() => {
+    }, []), g(() => {
       const r = t.current;
       if (!r)
         return;
-      const o = g(i);
+      const o = T(i);
       r.value !== o && (r.value = o);
     }, [i]), /* @__PURE__ */ I(
       P,

package/dist/components/Tooltip.js

@@ -1,18 +1,20 @@
-var s = Object.defineProperty;
-var p = (r, e, t) => e in r ? s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var o = (r, e, t) => (p(r, typeof e != "symbol" ? e + "" : e, t), t);
+import '../assets/Tooltip.css';var s = Object.defineProperty;
+var p = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => (p(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { jsx as l } from "react/jsx-runtime";
 import { Component as c } from "react";
 import { findDOMNode as m, render as a } from "react-dom";
 import { c as u } from "../popper-Dm3m9eeZ.js";
-const i = {
+const h = "_tooltip_1pib4_13", f = {
+  tooltip: h
+}, i = {
   modifiers: [
     {
       name: "eventListeners",
       enabled: !1
     }
   ]
-}, h = {
+}, v = {
   width: 0,
   height: 0,
   top: 0,
@@ -30,7 +32,7 @@ const i = {
     const e = this.getDOMNode();
     e && (e.addEventListener("mouseenter", () => {
       let t = n.renderedTooltip;
-      t === void 0 && (t = document.createElement("div"), t.className = "toolTip", document.body.appendChild(t), n.renderedTooltip = t), n.currentHoveredElement = e, t.style.opacity = "1", this.renderPopperContent();
+      t === void 0 && (t = document.createElement("div"), t.className = f.tooltip, document.body.appendChild(t), n.renderedTooltip = t), n.currentHoveredElement = e, t.style.opacity = "1", this.renderPopperContent();
     }), e.addEventListener("mouseleave", () => {
       this.fadeOut();
     }));
@@ -69,10 +71,10 @@ const i = {
 // Thus, instead of using the Popper component, Tooltip creates ONE popper
 // and stores every tooltip inside that.
 // This means you can never have two tooltips at once, for instance.
-o(n, "renderedTooltip"), o(n, "singletonPopper"), o(n, "currentHoveredElement"), o(n, "virtualElement", {
+r(n, "renderedTooltip"), r(n, "singletonPopper"), r(n, "currentHoveredElement"), r(n, "virtualElement", {
   getBoundingClientRect: () => {
     var e;
-    return ((e = n.currentHoveredElement) == null ? void 0 : e.getBoundingClientRect()) ?? h;
+    return ((e = n.currentHoveredElement) == null ? void 0 : e.getBoundingClientRect()) ?? v;
   }
 });
 let d = n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "TGUI core component library",
   "keywords": [
     "TGUI",