tgui-core 1.5.5 → 1.5.6

package/dist/common/color.d.ts

@@ -23,55 +23,3 @@ export declare class Color {
      */
     static lookup(value: number, colors: Color[]): Color;
 }
-export interface RgbColor {
-    r: number;
-    g: number;
-    b: number;
-}
-export interface RgbaColor extends RgbColor {
-    a: number;
-}
-export interface HslColor {
-    h: number;
-    s: number;
-    l: number;
-}
-export interface HslaColor extends HslColor {
-    a: number;
-}
-export interface HsvColor {
-    h: number;
-    s: number;
-    v: number;
-}
-export interface HsvaColor extends HsvColor {
-    a: number;
-}
-export type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor;
-export type AnyColor = string | ObjectColor;
-export declare const hexToHsva: (hex: string) => HsvaColor;
-export declare const hexToRgba: (hex: string) => RgbaColor;
-export declare const parseHue: (value: string, unit?: string) => number;
-export declare const hslaStringToHsva: (hslString: string) => HsvaColor;
-export declare const hslStringToHsva: (hslString: string) => HsvaColor;
-export declare const hslaToHsva: ({ h, s, l, a }: HslaColor) => HsvaColor;
-export declare const hsvaToHex: (hsva: HsvaColor) => string;
-export declare const hsvaToHsla: ({ h, s, v, a }: HsvaColor) => HslaColor;
-export declare const hsvaToHslString: (hsva: HsvaColor) => string;
-export declare const hsvaToHsvString: (hsva: HsvaColor) => string;
-export declare const hsvaToHsvaString: (hsva: HsvaColor) => string;
-export declare const hsvaToHslaString: (hsva: HsvaColor) => string;
-export declare const hsvaToRgba: ({ h, s, v, a }: HsvaColor) => RgbaColor;
-export declare const hsvaToRgbString: (hsva: HsvaColor) => string;
-export declare const hsvaToRgbaString: (hsva: HsvaColor) => string;
-export declare const hsvaStringToHsva: (hsvString: string) => HsvaColor;
-export declare const hsvStringToHsva: (hsvString: string) => HsvaColor;
-export declare const rgbaStringToHsva: (rgbaString: string) => HsvaColor;
-export declare const rgbStringToHsva: (rgbaString: string) => HsvaColor;
-export declare const rgbaToHex: ({ r, g, b, a }: RgbaColor) => string;
-export declare const rgbaToHsva: ({ r, g, b, a }: RgbaColor) => HsvaColor;
-export declare const roundHsva: (hsva: HsvaColor) => HsvaColor;
-export declare const rgbaToRgb: ({ r, g, b }: RgbaColor) => RgbColor;
-export declare const hslaToHsl: ({ h, s, l }: HslaColor) => HslColor;
-export declare const hsvaToHsv: (hsva: HsvaColor) => HsvColor;
-export declare const validHex: (value: string, alpha?: boolean) => boolean;

package/dist/common/color.js

@@ -1,13 +1,13 @@
-var v = Object.defineProperty;
-var H = (r, t, s) => t in r ? v(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
-var c = (r, t, s) => H(r, typeof t != "symbol" ? t + "" : t, s);
-class u {
-  constructor(t = 0, s = 0, n = 0, e = 1) {
-    c(this, "r");
-    c(this, "g");
-    c(this, "b");
-    c(this, "a");
-    this.r = t, this.g = s, this.b = n, this.a = e;
+var g = Object.defineProperty;
+var u = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var i = (e, t, r) => u(e, typeof t != "symbol" ? t + "" : t, r);
+class n {
+  constructor(t = 0, r = 0, s = 0, a = 1) {
+    i(this, "r");
+    i(this, "g");
+    i(this, "b");
+    i(this, "a");
+    this.r = t, this.g = r, this.b = s, this.a = a;
   }
   toString() {
     let t = this.a;
@@ -15,11 +15,11 @@ class u {
   }
   /**  Darkens a color by a given percent. Returns a color, which can have toString called to get it's rgba() css value. */
   darken(t) {
-    const s = t / 100;
-    return new u(
-      this.r - this.r * s,
-      this.g - this.g * s,
-      this.b - this.b * s,
+    const r = t / 100;
+    return new n(
+      this.r - this.r * r,
+      this.g - this.g * r,
+      this.b - this.b * r,
       this.a
     );
   }
@@ -31,7 +31,7 @@ class u {
    * Creates a color from the CSS hex color notation.
    */
   static fromHex(t) {
-    return new u(
+    return new n(
       Number.parseInt(t.slice(1, 3), 16),
       Number.parseInt(t.slice(3, 5), 16),
       Number.parseInt(t.slice(5, 7), 16)
@@ -40,169 +40,31 @@ class u {
   /**
    * Linear interpolation of two colors.
    */
-  static lerp(t, s, n) {
-    return new u(
-      (s.r - t.r) * n + t.r,
-      (s.g - t.g) * n + t.g,
-      (s.b - t.b) * n + t.b,
-      (s.a - t.a) * n + t.a
+  static lerp(t, r, s) {
+    return new n(
+      (r.r - t.r) * s + t.r,
+      (r.g - t.g) * s + t.g,
+      (r.b - t.b) * s + t.b,
+      (r.a - t.a) * s + t.a
     );
   }
   /**
    * Loops up the color in the provided list of colors
    * with linear interpolation.
    */
-  static lookup(t, s) {
-    const n = s.length;
-    if (n < 2)
+  static lookup(t, r) {
+    const s = r.length;
+    if (s < 2)
       throw new Error("Needs at least two colors!");
-    const e = t * (n - 1);
+    const a = t * (s - 1);
     if (t < 1e-4)
-      return s[0];
+      return r[0];
     if (t >= 1 - 1e-4)
-      return s[n - 1];
-    const o = e % 1, h = e | 0;
-    return u.lerp(s[h], s[h + 1], o);
+      return r[s - 1];
+    const b = a % 1, h = a | 0;
+    return n.lerp(r[h], r[h + 1], b);
   }
 }
-const a = (r, t = 0, s = 10 ** t) => Math.round(s * r) / s, T = {
-  grad: 360 / 400,
-  turn: 360,
-  rad: 360 / (Math.PI * 2)
-}, E = (r) => N(p(r)), p = (r) => {
-  let t = r;
-  return t[0] === "#" && (t = t.substring(1)), t.length < 6 ? {
-    r: Number.parseInt(t[0] + t[0], 16),
-    g: Number.parseInt(t[1] + t[1], 16),
-    b: Number.parseInt(t[2] + t[2], 16),
-    a: t.length === 4 ? a(Number.parseInt(t[3] + t[3], 16) / 255, 2) : 1
-  } : {
-    r: Number.parseInt(t.substring(0, 2), 16),
-    g: Number.parseInt(t.substring(2, 4), 16),
-    b: Number.parseInt(t.substring(4, 6), 16),
-    a: t.length === 8 ? a(Number.parseInt(t.substring(6, 8), 16) / 255, 2) : 1
-  };
-}, $ = (r, t = "deg") => Number(r) * (T[t] || 1), S = (r) => {
-  const s = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? x({
-    h: $(s[1], s[2]),
-    s: Number(s[3]),
-    l: Number(s[4]),
-    a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, P = S, x = ({ h: r, s: t, l: s, a: n }) => (t *= (s < 50 ? s : 100 - s) / 100, {
-  h: r,
-  s: t > 0 ? 2 * t / (s + t) * 100 : 0,
-  v: s + t,
-  a: n
-}), k = (r) => w(m(r)), l = ({ h: r, s: t, v: s, a: n }) => {
-  const e = (200 - t) * s / 100;
-  return {
-    h: a(r),
-    s: a(
-      e > 0 && e < 200 ? t * s / 100 / (e <= 100 ? e : 200 - e) * 100 : 0
-    ),
-    l: a(e / 2),
-    a: a(n, 2)
-  };
-}, L = (r) => {
-  const { h: t, s, l: n } = l(r);
-  return `hsl(${t}, ${s}%, ${n}%)`;
-}, O = (r) => {
-  const { h: t, s, v: n } = g(r);
-  return `hsv(${t}, ${s}%, ${n}%)`;
-}, F = (r) => {
-  const { h: t, s, v: n, a: e } = g(r);
-  return `hsva(${t}, ${s}%, ${n}%, ${e})`;
-}, y = (r) => {
-  const { h: t, s, l: n, a: e } = l(r);
-  return `hsla(${t}, ${s}%, ${n}%, ${e})`;
-}, m = ({ h: r, s: t, v: s, a: n }) => {
-  r = r / 360 * 6, t = t / 100, s = s / 100;
-  const e = Math.floor(r), o = s * (1 - t), h = s * (1 - (r - e) * t), b = s * (1 - (1 - r + e) * t), d = e % 6;
-  return {
-    r: [s, h, o, o, b, s][d] * 255,
-    g: [b, s, s, h, o, o][d] * 255,
-    b: [o, o, b, s, s, h][d] * 255,
-    a: a(n, 2)
-  };
-}, A = (r) => {
-  const { r: t, g: s, b: n } = m(r);
-  return `rgb(${a(t)}, ${a(s)}, ${a(n)})`;
-}, U = (r) => {
-  const { r: t, g: s, b: n, a: e } = m(r);
-  return `rgba(${a(t)}, ${a(s)}, ${a(n)}, ${a(e, 2)})`;
-}, I = (r) => {
-  const s = /hsva?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? g({
-    h: $(s[1], s[2]),
-    s: Number(s[3]),
-    v: Number(s[4]),
-    a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, V = I, f = (r) => {
-  const s = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
-  return s ? N({
-    r: Number(s[1]) / (s[2] ? 100 / 255 : 1),
-    g: Number(s[3]) / (s[4] ? 100 / 255 : 1),
-    b: Number(s[5]) / (s[6] ? 100 / 255 : 1),
-    a: s[7] === void 0 ? 1 : Number(s[7]) / (s[8] ? 100 : 1)
-  }) : { h: 0, s: 0, v: 0, a: 1 };
-}, j = f, i = (r) => {
-  const t = r.toString(16);
-  return t.length < 2 ? `0${t}` : t;
-}, w = ({ r, g: t, b: s, a: n }) => {
-  const e = n < 1 ? i(a(n * 255)) : "";
-  return `#${i(a(r))}${i(a(t))}${i(a(s))}${e}`;
-}, N = ({ r, g: t, b: s, a: n }) => {
-  const e = Math.max(r, t, s), o = e - Math.min(r, t, s), h = o ? e === r ? (t - s) / o : e === t ? 2 + (s - r) / o : 4 + (r - t) / o : 0;
-  return {
-    h: 60 * (h < 0 ? h + 6 : h),
-    s: e ? o / e * 100 : 0,
-    v: e / 255 * 100,
-    a: n
-  };
-}, g = (r) => ({
-  h: a(r.h),
-  s: a(r.s),
-  v: a(r.v),
-  a: a(r.a, 2)
-}), q = ({ r, g: t, b: s }) => ({ r, g: t, b: s }), z = ({ h: r, s: t, l: s }) => ({ h: r, s: t, l: s }), B = (r) => {
-  const { h: t, s, v: n } = g(r);
-  return { h: t, s, v: n };
-}, M = /^#?([0-9A-F]{3,8})$/i, D = (r, t) => {
-  const s = M.exec(r), n = s ? s[1].length : 0;
-  return n === 3 || // '#rgb' format
-  n === 6 || // '#rrggbb' format
-  !!t && n === 4 || // '#rgba' format
-  !!t && n === 8;
-};
 export {
-  u as Color,
-  E as hexToHsva,
-  p as hexToRgba,
-  P as hslStringToHsva,
-  S as hslaStringToHsva,
-  z as hslaToHsl,
-  x as hslaToHsva,
-  V as hsvStringToHsva,
-  I as hsvaStringToHsva,
-  k as hsvaToHex,
-  L as hsvaToHslString,
-  l as hsvaToHsla,
-  y as hsvaToHslaString,
-  B as hsvaToHsv,
-  O as hsvaToHsvString,
-  F as hsvaToHsvaString,
-  A as hsvaToRgbString,
-  m as hsvaToRgba,
-  U as hsvaToRgbaString,
-  $ as parseHue,
-  j as rgbStringToHsva,
-  f as rgbaStringToHsva,
-  w as rgbaToHex,
-  N as rgbaToHsva,
-  q as rgbaToRgb,
-  g as roundHsva,
-  D as validHex
+  n as Color
 };

package/dist/common/hotkeys.js

@@ -1,5 +1,5 @@
 import { globalEvents as l } from "./events.js";
-import { KEY_ESCAPE as K, KEY_ENTER as E, KEY_SPACE as p, KEY_TAB as h, KEY_CTRL as d, KEY_SHIFT as g, KEY_UP as S, KEY_DOWN as Y, KEY_LEFT as _, KEY_RIGHT as b, KEY_F5 as B } from "./keycodes.js";
+import { KEY_ESCAPE as K, KEY_ENTER as E, KEY_SPACE as p, KEY_TAB as h, KEY_CTRL as d, KEY_SHIFT as g, KEY_UP as S, KEY_DOWN as Y, KEY_LEFT as _, KEY_RIGHT as B, KEY_F5 as w } from "./keycodes.js";
 const m = {}, c = [
   K,
   E,
@@ -10,103 +10,103 @@ const m = {}, c = [
   S,
   Y,
   _,
-  b,
-  B
+  B,
+  w
 ], o = {}, u = [];
-function w(t) {
-  if (t === 16) return "Shift";
-  if (t === 17) return "Ctrl";
-  if (t === 18) return "Alt";
-  if (t === 33) return "Northeast";
-  if (t === 34) return "Southeast";
-  if (t === 35) return "Southwest";
-  if (t === 36) return "Northwest";
-  if (t === 37) return "West";
-  if (t === 38) return "North";
-  if (t === 39) return "East";
-  if (t === 40) return "South";
-  if (t === 45) return "Insert";
-  if (t === 46) return "Delete";
-  if (t >= 48 && t <= 57 || t >= 65 && t <= 90)
-    return String.fromCharCode(t);
-  if (t >= 96 && t <= 105)
-    return `Numpad${t - 96}`;
-  if (t >= 112 && t <= 123)
-    return `F${t - 111}`;
-  if (t === 188) return ",";
-  if (t === 189) return "-";
-  if (t === 190) return ".";
+function F(n) {
+  if (n === 16) return "Shift";
+  if (n === 17) return "Ctrl";
+  if (n === 18) return "Alt";
+  if (n === 33) return "Northeast";
+  if (n === 34) return "Southeast";
+  if (n === 35) return "Southwest";
+  if (n === 36) return "Northwest";
+  if (n === 37) return "West";
+  if (n === 38) return "North";
+  if (n === 39) return "East";
+  if (n === 40) return "South";
+  if (n === 45) return "Insert";
+  if (n === 46) return "Delete";
+  if (n >= 48 && n <= 57 || n >= 65 && n <= 90)
+    return String.fromCharCode(n);
+  if (n >= 96 && n <= 105)
+    return `Numpad${n - 96}`;
+  if (n >= 112 && n <= 123)
+    return `F${n - 111}`;
+  if (n === 188) return ",";
+  if (n === 189) return "-";
+  if (n === 190) return ".";
 }
-function F(t) {
-  const n = String(t);
-  if (n === "Ctrl+F5" || n === "Ctrl+R") {
+function N(n) {
+  const t = String(n);
+  if (t === "Ctrl+F5" || t === "Ctrl+R") {
     location.reload();
     return;
   }
-  if (n === "Ctrl+F" || t.event.defaultPrevented || t.isModifierKey() || c.includes(t.code))
+  if (t === "Ctrl+F" || n.event.defaultPrevented || n.isModifierKey() || c.includes(n.code))
     return;
-  const e = w(t.code);
-  if (!e)
+  const i = F(n.code);
+  if (!i)
     return;
-  const f = m[e];
+  const f = m[i];
   if (f)
     return Byond.command(f);
-  if (t.isDown() && !o[e]) {
-    o[e] = !0;
-    const r = `KeyDown "${e}"`;
+  if (n.isDown() && !o[i]) {
+    o[i] = !0;
+    const r = `KeyDown "${i}"`;
     return Byond.command(r);
   }
-  if (t.isUp() && o[e]) {
-    o[e] = !1;
-    const r = `KeyUp "${e}"`;
+  if (n.isUp() && o[i]) {
+    o[i] = !1;
+    const r = `KeyUp "${i}"`;
     return Byond.command(r);
   }
 }
-function O(t) {
-  c.push(t);
+function P(n) {
+  c.push(n);
 }
-function P(t) {
-  const n = c.indexOf(t);
-  n >= 0 && c.splice(n, 1);
+function R(n) {
+  const t = c.indexOf(n);
+  t >= 0 && c.splice(t, 1);
 }
-function N() {
-  for (const t of Object.keys(o))
-    o[t] && (o[t] = !1, Byond.command(`KeyUp "${t}"`));
+function T() {
+  for (const n in o)
+    o[n] && (o[n] = !1, Byond.command(`KeyUp "${n}"`));
 }
-function R() {
-  Byond.winget("default.*").then((t) => {
-    const n = {};
-    for (const r of Object.keys(t)) {
-      const s = r.split("."), i = s[1], a = s[2];
-      i && a && (n[i] || (n[i] = {}), n[i][a] = t[r]);
+function v() {
+  Byond.winget("default.*").then((n) => {
+    const t = {};
+    for (const r in n) {
+      const s = r.split("."), e = s[1], a = s[2];
+      e && a && (t[e] || (t[e] = {}), t[e][a] = n[r]);
     }
-    const e = /\\"/g;
+    const i = /\\"/g;
     function f(r) {
-      return r.substring(1, r.length - 1).replace(e, '"');
+      return r.substring(1, r.length - 1).replace(i, '"');
     }
-    for (const r of Object.keys(n)) {
-      const s = n[r], i = f(s.name);
-      m[i] = f(s.command);
+    for (const r in t) {
+      const s = t[r], e = f(s.name);
+      m[e] = f(s.command);
     }
   }), l.on("window-blur", () => {
-    N();
-  }), l.on("key", (t) => {
-    for (const n of u)
-      n(t);
-    F(t);
+    T();
+  }), l.on("key", (n) => {
+    for (const t of u)
+      t(n);
+    N(n);
   });
 }
-function v(t) {
-  u.push(t);
-  let n = !1;
+function x(n) {
+  u.push(n);
+  let t = !1;
   return () => {
-    n || (n = !0, u.splice(u.indexOf(t), 1));
+    t || (t = !0, u.splice(u.indexOf(n), 1));
   };
 }
 export {
-  O as acquireHotKey,
-  v as listenForKeyEvents,
-  N as releaseHeldKeys,
-  P as releaseHotKey,
-  R as setupHotKeys
+  P as acquireHotKey,
+  x as listenForKeyEvents,
+  T as releaseHeldKeys,
+  R as releaseHotKey,
+  v as setupHotKeys
 };

package/dist/components/index.d.ts

@@ -21,7 +21,6 @@ export { Image } from './Image';
 export { ImageButton } from './ImageButton';
 export { InfinitePlane } from './InfinitePlane';
 export { Input } from './Input';
-export { Interactive, type Interaction } from './Interactive';
 export { KeyListener } from './KeyListener';
 export { Knob } from './Knob';
 export { LabeledControls } from './LabeledControls';
@@ -30,7 +29,6 @@ export { MenuBar } from './MenuBar';
 export { Modal } from './Modal';
 export { NoticeBox } from './NoticeBox';
 export { NumberInput } from './NumberInput';
-export { Pointer } from './Pointer';
 export { Popper } from './Popper';
 export { ProgressBar } from './ProgressBar';
 export { RestrictedInput } from './RestrictedInput';

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { AnimatedNumber as e } from "./AnimatedNumber.js";
 import { Autofocus as m } from "./Autofocus.js";
 import { Blink as x } from "./Blink.js";
 import { BlockQuote as i } from "./BlockQuote.js";
-import { Box as n } from "./Box.js";
+import { Box as l } from "./Box.js";
 import { Button as u } from "./Button.js";
 import { ByondUi as c } from "./ByondUi.js";
 import { Chart as b } from "./Chart.js";
@@ -11,47 +11,45 @@ import { ColorBox as D } from "./ColorBox.js";
 import { Dialog as C } from "./Dialog.js";
 import { Dimmer as L } from "./Dimmer.js";
 import { Divider as y } from "./Divider.js";
-import { DmIcon as A } from "./DmIcon.js";
-import { DraggableControl as v } from "./DraggableControl.js";
-import { Dropdown as K } from "./Dropdown.js";
-import { FitText as R } from "./FitText.js";
+import { DmIcon as N } from "./DmIcon.js";
+import { DraggableControl as F } from "./DraggableControl.js";
+import { Dropdown as M } from "./Dropdown.js";
+import { FitText as h } from "./FitText.js";
 import { Flex as w } from "./Flex.js";
 import { Icon as O } from "./Icon.js";
 import { Image as U } from "./Image.js";
 import { ImageButton as j } from "./ImageButton.js";
 import { InfinitePlane as z } from "./InfinitePlane.js";
 import { Input as H } from "./Input.js";
-import { Interactive as W } from "./Interactive.js";
-import { KeyListener as Y } from "./KeyListener.js";
-import { Knob as _ } from "./Knob.js";
-import { LabeledControls as oo } from "./LabeledControls.js";
-import { LabeledList as eo } from "./LabeledList.js";
-import { MenuBar as mo } from "./MenuBar.js";
-import { Modal as xo } from "./Modal.js";
-import { NoticeBox as io } from "./NoticeBox.js";
-import { NumberInput as no } from "./NumberInput.js";
-import { Pointer as uo } from "./Pointer.js";
-import { Popper as co } from "./Popper.js";
-import { ProgressBar as Bo } from "./ProgressBar.js";
-import { RestrictedInput as go } from "./RestrictedInput.js";
-import { RoundGauge as To } from "./RoundGauge.js";
-import { Section as ko } from "./Section.js";
-import { Slider as So } from "./Slider.js";
-import { Stack as Po } from "./Stack.js";
-import { StyleableSection as No } from "./StyleableSection.js";
-import { Table as Fo } from "./Table.js";
-import { Tabs as Mo } from "./Tabs.js";
-import { TextArea as ho } from "./TextArea.js";
-import { TimeDisplay as Go } from "./TimeDisplay.js";
-import { Tooltip as Qo } from "./Tooltip.js";
-import { TrackOutsideClicks as Vo } from "./TrackOutsideClicks.js";
-import { VirtualList as qo } from "./VirtualList.js";
+import { KeyListener as W } from "./KeyListener.js";
+import { Knob as Y } from "./Knob.js";
+import { LabeledControls as _ } from "./LabeledControls.js";
+import { LabeledList as oo } from "./LabeledList.js";
+import { MenuBar as eo } from "./MenuBar.js";
+import { Modal as mo } from "./Modal.js";
+import { NoticeBox as xo } from "./NoticeBox.js";
+import { NumberInput as io } from "./NumberInput.js";
+import { Popper as lo } from "./Popper.js";
+import { ProgressBar as uo } from "./ProgressBar.js";
+import { RestrictedInput as co } from "./RestrictedInput.js";
+import { RoundGauge as Bo } from "./RoundGauge.js";
+import { Section as go } from "./Section.js";
+import { Slider as To } from "./Slider.js";
+import { Stack as ko } from "./Stack.js";
+import { StyleableSection as So } from "./StyleableSection.js";
+import { Table as Ao } from "./Table.js";
+import { Tabs as Po } from "./Tabs.js";
+import { TextArea as Ko } from "./TextArea.js";
+import { TimeDisplay as Ro } from "./TimeDisplay.js";
+import { Tooltip as vo } from "./Tooltip.js";
+import { TrackOutsideClicks as Go } from "./TrackOutsideClicks.js";
+import { VirtualList as Qo } from "./VirtualList.js";
 export {
   e as AnimatedNumber,
   m as Autofocus,
   x as Blink,
   i as BlockQuote,
-  n as Box,
+  l as Box,
   u as Button,
   c as ByondUi,
   b as Chart,
@@ -60,39 +58,37 @@ export {
   C as Dialog,
   L as Dimmer,
   y as Divider,
-  A as DmIcon,
-  v as DraggableControl,
-  K as Dropdown,
-  R as FitText,
+  N as DmIcon,
+  F as DraggableControl,
+  M as Dropdown,
+  h as FitText,
   w as Flex,
   O as Icon,
   U as Image,
   j as ImageButton,
   z as InfinitePlane,
   H as Input,
-  W as Interactive,
-  Y as KeyListener,
-  _ as Knob,
-  oo as LabeledControls,
-  eo as LabeledList,
-  mo as MenuBar,
-  xo as Modal,
-  io as NoticeBox,
-  no as NumberInput,
-  uo as Pointer,
-  co as Popper,
-  Bo as ProgressBar,
-  go as RestrictedInput,
-  To as RoundGauge,
-  ko as Section,
-  So as Slider,
-  Po as Stack,
-  No as StyleableSection,
-  Fo as Table,
-  Mo as Tabs,
-  ho as TextArea,
-  Go as TimeDisplay,
-  Qo as Tooltip,
-  Vo as TrackOutsideClicks,
-  qo as VirtualList
+  W as KeyListener,
+  Y as Knob,
+  _ as LabeledControls,
+  oo as LabeledList,
+  eo as MenuBar,
+  mo as Modal,
+  xo as NoticeBox,
+  io as NumberInput,
+  lo as Popper,
+  uo as ProgressBar,
+  co as RestrictedInput,
+  Bo as RoundGauge,
+  go as Section,
+  To as Slider,
+  ko as Stack,
+  So as StyleableSection,
+  Ao as Table,
+  Po as Tabs,
+  Ko as TextArea,
+  Ro as TimeDisplay,
+  vo as Tooltip,
+  Go as TrackOutsideClicks,
+  Qo as VirtualList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "description": "TGUI core component library",
   "keywords": ["TGUI", "library", "typescript"],
   "files": ["dist"],

package/dist/components/Interactive.d.ts

@@ -1,23 +0,0 @@
-import { default as React, Component, KeyboardEvent, MouseEvent, RefObject } from 'react';
-export interface Interaction {
-    left: number;
-    top: number;
-}
-export interface InteractiveProps {
-    onMove: (interaction: Interaction) => void;
-    onKey: (offset: Interaction) => void;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}
-export declare class Interactive extends Component<InteractiveProps> {
-    containerRef: RefObject<HTMLDivElement>;
-    constructor(props: InteractiveProps);
-    handleMoveStart: (event: MouseEvent) => void;
-    handleMove: (event: MouseEvent) => void;
-    handleMoveEnd: () => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    toggleDocumentEvents: (state: boolean) => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/Interactive.js

@@ -1,75 +0,0 @@
-var h = Object.defineProperty;
-var u = (t, n, e) => n in t ? h(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var s = (t, n, e) => u(t, typeof n != "symbol" ? n + "" : n, e);
-import { jsx as p } from "react/jsx-runtime";
-import { Component as f, createRef as g } from "react";
-import { clamp as l } from "../common/math.js";
-const i = (t) => {
-  var n;
-  return ((n = t == null ? void 0 : t.ownerDocument) == null ? void 0 : n.defaultView) || self;
-}, a = (t, n) => {
-  const e = t.getBoundingClientRect();
-  return {
-    left: l(
-      (n.pageX - (e.left + i(t).pageXOffset)) / e.width,
-      0,
-      1
-    ),
-    top: l(
-      (n.pageY - (e.top + i(t).pageYOffset)) / e.height,
-      0,
-      1
-    )
-  };
-};
-class w extends f {
-  constructor(e) {
-    super(e);
-    s(this, "containerRef");
-    s(this, "handleMoveStart", (e) => {
-      const o = this.containerRef.current;
-      o && (e.preventDefault(), o.focus(), this.props.onMove(a(o, e)), this.toggleDocumentEvents(!0));
-    });
-    s(this, "handleMove", (e) => {
-      e.preventDefault(), e.buttons > 0 && this.containerRef.current ? this.props.onMove(a(this.containerRef.current, e)) : this.toggleDocumentEvents(!1);
-    });
-    s(this, "handleMoveEnd", () => {
-      this.toggleDocumentEvents(!1);
-    });
-    s(this, "handleKeyDown", (e) => {
-      const o = e.which || e.keyCode;
-      o < 37 || o > 40 || (e.preventDefault(), this.props.onKey({
-        left: o === 39 ? 0.05 : o === 37 ? -0.05 : 0,
-        top: o === 40 ? 0.05 : o === 38 ? -0.05 : 0
-      }));
-    });
-    s(this, "toggleDocumentEvents", (e) => {
-      const o = this.containerRef.current, r = i(o), c = e ? r.addEventListener.bind(r) : r.removeEventListener.bind(r);
-      c("mousemove", this.handleMove), c("mouseup", this.handleMoveEnd);
-    });
-    this.containerRef = g();
-  }
-  componentDidMount() {
-    this.toggleDocumentEvents(!0);
-  }
-  componentWillUnmount() {
-    this.toggleDocumentEvents(!1);
-  }
-  render() {
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ...this.props,
-        style: this.props.style,
-        ref: this.containerRef,
-        onMouseDown: this.handleMoveStart,
-        className: "react-colorful__interactive",
-        onKeyDown: this.handleKeyDown,
-        children: this.props.children
-      }
-    );
-  }
-}
-export {
-  w as Interactive
-};

package/dist/components/Pointer.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-interface PointerProps {
-    className?: string;
-    top?: number;
-    left: number;
-    color: string;
-}
-export declare const Pointer: ({ className, color, left, top, }: PointerProps) => ReactNode;
-export {};

package/dist/components/Pointer.js

@@ -1,23 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { classes as a } from "../common/react.js";
-const m = ({
-  className: r,
-  color: e,
-  left: t,
-  top: l = 0.5
-}) => {
-  const s = a(["react-colorful__pointer", r]), c = {
-    top: `${l * 100}%`,
-    left: `${t * 100}%`
-  };
-  return /* @__PURE__ */ o("div", { className: s, style: c, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "react-colorful__pointer-fill",
-      style: { backgroundColor: e }
-    }
-  ) });
-};
-export {
-  m as Pointer
-};