tgui-core 2.0.6 → 2.1.0

package/dist/common/ui.js

@@ -1,141 +1 @@
-import { CSS_COLORS as b } from "./constants.js";
-import { classes as y } from "./react.js";
-const f = (o) => {
-  if (typeof o == "string")
-    return o.endsWith("px") ? `${Number.parseFloat(o) / 12}rem` : o;
-  if (typeof o == "number")
-    return `${o}rem`;
-}, e = (o) => {
-  if (typeof o == "string")
-    return f(o);
-  if (typeof o == "number")
-    return f(o * 0.5);
-};
-function w(o) {
-  return !h(o);
-}
-function h(o) {
-  return typeof o == "string" && b.includes(o);
-}
-const c = (o) => (t, n) => {
-  (typeof n == "number" || typeof n == "string") && (t[o] = n);
-}, i = (o, t) => (n, r) => {
-  (typeof r == "number" || typeof r == "string") && (n[o] = t(r));
-}, l = (o, t) => (n, r) => {
-  r && (n[o] = t);
-}, g = (o, t, n) => (r, p) => {
-  if (typeof p == "number" || typeof p == "string")
-    for (let m = 0; m < n.length; m++)
-      r[o + n[m]] = t(p);
-}, a = (o) => (t, n) => {
-  w(n) && (t[o] = n);
-}, d = {
-  align: c("textAlign"),
-  bottom: i("bottom", f),
-  fontFamily: c("fontFamily"),
-  fontSize: i("fontSize", f),
-  fontWeight: c("fontWeight"),
-  height: i("height", f),
-  left: i("left", f),
-  maxHeight: i("maxHeight", f),
-  maxWidth: i("maxWidth", f),
-  minHeight: i("minHeight", f),
-  minWidth: i("minWidth", f),
-  opacity: c("opacity"),
-  overflow: c("overflow"),
-  overflowX: c("overflowX"),
-  overflowY: c("overflowY"),
-  position: c("position"),
-  right: i("right", f),
-  textAlign: c("textAlign"),
-  top: i("top", f),
-  verticalAlign: c("verticalAlign"),
-  width: i("width", f),
-  lineHeight: (o, t) => {
-    typeof t == "number" ? o.lineHeight = t : typeof t == "string" && (o.lineHeight = f(t));
-  },
-  // Margin
-  m: g("margin", e, [
-    "Top",
-    "Bottom",
-    "Left",
-    "Right"
-  ]),
-  mb: i("marginBottom", e),
-  ml: i("marginLeft", e),
-  mr: i("marginRight", e),
-  mt: i("marginTop", e),
-  mx: g("margin", e, ["Left", "Right"]),
-  my: g("margin", e, ["Top", "Bottom"]),
-  // Gap
-  g: i("gap", e),
-  gr: i("rowGap", e),
-  gc: i("columnGap", e),
-  // Padding
-  p: g("padding", e, [
-    "Top",
-    "Bottom",
-    "Left",
-    "Right"
-  ]),
-  pb: i("paddingBottom", e),
-  pl: i("paddingLeft", e),
-  pr: i("paddingRight", e),
-  pt: i("paddingTop", e),
-  px: g("padding", e, ["Left", "Right"]),
-  py: g("padding", e, ["Top", "Bottom"]),
-  // Color props
-  color: a("color"),
-  textColor: a("color"),
-  backgroundColor: a("backgroundColor")
-}, u = {
-  bold: l("fontWeight", "bold"),
-  fillPositionedParent: (o, t) => {
-    t && (o.position = "absolute", o.top = 0, o.bottom = 0, o.left = 0, o.right = 0);
-  },
-  inline: l("display", "inline-block"),
-  italic: l("fontStyle", "italic"),
-  nowrap: l("whiteSpace", "nowrap"),
-  preserveWhitespace: l("whiteSpace", "pre-wrap")
-};
-function T(o) {
-  const t = {}, n = {};
-  for (const r in o) {
-    if (r === "style")
-      continue;
-    const p = o[r], m = d[r] || u[r];
-    m ? m(n, p) : t[r] = p;
-  }
-  return t.style = { ...n, ...o.style }, t;
-}
-function S(o) {
-  const t = o.textColor || o.color, { backgroundColor: n } = o;
-  return y([
-    h(t) && `color-${t}`,
-    h(n) && `color-bg-${n}`
-  ]);
-}
-function P(o) {
-  const t = {};
-  if (!o) return t;
-  const n = o.split(" ");
-  for (const r of n) {
-    const [p, m] = r.split("-");
-    if (p)
-      if (p in d) {
-        if (m === "") continue;
-        const s = Number(m);
-        !Number.isNaN(s) && Number.isFinite(s) ? t[p] = s : t[p] = m;
-      } else p in u ? t[p] = !0 : console.warn(`Unknown prop ${p}`);
-  }
-  return t;
-}
-export {
-  u as booleanStyleMap,
-  S as computeBoxClassName,
-  T as computeBoxProps,
-  P as computeTwClass,
-  e as halfUnit,
-  d as stringStyleMap,
-  f as unit
-};
+import*as t from"./constants.js";import*as o from"./react.js";let i=t=>"string"==typeof t?t.endsWith("px")?`${Number.parseFloat(t)/12}rem`:t:"number"==typeof t?`${t}rem`:void 0,e=t=>"string"==typeof t?i(t):"number"==typeof t?i(.5*t):void 0;function n(o){return"string"==typeof o&&t.CSS_COLORS.includes(o)}let r=t=>(o,i)=>{("number"==typeof i||"string"==typeof i)&&(o[t]=i)},l=(t,o)=>(i,e)=>{("number"==typeof e||"string"==typeof e)&&(i[t]=o(e))},p=(t,o)=>(i,e)=>{e&&(i[t]=o)},a=(t,o,i)=>(e,n)=>{if("number"==typeof n||"string"==typeof n)for(let r=0;r<i.length;r++)e[t+i[r]]=o(n)},g=t=>(o,i)=>{n(i)||(o[t]=i)},f={align:r("textAlign"),bottom:l("bottom",i),fontFamily:r("fontFamily"),fontSize:l("fontSize",i),fontWeight:r("fontWeight"),height:l("height",i),left:l("left",i),maxHeight:l("maxHeight",i),maxWidth:l("maxWidth",i),minHeight:l("minHeight",i),minWidth:l("minWidth",i),opacity:r("opacity"),overflow:r("overflow"),overflowX:r("overflowX"),overflowY:r("overflowY"),position:r("position"),right:l("right",i),textAlign:r("textAlign"),top:l("top",i),verticalAlign:r("verticalAlign"),width:l("width",i),lineHeight:(t,o)=>{"number"==typeof o?t.lineHeight=o:"string"==typeof o&&(t.lineHeight=i(o))},m:a("margin",e,["Top","Bottom","Left","Right"]),mb:l("marginBottom",e),ml:l("marginLeft",e),mr:l("marginRight",e),mt:l("marginTop",e),mx:a("margin",e,["Left","Right"]),my:a("margin",e,["Top","Bottom"]),g:l("gap",e),gr:l("rowGap",e),gc:l("columnGap",e),p:a("padding",e,["Top","Bottom","Left","Right"]),pb:l("paddingBottom",e),pl:l("paddingLeft",e),pr:l("paddingRight",e),pt:l("paddingTop",e),px:a("padding",e,["Left","Right"]),py:a("padding",e,["Top","Bottom"]),color:g("color"),textColor:g("color"),backgroundColor:g("backgroundColor")},m={bold:p("fontWeight","bold"),fillPositionedParent:(t,o)=>{o&&(t.position="absolute",t.top=0,t.bottom=0,t.left=0,t.right=0)},inline:p("display","inline-block"),italic:p("fontStyle","italic"),nowrap:p("whiteSpace","nowrap"),preserveWhitespace:p("whiteSpace","pre-wrap")};function s(t){let o={},i={};for(let e in t){if("style"===e)continue;let n=t[e],r=f[e]||m[e];r?r(i,n):o[e]=n}return o.style={...i,...t.style},o}function h(t){let i=t.textColor||t.color,{backgroundColor:e}=t;return(0,o.classes)([n(i)&&`color-${i}`,n(e)&&`color-bg-${e}`])}function c(t){let o={};if(!t)return o;for(let i of t.split(" ")){let[t,e]=i.split("-");if(t)if(t in f){if(""===e)continue;let i=Number(e);!Number.isNaN(i)&&Number.isFinite(i)?o[t]=i:o[t]=e}else t in m?o[t]=!0:console.warn(`Unknown prop ${t}`)}return o}export{m as booleanStyleMap,h as computeBoxClassName,s as computeBoxProps,c as computeTwClass,e as halfUnit,f as stringStyleMap,i as unit};

package/dist/common/uuid.js

@@ -1,10 +1 @@
-function r() {
-  let x = (/* @__PURE__ */ new Date()).getTime();
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
-    const t = (x + Math.random() * 16) % 16 | 0;
-    return x = Math.floor(x / 16), (e === "x" ? t : t & 3 | 8).toString(16);
-  });
-}
-export {
-  r as createUuid
-};
+function x(){let x=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{let t=(x+16*Math.random())%16|0;return x=Math.floor(x/16),("x"===e?t:3&t|8).toString(16)})}export{x as createUuid};

package/dist/common/vector.js

@@ -1,48 +1 @@
-import { zip as r } from "./collections.js";
-function u(n, e) {
-  return n + e;
-}
-function c(n, e) {
-  return n - e;
-}
-function i(n, e) {
-  return n * e;
-}
-function o(n, e) {
-  return n / e;
-}
-function m(...n) {
-  return r(...n).map((e) => e.reduce(u));
-}
-function p(...n) {
-  return r(...n).map((e) => e.reduce(c));
-}
-function f(...n) {
-  return r(...n).map((e) => e.reduce(i));
-}
-function v(...n) {
-  return r(...n).map((e) => e.reduce(o));
-}
-function l(n, e) {
-  return n.map((t) => t * e);
-}
-function s(n) {
-  return n.map((e) => -e);
-}
-function a(n) {
-  return Math.sqrt(f(n, n).reduce(u));
-}
-function h(n) {
-  const e = a(n);
-  return n.map((t) => t / e);
-}
-export {
-  m as vecAdd,
-  v as vecDivide,
-  s as vecInverse,
-  a as vecLength,
-  f as vecMultiply,
-  h as vecNormalize,
-  l as vecScale,
-  p as vecSubtract
-};
+import*as e from"./collections.js";function n(e,n){return e+n}function r(e,n){return e-n}function t(e,n){return e*n}function u(e,n){return e/n}function c(...r){return(0,e.zip)(...r).map(e=>e.reduce(n))}function i(...n){return(0,e.zip)(...n).map(e=>e.reduce(r))}function o(...n){return(0,e.zip)(...n).map(e=>e.reduce(t))}function p(...n){return(0,e.zip)(...n).map(e=>e.reduce(u))}function f(e,n){return e.map(e=>e*n)}function a(e){return e.map(e=>-e)}function m(e){return Math.sqrt(o(e,e).reduce(n))}function v(e){let n=m(e);return e.map(e=>e/n)}export{c as vecAdd,p as vecDivide,a as vecInverse,m as vecLength,o as vecMultiply,v as vecNormalize,f as vecScale,i as vecSubtract};

package/dist/components/AnimatedNumber.d.ts

@@ -26,7 +26,7 @@ export declare class AnimatedNumber extends Component<Props> {
     /**
      * The inner `<span/>` being updated sixty times per second.
      */
-    ref: import('react').RefObject<HTMLSpanElement | null>;
+    ref: import("react").RefObject<HTMLSpanElement | null>;
     /**
      * The interval being used to update the inner span.
      */

package/dist/components/AnimatedNumber.js

@@ -1,73 +1 @@
-var f = Object.defineProperty;
-var p = (r, i, t) => i in r ? f(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var s = (r, i, t) => p(r, typeof i != "symbol" ? i + "" : i, t);
-import { jsx as v } from "react/jsx-runtime";
-import { Component as m, createRef as g } from "react";
-import { isSafeNumber as o, toFixed as d, clamp as T } from "../common/math.js";
-const V = 1e3 / 60, u = 0.8333, l = 1e-3;
-class b extends m {
-  constructor(t) {
-    super(t);
-    /**
-     * The inner `<span/>` being updated sixty times per second.
-     */
-    s(this, "ref", g());
-    /**
-     * The interval being used to update the inner span.
-     */
-    s(this, "interval");
-    /**
-     * The current value. This values approaches the target value.
-     */
-    s(this, "currentValue", 0);
-    const { initial: e, value: n } = t;
-    e !== void 0 && o(e) ? this.currentValue = e : o(n) && (this.currentValue = n);
-  }
-  componentDidMount() {
-    this.currentValue !== this.props.value && this.startTicking();
-  }
-  componentWillUnmount() {
-    this.stopTicking();
-  }
-  shouldComponentUpdate(t) {
-    return t.value !== this.props.value && this.startTicking(), !1;
-  }
-  /**
-   * Starts animating the inner span. If the inner span is already animating,
-   * this is a no-op.
-   */
-  startTicking() {
-    this.interval === void 0 && (this.interval = setInterval(() => this.tick(), V));
-  }
-  /**
-   * Stops animating the inner span.
-   */
-  stopTicking() {
-    this.interval !== void 0 && (clearInterval(this.interval), this.interval = void 0);
-  }
-  /**
-   * Steps forward one frame.
-   */
-  tick() {
-    const { currentValue: t } = this, { value: e } = this.props;
-    o(e) ? this.currentValue = t * u + e * (1 - u) : this.stopTicking(), Math.abs(e - this.currentValue) < Math.max(l, l * e) && (this.currentValue = e, this.stopTicking()), this.ref.current && (this.ref.current.textContent = this.getText());
-  }
-  /**
-   * Gets the inner text of the span.
-   */
-  getText() {
-    const { props: t, currentValue: e } = this, { format: n, value: a } = t;
-    if (!o(a))
-      return String(a);
-    if (n)
-      return n(this.currentValue);
-    const c = String(a).split(".")[1], h = c ? c.length : 0;
-    return d(e, T(h, 0, 8));
-  }
-  render() {
-    return /* @__PURE__ */ v("span", { ref: this.ref, children: this.getText() });
-  }
-}
-export {
-  b as AnimatedNumber
-};
+import*as t from"react/jsx-runtime";import*as e from"react";import*as r from"../common/math.js";let i=1e3/60;class s extends e.Component{ref=(0,e.createRef)();interval;currentValue=0;constructor(t){super(t);let{initial:e,value:i}=t;void 0!==e&&(0,r.isSafeNumber)(e)?this.currentValue=e:(0,r.isSafeNumber)(i)&&(this.currentValue=i)}componentDidMount(){this.currentValue!==this.props.value&&this.startTicking()}componentWillUnmount(){this.stopTicking()}shouldComponentUpdate(t){return t.value!==this.props.value&&this.startTicking(),!1}startTicking(){void 0===this.interval&&(this.interval=setInterval(()=>this.tick(),i))}stopTicking(){void 0!==this.interval&&(clearInterval(this.interval),this.interval=void 0)}tick(){let{currentValue:t}=this,{value:e}=this.props;(0,r.isSafeNumber)(e)?this.currentValue=.8333*t+.16669999999999996*e:this.stopTicking(),Math.abs(e-this.currentValue)<Math.max(.001,.001*e)&&(this.currentValue=e,this.stopTicking()),this.ref.current&&(this.ref.current.textContent=this.getText())}getText(){let{props:t,currentValue:e}=this,{format:i,value:s}=t;if(!(0,r.isSafeNumber)(s))return String(s);if(i)return i(this.currentValue);let n=String(s).split(".")[1],a=n?n.length:0;return(0,r.toFixed)(e,(0,r.clamp)(a,0,8))}render(){return(0,t.jsx)("span",{ref:this.ref,children:this.getText()})}}export{s as AnimatedNumber};

package/dist/components/Autofocus.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 /** Used to force the window to steal focus on load. Children optional */
 export declare function Autofocus(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/components/Autofocus.js

@@ -1,17 +1 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as c, useEffect as f } from "react";
-function m(r) {
-  const { children: o } = r, t = c(null);
-  return f(() => {
-    const u = setTimeout(() => {
-      var e;
-      (e = t.current) == null || e.focus();
-    }, 1);
-    return () => {
-      clearTimeout(u);
-    };
-  }, []), /* @__PURE__ */ n("div", { ref: t, tabIndex: -1, children: o });
-}
-export {
-  m as Autofocus
-};
+import*as e from"react/jsx-runtime";import*as t from"react";function r(r){let{children:u}=r,o=(0,t.useRef)(null);return(0,t.useEffect)(()=>{let e=setTimeout(()=>{o.current?.focus()},1);return()=>{clearTimeout(e)}},[]),(0,e.jsx)("div",{ref:o,tabIndex:-1,children:u})}export{r as Autofocus};

package/dist/components/Blink.d.ts

@@ -1,4 +1,4 @@
-import { Component, PropsWithChildren } from 'react';
+import { Component, type PropsWithChildren } from 'react';
 type Props = Partial<{
     /**
      * The interval between blinks, in milliseconds.

package/dist/components/Blink.js

@@ -1,56 +1 @@
-var n = Object.defineProperty;
-var a = (i, e, t) => e in i ? n(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var s = (i, e, t) => a(i, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as l } from "react/jsx-runtime";
-import { Component as o } from "react";
-const h = 1e3, m = 1e3;
-class v extends o {
-  constructor(t) {
-    super(t);
-    s(this, "interval");
-    s(this, "timer");
-    this.state = {
-      hidden: !1
-    };
-  }
-  createTimer() {
-    const {
-      interval: t = h,
-      time: r = m
-    } = this.props;
-    clearInterval(this.interval), clearTimeout(this.timer), this.setState({
-      hidden: !1
-    }), this.interval = setInterval(() => {
-      this.setState({
-        hidden: !0
-      }), this.timer = setTimeout(() => {
-        this.setState({
-          hidden: !1
-        });
-      }, r);
-    }, t + r);
-  }
-  componentDidMount() {
-    this.createTimer();
-  }
-  componentDidUpdate(t) {
-    (t.interval !== this.props.interval || t.time !== this.props.time) && this.createTimer();
-  }
-  componentWillUnmount() {
-    clearInterval(this.interval), clearTimeout(this.timer);
-  }
-  render() {
-    return /* @__PURE__ */ l(
-      "span",
-      {
-        style: {
-          visibility: this.state.hidden ? "hidden" : "visible"
-        },
-        children: this.props.children
-      }
-    );
-  }
-}
-export {
-  v as Blink
-};
+import*as t from"react/jsx-runtime";import*as e from"react";class i extends e.Component{interval;timer;constructor(t){super(t),this.state={hidden:!1}}createTimer(){let{interval:t=1e3,time:e=1e3}=this.props;clearInterval(this.interval),clearTimeout(this.timer),this.setState({hidden:!1}),this.interval=setInterval(()=>{this.setState({hidden:!0}),this.timer=setTimeout(()=>{this.setState({hidden:!1})},e)},t+e)}componentDidMount(){this.createTimer()}componentDidUpdate(t){(t.interval!==this.props.interval||t.time!==this.props.time)&&this.createTimer()}componentWillUnmount(){clearInterval(this.interval),clearTimeout(this.timer)}render(){return(0,t.jsx)("span",{style:{visibility:this.state.hidden?"hidden":"visible"},children:this.props.children})}}export{i as Blink};

package/dist/components/BlockQuote.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from './Box';
+import { type BoxProps } from './Box';
 /**
  * ## BlockQuote
  * Just a block quote, just like this example in markdown:

package/dist/components/BlockQuote.js

@@ -1,10 +1 @@
-import { jsx as t } from "react/jsx-runtime";
-import { classes as e } from "../common/react.js";
-import { Box as m } from "./Box.js";
-function f(o) {
-  const { className: r, ...s } = o;
-  return /* @__PURE__ */ t(m, { className: e(["BlockQuote", r]), ...s });
-}
-export {
-  f as BlockQuote
-};
+import*as o from"react/jsx-runtime";import*as r from"../common/react.js";import*as s from"./Box.js";function t(t){let{className:e,...m}=t;return(0,o.jsx)(s.Box,{className:(0,r.classes)(["BlockQuote",e]),...m})}export{t as BlockQuote};

package/dist/components/Box.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, KeyboardEventHandler, MouseEventHandler, ReactNode, UIEventHandler } from 'react';
-import { BooleanLike } from '../common/react';
-import { BooleanStyleMap, StringStyleMap } from '../common/ui';
+import { type CSSProperties, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type UIEventHandler } from 'react';
+import type { BooleanLike } from '../common/react';
+import { type BooleanStyleMap, type StringStyleMap } from '../common/ui';
 type EventHandlers = {
     onClick: MouseEventHandler<HTMLDivElement>;
     onContextMenu: MouseEventHandler<HTMLDivElement>;
@@ -97,7 +97,7 @@ type DangerDoNotUse = {
  *
  * Default font size (`1rem`) is equal to `12px`.
  */
-export declare function Box(props: BoxProps & DangerDoNotUse): import('react').ReactElement<{
+export declare function Box(props: BoxProps & DangerDoNotUse): import("react").ReactElement<{
     className: string;
-}, string | import('react').JSXElementConstructor<any>>;
+}, string | import("react").JSXElementConstructor<any>>;
 export {};

package/dist/components/Box.js

@@ -1,19 +1 @@
-import { createElement as n } from "react";
-import { computeBoxClassName as s, computeBoxProps as l, computeTwClass as u } from "../common/ui.js";
-function x(t) {
-  const { as: m = "div", className: e, children: c, tw: r, ...o } = t, a = e ? `${e} ${s(o)}` : s(o), p = l({
-    ...o,
-    ...u(r)
-  });
-  return n(
-    m,
-    {
-      ...p,
-      className: a
-    },
-    c
-  );
-}
-export {
-  x as Box
-};
+import*as o from"react";import*as e from"../common/ui.js";function m(m){let{as:t="div",className:s,children:a,tw:r,...c}=m,p=s?`${s} ${(0,e.computeBoxClassName)(c)}`:(0,e.computeBoxClassName)(c),u=(0,e.computeBoxProps)({...c,...(0,e.computeTwClass)(r)});return(0,o.createElement)(t,{...u,className:p},a)}export{m as Box};

package/dist/components/Button.d.ts

@@ -1,7 +1,7 @@
-import { Placement } from '@floating-ui/react';
-import { ReactNode } from 'react';
-import { BooleanLike } from '../common/react';
-import { BoxProps } from './Box';
+import type { Placement } from '@floating-ui/react';
+import { type ReactNode } from 'react';
+import { type BooleanLike } from '../common/react';
+import { type BoxProps } from './Box';
 /**
  * Getting ellipses to work requires that you use:
  * 1. A string rather than a node