tgui-core 2.0.6 → 2.1.0

package/dist/components/Table.js

@@ -1,57 +1 @@
-import { jsx as c } from "react/jsx-runtime";
-import { classes as r } from "../common/react.js";
-import { computeBoxProps as t, computeBoxClassName as n } from "../common/ui.js";
-function m(e) {
-  const { className: l, collapsing: a, children: s, ...o } = e;
-  return /* @__PURE__ */ c(
-    "table",
-    {
-      className: r([
-        "Table",
-        a && "Table--collapsing",
-        l,
-        n(o)
-      ]),
-      ...t(o),
-      children: /* @__PURE__ */ c("tbody", { children: s })
-    }
-  );
-}
-function b(e) {
-  const { className: l, header: a, ...s } = e;
-  return /* @__PURE__ */ c(
-    "tr",
-    {
-      className: r([
-        "Table__row",
-        a && "Table__row--header",
-        l,
-        n(e)
-      ]),
-      ...t(s)
-    }
-  );
-}
-function _(e) {
-  const { className: l, collapsing: a, colSpan: s, header: o, ...i } = e;
-  return /* @__PURE__ */ c(
-    "td",
-    {
-      className: r([
-        "Table__cell",
-        a && "Table__cell--collapsing",
-        o && "Table__cell--header",
-        l,
-        n(e)
-      ]),
-      colSpan: s,
-      ...t(i)
-    }
-  );
-}
-((e) => {
-  e.Cell = _, e.Row = b;
-})(m || (m = {}));
-export {
-  m as Table
-};
+var e;import*as a from"react/jsx-runtime";import*as l from"../common/react.js";import*as s from"../common/ui.js";function o(e){let{className:o,collapsing:c,children:r,...t}=e;return(0,a.jsx)("table",{className:(0,l.classes)(["Table",c&&"Table--collapsing",o,(0,s.computeBoxClassName)(t)]),...(0,s.computeBoxProps)(t),children:(0,a.jsx)("tbody",{children:r})})}(e=o||(o={})).Cell=function(e){let{className:o,collapsing:c,colSpan:r,header:t,...m}=e;return(0,a.jsx)("td",{className:(0,l.classes)(["Table__cell",c&&"Table__cell--collapsing",t&&"Table__cell--header",o,(0,s.computeBoxClassName)(e)]),colSpan:r,...(0,s.computeBoxProps)(m)})},e.Row=function(e){let{className:o,header:c,...r}=e;return(0,a.jsx)("tr",{className:(0,l.classes)(["Table__row",c&&"Table__row--header",o,(0,s.computeBoxClassName)(e)]),...(0,s.computeBoxProps)(r)})};export{o as Table};

package/dist/components/Tabs.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { BoxProps } from './Box';
+import type { ReactNode } from 'react';
+import type { BoxProps } from './Box';
 type Props = Partial<{
     /**
      * Similarly to `fill` on

package/dist/components/Tabs.js

@@ -1,65 +1 @@
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import { canRender as d, classes as f } from "../common/react.js";
-import { computeBoxProps as h, computeBoxClassName as p } from "../common/ui.js";
-import { Icon as v } from "./Icon.js";
-function T(e) {
-  const { className: i, vertical: c, fill: o, fluid: s, children: r, ...l } = e;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: f([
-        "Tabs",
-        c ? "Tabs--vertical" : "Tabs--horizontal",
-        o && "Tabs--fill",
-        s && "Tabs--fluid",
-        i,
-        p(l)
-      ]),
-      ...h(l),
-      children: r
-    }
-  );
-}
-function x(e) {
-  const {
-    className: i,
-    selected: c,
-    color: o,
-    icon: s,
-    iconSpin: r,
-    leftSlot: l,
-    rightSlot: t,
-    children: u,
-    onClick: n,
-    ...m
-  } = e;
-  function _(b) {
-    n && (n(b), b.target.blur());
-  }
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      className: f([
-        "Tab",
-        "Tabs__Tab",
-        `Tab--color--${o}`,
-        c && "Tab--selected",
-        i,
-        p(m)
-      ]),
-      onClick: _,
-      ...h(m),
-      children: [
-        d(l) && /* @__PURE__ */ a("div", { className: "Tab__left", children: l }) || !!s && /* @__PURE__ */ a("div", { className: "Tab__left", children: /* @__PURE__ */ a(v, { name: s, spin: r }) }),
-        /* @__PURE__ */ a("div", { className: "Tab__text", children: u }),
-        d(t) && /* @__PURE__ */ a("div", { className: "Tab__right", children: t })
-      ]
-    }
-  );
-}
-((e) => {
-  e.Tab = x;
-})(T || (T = {}));
-export {
-  T as Tabs
-};
+import*as s from"react/jsx-runtime";import*as a from"../common/react.js";import*as e from"../common/ui.js";import*as c from"./Icon.js";function o(c){let{className:o,vertical:r,fill:l,fluid:t,children:i,...n}=c;return(0,s.jsx)("div",{className:(0,a.classes)(["Tabs",r?"Tabs--vertical":"Tabs--horizontal",l&&"Tabs--fill",t&&"Tabs--fluid",o,(0,e.computeBoxClassName)(n)]),...(0,e.computeBoxProps)(n),children:i})}(o||(o={})).Tab=function(o){let{className:r,selected:l,color:t,icon:i,iconSpin:n,leftSlot:m,rightSlot:b,children:T,onClick:d,...x}=o;return(0,s.jsxs)("div",{className:(0,a.classes)(["Tab","Tabs__Tab",`Tab--color--${t}`,l&&"Tab--selected",r,(0,e.computeBoxClassName)(x)]),onClick:function(s){d&&(d(s),s.target.blur())},...(0,e.computeBoxProps)(x),children:[(0,a.canRender)(m)&&(0,s.jsx)("div",{className:"Tab__left",children:m})||!!i&&(0,s.jsx)("div",{className:"Tab__left",children:(0,s.jsx)(c.Icon,{name:i,spin:n})}),(0,s.jsx)("div",{className:"Tab__text",children:T}),(0,a.canRender)(b)&&(0,s.jsx)("div",{className:"Tab__right",children:b})]})};export{o as Tabs};

package/dist/components/TextArea.d.ts

@@ -1,5 +1,5 @@
-import { RefObject, SyntheticEvent } from 'react';
-import { BoxProps } from './Box';
+import type { RefObject, SyntheticEvent } from 'react';
+import { type BoxProps } from './Box';
 type Props = Partial<{
     /** Automatically focus the textarea on mount */
     autoFocus: boolean;

package/dist/components/TextArea.js

@@ -1,126 +1 @@
-import { jsxs as M, jsx as d } from "react/jsx-runtime";
-import { useRef as R, useState as Y, useEffect as y } from "react";
-import { KEY as A, isEscape as I } from "../common/keys.js";
-import { classes as p } from "../common/react.js";
-import { Box as L } from "./Box.js";
-import { toInputValue as h } from "./Input.js";
-function U(a, s, l, e) {
-  return `${a.substring(0, l)}${s}${a.substring(l, e)}${s}${a.substring(e)}`;
-}
-function Q(a) {
-  const {
-    autoFocus: s,
-    autoSelect: l,
-    displayedValue: e,
-    dontUseTabForIndent: k,
-    maxLength: S,
-    noborder: $,
-    onChange: n,
-    onEnter: i,
-    onEscape: f,
-    onInput: g,
-    placeholder: E,
-    ref: m,
-    scrollbar: K,
-    selfClear: b,
-    userMarkup: T,
-    value: x,
-    ...w
-  } = a, { className: N, fluid: D, nowrap: C, ...V } = w, u = R((m == null ? void 0 : m.current) ?? null), [j, B] = Y(0);
-  function F(r) {
-    if (r.key === A.Enter) {
-      if (r.shiftKey) {
-        r.currentTarget.focus();
-        return;
-      }
-      i == null || i(r, r.currentTarget.value), b && (r.currentTarget.value = ""), r.currentTarget.blur();
-      return;
-    }
-    if (I(r.key)) {
-      f == null || f(r), b ? r.currentTarget.value = "" : (r.currentTarget.value = h(x), r.currentTarget.blur());
-      return;
-    }
-    if (!k && r.key === A.Tab) {
-      r.preventDefault();
-      const { value: t, selectionStart: o, selectionEnd: c } = r.currentTarget;
-      r.currentTarget.value = `${t.substring(0, o)}	${t.substring(c)}`, r.currentTarget.selectionEnd = o + 1;
-    }
-    if (T && (r.ctrlKey || r.metaKey) && T[r.key]) {
-      r.preventDefault();
-      const { value: t, selectionStart: o, selectionEnd: c } = r.currentTarget, _ = T[r.key];
-      r.currentTarget.value = U(
-        t,
-        _,
-        o,
-        c
-      ), r.currentTarget.selectionEnd = c + _.length * 2;
-    }
-  }
-  return y(() => {
-    if (s || l) {
-      const r = u.current;
-      r && setTimeout(() => {
-        r.focus(), l && r.select();
-      }, 1);
-    }
-  }, []), y(() => {
-    const r = u.current;
-    if (r) {
-      const t = h(x);
-      r.value !== t && (r.value = t);
-    }
-  }, [x]), /* @__PURE__ */ M(
-    L,
-    {
-      className: p([
-        "TextArea",
-        D && "TextArea--fluid",
-        $ && "TextArea--noborder",
-        N
-      ]),
-      ...V,
-      children: [
-        !!e && /* @__PURE__ */ d("div", { className: "TextArea__value-container", children: /* @__PURE__ */ d(
-          "div",
-          {
-            className: p([
-              "TextArea__textarea",
-              "TextArea__textarea_custom"
-            ]),
-            style: {
-              transform: `translateY(-${j}px)`
-            },
-            children: e
-          }
-        ) }),
-        /* @__PURE__ */ d(
-          "textarea",
-          {
-            autoComplete: "off",
-            className: p([
-              "TextArea__textarea",
-              K && "TextArea__textarea--scrollable",
-              C && "TextArea__nowrap"
-            ]),
-            maxLength: S,
-            onBlur: (r) => n == null ? void 0 : n(r, r.target.value),
-            onChange: (r) => g == null ? void 0 : g(r, r.target.value),
-            onKeyDown: F,
-            onScroll: () => {
-              e && u.current && B(u.current.scrollTop);
-            },
-            placeholder: E,
-            ref: u,
-            spellCheck: !1,
-            style: {
-              color: e ? "rgba(0, 0, 0, 0)" : "inherit"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Q as TextArea
-};
+import*as e from"react/jsx-runtime";import*as r from"react";import*as t from"../common/keys.js";import*as a from"../common/react.js";import*as s from"./Box.js";import*as n from"./Input.js";function u(u){let{autoFocus:l,autoSelect:c,displayedValue:o,dontUseTabForIndent:i,maxLength:f,noborder:m,onChange:T,onEnter:x,onEscape:g,onInput:p,placeholder:v,ref:_,scrollbar:d,selfClear:y,userMarkup:b,value:h,...A}=u,{className:j,fluid:E,nowrap:$,...k}=A,K=(0,r.useRef)(null),N=_??K,[B,C]=(0,r.useState)(0);return(0,r.useEffect)(()=>{if(l||c){let e=N.current;e&&setTimeout(()=>{e.focus(),c&&e.select()},1)}},[]),(0,r.useEffect)(()=>{let e=N.current;if(e){let r=(0,n.toInputValue)(h);e.value!==r&&(e.value=r)}},[h]),(0,e.jsxs)(s.Box,{className:(0,a.classes)(["TextArea",E&&"TextArea--fluid",m&&"TextArea--noborder",j]),...k,children:[!!o&&(0,e.jsx)("div",{className:"TextArea__value-container",children:(0,e.jsx)("div",{className:(0,a.classes)(["TextArea__textarea","TextArea__textarea_custom"]),style:{transform:`translateY(-${B}px)`},children:o})}),(0,e.jsx)("textarea",{autoComplete:"off",className:(0,a.classes)(["TextArea__textarea",d&&"TextArea__textarea--scrollable",$&&"TextArea__nowrap"]),maxLength:f,onBlur:e=>T?.(e,e.target.value),onChange:e=>p?.(e,e.target.value),onKeyDown:function(e){if(e.key===t.KEY.Enter)return e.shiftKey?void e.currentTarget.focus():(x?.(e,e.currentTarget.value),y&&(e.currentTarget.value=""),void e.currentTarget.blur());if((0,t.isEscape)(e.key)){g?.(e),y?e.currentTarget.value="":(e.currentTarget.value=(0,n.toInputValue)(h),e.currentTarget.blur());return}if(!i&&e.key===t.KEY.Tab){e.preventDefault();let{value:r,selectionStart:t,selectionEnd:a}=e.currentTarget;e.currentTarget.value=`${r.substring(0,t)}	${r.substring(a)}`,e.currentTarget.selectionEnd=t+1}if(b&&(e.ctrlKey||e.metaKey)&&b[e.key]){e.preventDefault();let{value:r,selectionStart:t,selectionEnd:a}=e.currentTarget,s=b[e.key];e.currentTarget.value=`${r.substring(0,t)}${s}${r.substring(t,a)}${s}${r.substring(a)}`,e.currentTarget.selectionEnd=a+2*s.length}},onScroll:()=>{o&&N.current&&C(N.current.scrollTop)},placeholder:v,ref:N,spellCheck:!1,style:{color:o?"rgba(0, 0, 0, 0)":"inherit"}})]})}export{u as TextArea};

package/dist/components/TimeDisplay.js

@@ -1,25 +1 @@
-import { useState as l, useRef as p, useEffect as f } from "react";
-import { formatTime as d } from "../common/format.js";
-import { isSafeNumber as u } from "../common/math.js";
-function I(s) {
-  const {
-    value: e = 0,
-    auto: t = void 0,
-    format: n = void 0
-  } = s, [o, a] = l(
-    () => u(e) ? e : 0
-  ), [i, m] = l(
-    u(e) ? e : void 0
-  ), r = p(null);
-  return f(() => (t !== void 0 && (r.current = setInterval(() => {
-    const c = t === "up" ? 10 : -10;
-    a((v) => Math.max(0, v + c));
-  }, 1e3)), () => {
-    r.current && clearInterval(r.current);
-  }), [t]), f(() => {
-    e !== i && (m(e), a(e));
-  }, [e, i]), u(e) ? n ? n(o) : d(o) : e || null;
-}
-export {
-  I as TimeDisplay
-};
+import*as e from"react";import*as t from"../common/format.js";import*as r from"../common/math.js";function a(a){let{value:m=0,auto:u,format:o}=a,[s,f]=(0,e.useState)(()=>(0,r.isSafeNumber)(m)?m:0),[i,n]=(0,e.useState)((0,r.isSafeNumber)(m)?m:void 0),l=(0,e.useRef)(null);return((0,e.useEffect)(()=>(void 0!==u&&(l.current=setInterval(()=>{let e="up"===u?10:-10;f(t=>Math.max(0,t+e))},1e3)),()=>{l.current&&clearInterval(l.current)}),[u]),(0,e.useEffect)(()=>{m!==i&&(n(m),f(m))},[m,i]),(0,r.isSafeNumber)(m))?o?o(s):(0,t.formatTime)(s):m||null}export{a as TimeDisplay};

package/dist/components/Tooltip.d.ts

@@ -1,5 +1,5 @@
-import { Placement } from '@floating-ui/react';
-import { ReactNode } from 'react';
+import type { Placement } from '@floating-ui/react';
+import type { ReactNode } from 'react';
 type Props = {
     /** The content to display in the tooltip */
     content: ReactNode;

package/dist/components/Tooltip.js

@@ -1,18 +1 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Floating as i } from "./Floating.js";
-function l(o) {
-  const { content: t, children: n, position: e } = o;
-  return /* @__PURE__ */ r(
-    i,
-    {
-      hoverOpen: !0,
-      content: t,
-      contentClasses: "Tooltip",
-      placement: e,
-      children: n
-    }
-  );
-}
-export {
-  l as Tooltip
-};
+import*as t from"react/jsx-runtime";import*as o from"./Floating.js";function e(e){let{content:n,children:r,position:i}=e;return(0,t.jsx)(o.Floating,{hoverOpen:!0,content:n,contentClasses:"Tooltip",placement:i,children:r})}export{e as Tooltip};

package/dist/components/TrackOutsideClicks.d.ts

@@ -1,9 +1,9 @@
-import { Component, PropsWithChildren } from 'react';
+import { Component, type PropsWithChildren } from 'react';
 type Props = {
     onOutsideClick: () => void;
 } & PropsWithChildren;
 export declare class TrackOutsideClicks extends Component<Props> {
-    ref: import('react').RefObject<HTMLDivElement | null>;
+    ref: import("react").RefObject<HTMLDivElement | null>;
     constructor(props: any);
     componentWillUnmount(): void;
     handleOutsideClick(event: MouseEvent): void;

package/dist/components/TrackOutsideClicks.js

@@ -1,24 +1 @@
-var n = Object.defineProperty;
-var s = (i, t, e) => t in i ? n(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var r = (i, t, e) => s(i, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as c } from "react/jsx-runtime";
-import { Component as d, createRef as o } from "react";
-class a extends d {
-  constructor(e) {
-    super(e);
-    r(this, "ref", o());
-    this.handleOutsideClick = this.handleOutsideClick.bind(this), document.addEventListener("click", this.handleOutsideClick);
-  }
-  componentWillUnmount() {
-    document.removeEventListener("click", this.handleOutsideClick);
-  }
-  handleOutsideClick(e) {
-    e.target instanceof Node && this.ref.current && !this.ref.current.contains(e.target) && this.props.onOutsideClick();
-  }
-  render() {
-    return /* @__PURE__ */ c("div", { ref: this.ref, children: this.props.children });
-  }
-}
-export {
-  a as TrackOutsideClicks
-};
+import*as e from"react/jsx-runtime";import*as t from"react";class i extends t.Component{ref=(0,t.createRef)();constructor(e){super(e),this.handleOutsideClick=this.handleOutsideClick.bind(this),document.addEventListener("click",this.handleOutsideClick)}componentWillUnmount(){document.removeEventListener("click",this.handleOutsideClick)}handleOutsideClick(e){e.target instanceof Node&&this.ref.current&&!this.ref.current.contains(e.target)&&this.props.onOutsideClick()}render(){return(0,e.jsx)("div",{ref:this.ref,children:this.props.children})}}export{i as TrackOutsideClicks};

package/dist/components/VirtualList.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 /**
  * A vertical list that renders items to fill space up to the extents of the
  * current window, and then defers rendering of other items until they come

package/dist/components/VirtualList.js

@@ -1,34 +1 @@
-import { jsxs as g, jsx as c } from "react/jsx-runtime";
-import { useRef as h, useState as o, useCallback as v, useEffect as b } from "react";
-function y(u) {
-  const { children: t } = u, s = h(null), [e, d] = o(1), [m, f] = o(0), i = v(() => {
-    const { current: n } = s;
-    if (!t || !Array.isArray(t) || !n || e >= t.length)
-      return;
-    const r = document.body.offsetHeight - n.getBoundingClientRect().bottom, a = Math.ceil(n.offsetHeight / e);
-    if (r > 0) {
-      const l = Math.min(
-        t.length,
-        e + Math.max(1, Math.ceil(r / a))
-      );
-      d(l), f((t.length - l) * a);
-    }
-  }, [s, e, t]);
-  return b(() => {
-    i();
-    const n = setInterval(i, 100);
-    return () => clearInterval(n);
-  }, [i]), /* @__PURE__ */ g("div", { className: "VirtualList", children: [
-    /* @__PURE__ */ c("div", { className: "VirtualList__Container", ref: s, children: Array.isArray(t) ? t.slice(0, e) : null }),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "VirtualList__Padding",
-        style: { paddingBottom: `${m}px` }
-      }
-    )
-  ] });
-}
-export {
-  y as VirtualList
-};
+import*as t from"react/jsx-runtime";import*as e from"react";function a(a){let{children:r}=a,i=(0,e.useRef)(null),[l,s]=(0,e.useState)(1),[n,u]=(0,e.useState)(0),c=(0,e.useCallback)(()=>{let{current:t}=i;if(!r||!Array.isArray(r)||!t||l>=r.length)return;let e=document.body.offsetHeight-t.getBoundingClientRect().bottom,a=Math.ceil(t.offsetHeight/l);if(e>0){let t=Math.min(r.length,l+Math.max(1,Math.ceil(e/a)));s(t),u((r.length-t)*a)}},[i,l,r]);return(0,e.useEffect)(()=>{c();let t=setInterval(c,100);return()=>clearInterval(t)},[c]),(0,t.jsxs)("div",{className:"VirtualList",children:[(0,t.jsx)("div",{className:"VirtualList__Container",ref:i,children:Array.isArray(r)?r.slice(0,l):null}),(0,t.jsx)("div",{className:"VirtualList__Padding",style:{paddingBottom:`${n}px`}})]})}export{a as VirtualList};

package/dist/components/index.js

@@ -1,96 +1 @@
-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 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";
-import { Collapsible as g } from "./Collapsible.js";
-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 F } from "./DmIcon.js";
-import { DraggableControl as P } 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 { Floating as O } from "./Floating.js";
-import { Icon as U } from "./Icon.js";
-import { Image as j } from "./Image.js";
-import { ImageButton as z } from "./ImageButton.js";
-import { InfinitePlane as H } from "./InfinitePlane.js";
-import { Input as W } from "./Input.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 lo } from "./NumberInput.js";
-import { Popper as uo } from "./Popper.js";
-import { ProgressBar as co } from "./ProgressBar.js";
-import { RestrictedInput as Bo } from "./RestrictedInput.js";
-import { RoundGauge as Io } from "./RoundGauge.js";
-import { Section as To } from "./Section.js";
-import { Slider as ko } from "./Slider.js";
-import { Stack as So } from "./Stack.js";
-import { StyleableSection as Ao } from "./StyleableSection.js";
-import { Table as No } from "./Table.js";
-import { Tabs as Ko } from "./Tabs.js";
-import { TextArea as Ro } from "./TextArea.js";
-import { TimeDisplay as vo } from "./TimeDisplay.js";
-import { Tooltip as Go } from "./Tooltip.js";
-import { TrackOutsideClicks as Qo } from "./TrackOutsideClicks.js";
-import { VirtualList as Vo } from "./VirtualList.js";
-export {
-  e as AnimatedNumber,
-  m as Autofocus,
-  x as Blink,
-  i as BlockQuote,
-  l as Box,
-  u as Button,
-  c as ByondUi,
-  b as Chart,
-  g as Collapsible,
-  D as ColorBox,
-  C as Dialog,
-  L as Dimmer,
-  y as Divider,
-  F as DmIcon,
-  P as DraggableControl,
-  M as Dropdown,
-  h as FitText,
-  w as Flex,
-  O as Floating,
-  U as Icon,
-  j as Image,
-  z as ImageButton,
-  H as InfinitePlane,
-  W as Input,
-  Y as KeyListener,
-  _ as Knob,
-  oo as LabeledControls,
-  eo as LabeledList,
-  mo as MenuBar,
-  xo as Modal,
-  io as NoticeBox,
-  lo as NumberInput,
-  uo as Popper,
-  co as ProgressBar,
-  Bo as RestrictedInput,
-  Io as RoundGauge,
-  To as Section,
-  ko as Slider,
-  So as Stack,
-  Ao as StyleableSection,
-  No as Table,
-  Ko as Tabs,
-  Ro as TextArea,
-  vo as TimeDisplay,
-  Go as Tooltip,
-  Qo as TrackOutsideClicks,
-  Vo as VirtualList
-};
+import*as o from"./AnimatedNumber.js";import*as e from"./Autofocus.js";import*as s from"./Blink.js";import*as a from"./BlockQuote.js";import*as _ from"./Box.js";import*as r from"./Button.js";import*as t from"./ByondUi.js";import*as p from"./Chart.js";import*as i from"./Collapsible.js";import*as m from"./ColorBox.js";import*as l from"./Dialog.js";import*as n from"./Dimmer.js";import*as c from"./Divider.js";import*as b from"./DmIcon.js";import*as x from"./DraggableControl.js";import*as k from"./Dropdown.js";import*as u from"./FitText.js";import*as f from"./Flex.js";import*as w from"./Floating.js";import*as j from"./Icon.js";import*as d from"./Image.js";import*as B from"./ImageButton.js";import*as g from"./InfinitePlane.js";import*as I from"./Input.js";import*as D from"./KeyListener.js";import*as T from"./Knob.js";import*as C from"./LabeledControls.js";import*as L from"./LabeledList.js";import*as S from"./MenuBar.js";import*as y from"./Modal.js";import*as A from"./NoticeBox.js";import*as F from"./NumberInput.js";import*as N from"./Popper.js";import*as P from"./ProgressBar.js";import*as K from"./RestrictedInput.js";import*as M from"./RoundGauge.js";import*as R from"./Section.js";import*as v from"./Slider.js";import*as h from"./Stack.js";import*as G from"./StyleableSection.js";import*as O from"./Table.js";import*as Q from"./Tabs.js";import*as U from"./TextArea.js";import*as V from"./TimeDisplay.js";import*as q from"./Tooltip.js";import*as z from"./TrackOutsideClicks.js";import*as E from"./VirtualList.js";var H=o.AnimatedNumber,J=e.Autofocus,W=s.Blink,X=a.BlockQuote,Y=_.Box,Z=r.Button,$=t.ByondUi,oo=p.Chart,oe=i.Collapsible,os=m.ColorBox,oa=l.Dialog,o_=n.Dimmer,or=c.Divider,ot=b.DmIcon,op=x.DraggableControl,oi=k.Dropdown,om=u.FitText,ol=f.Flex,on=w.Floating,oc=j.Icon,ob=d.Image,ox=B.ImageButton,ok=g.InfinitePlane,ou=I.Input,of=D.KeyListener,ow=T.Knob,oj=C.LabeledControls,od=L.LabeledList,oB=S.MenuBar,og=y.Modal,oI=A.NoticeBox,oD=F.NumberInput,oT=N.Popper,oC=P.ProgressBar,oL=K.RestrictedInput,oS=M.RoundGauge,oy=R.Section,oA=v.Slider,oF=h.Stack,oN=G.StyleableSection,oP=O.Table,oK=Q.Tabs,oM=U.TextArea,oR=V.TimeDisplay,ov=q.Tooltip,oh=z.TrackOutsideClicks,oG=E.VirtualList;export{H as AnimatedNumber,J as Autofocus,W as Blink,X as BlockQuote,Y as Box,Z as Button,$ as ByondUi,oo as Chart,oe as Collapsible,os as ColorBox,oa as Dialog,o_ as Dimmer,or as Divider,ot as DmIcon,op as DraggableControl,oi as Dropdown,om as FitText,ol as Flex,on as Floating,oc as Icon,ob as Image,ox as ImageButton,ok as InfinitePlane,ou as Input,of as KeyListener,ow as Knob,oj as LabeledControls,od as LabeledList,oB as MenuBar,og as Modal,oI as NoticeBox,oD as NumberInput,oT as Popper,oC as ProgressBar,oL as RestrictedInput,oS as RoundGauge,oy as Section,oA as Slider,oF as Stack,oN as StyleableSection,oP as Table,oK as Tabs,oM as TextArea,oR as TimeDisplay,ov as Tooltip,oh as TrackOutsideClicks,oG as VirtualList};

package/license.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 TG Station
+Copyright (c) 2025 TG Station
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "description": "TGUI core component library",
   "keywords": ["TGUI", "library", "typescript"],
   "files": ["dist", "styles"],
@@ -26,8 +26,7 @@
     "url": "https://github.com/tgstation/tgui-core.git"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "tsc --noEmit && vite build",
+    "build": "rslib build",
     "lint": "biome check lib",
     "lint:fix": "prettier . --write && biome check . --fix",
     "storybook": "storybook dev -p 6006",
@@ -37,33 +36,28 @@
   "author": "jlsnow301",
   "license": "MIT",
   "type": "module",
+  "dependencies": {
+    "@floating-ui/react": "^0.27.6"
+  },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@floating-ui/react": "^0.27.6",
-    "@popperjs/core": "^2.11.8",
+    "@rsbuild/core": "^1.3.5",
+    "@rsbuild/plugin-react": "^1.2.0",
+    "@rsbuild/plugin-sass": "^1.3.1",
+    "@rslib/core": "^0.6.2",
     "@storybook/addon-console": "^3.0.0",
     "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
     "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
     "@storybook/theming": "^8.6.12",
     "@types/node": "^22.14.0",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.1",
-    "@types/webpack-env": "^1.18.8",
-    "@vitejs/plugin-react-swc": "^3.8.1",
-    "glob": "^11.0.1",
     "prettier": "^3.5.3",
-    "react-popper": "^2.3.0",
     "sass": "^1.81.0",
     "storybook": "^8.6.12",
     "storybook-addon-sass-postcss": "^0.3.2",
-    "typescript": "^5.8.3",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
+    "storybook-react-rsbuild": "^1.0.1",
+    "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "react": "^19.1.0",

package/styles/components/Button.scss

@@ -124,7 +124,7 @@ $border-radius: 0 !default;
   }
 
   // We don't need additional margin if button inside stack
-  .Stack__item & {
+  .Stack__item > & {
     margin: 0;
   }
 }

package/dist/components/FakeTerminal.js

@@ -1,38 +0,0 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Component as o, Fragment as c } from "react";
-import { Box as m } from "./Box.js";
-class h extends o {
-  constructor(e) {
-    super(e), this.timer = null, this.state = {
-      currentIndex: 0,
-      currentDisplay: []
-    };
-  }
-  tick() {
-    const { props: e, state: t } = this;
-    if (t.currentIndex <= e.allMessages.length) {
-      this.setState((n) => ({
-        currentIndex: n.currentIndex + 1
-      }));
-      const { currentDisplay: s } = t;
-      s.push(e.allMessages[t.currentIndex]);
-    } else
-      clearTimeout(this.timer), setTimeout(e.onFinished, e.finishedTimeout);
-  }
-  componentDidMount() {
-    const { linesPerSecond: e = 2.5 } = this.props;
-    this.timer = setInterval(() => this.tick(), 1e3 / e);
-  }
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-  render() {
-    return /* @__PURE__ */ r(m, { m: 1, children: this.state.currentDisplay.map((e) => /* @__PURE__ */ i(c, { children: [
-      e,
-      /* @__PURE__ */ r("br", {})
-    ] }, e)) });
-  }
-}
-export {
-  h as FakeTerminal
-};