tgui-core 3.2.0 → 4.0.1

package/README.md

@@ -4,9 +4,12 @@ A collection of utilities and components for the [tgui](https://github.com/tgsta
 
 This package was built to help the various downstream SS13 servers stay up to date with TGUI without having to keep a local version of each file.
 
-You can view the code on [GitHub](https://github.com/tgstation/tgui-core).
+## Links
+- [GitHub](https://github.com/tgstation/tgui-core)
+- [npm](https://www.npmjs.com/package/tgui-core)
+- [Storybook](https://tgstation.github.io/tgui-core/?path=/docs/components-animatednumber--docs)
 
-## Installation
+## Usage
 
 (assuming you have a tgui folder, navigate to the specific package)
 
@@ -70,13 +73,13 @@ The release workflow will take care of setting the `package.json` version, build
 
 ### Development
 
-This project uses [pnpm](https://pnpm.io/installation) for its package manager.
+This project uses [bun](https://bun.sh/docs/installation) for its package manager.
 
 To set up the repository:
-`pnpm install`
+`bun install`
 
 To test your changes using [Storybook](https://storybook.js.org/docs) run:
-`pnpm run storybook`
+`bun storybook`
 
 To run unit tests run
-`pnpm test`
+`bun test`

package/dist/common/collections.d.ts

@@ -7,11 +7,4 @@ type Zip<T extends unknown[][]> = {
  * the second elements of the given arrays, and so on.
  */
 export declare function zip<T extends unknown[][]>(...arr: T): Zip<T>;
-/**
- * Helper function for string compares with native sorts
- * @param a first string to compare
- * @param b second string to compare
- * @returns -1 for a < b, 1 for a > b and 0 otherwise
- */
-export declare function stringCompare(a: string, b: string): 1 | -1 | 0;
 export {};

package/dist/common/collections.js

@@ -1 +1 @@
-function r(...n){return Array(Math.max(...n.map(r=>r.length))).fill(void 0).map((r,t)=>n.map(r=>r[t]))}function n(r,n){return r<n?-1:+(r>n)}export{n as stringCompare,r as zip};
+function a(...p){return Array(Math.max(...p.map(a=>a.length))).fill(void 0).map((a,r)=>p.map(a=>a[r]))}export{a as zip};

package/dist/common/constants.d.ts

@@ -97,8 +97,8 @@ export declare const RADIO_CHANNELS: readonly [{
 }];
 export declare function getGasLabel(gasId: string, fallbackValue?: string): string;
 export declare function getGasColor(gasId: string): string;
-export declare const getGasFromId: (gasId: string) => Gas | undefined;
-export declare const getGasFromPath: (gasPath: string) => Gas | undefined;
+export declare function getGasFromId(gasId: string): Gas | undefined;
+export declare function getGasFromPath(gasPath: string): Gas | undefined;
 export declare const COMPONENT_COLORS: {
     readonly spectrum: readonly ["red", "orange", "yellow", "olive", "green", "teal", "blue", "violet", "purple", "pink", "brown", "grey", "gold"];
     readonly states: readonly ["", "good", "average", "bad", "black", "white"];

package/dist/common/constants.js

@@ -1 +1 @@
-let e=2,a=1,o=0,r=-1,l={damageType:{brute:"#e74c3c",burn:"#e67e22",oxy:"#3498db",toxin:"#2ecc71"},department:{captain:"#c06616",cargo:"#f39c12",centcom:"#00c100",engineering:"#f1c40f",medbay:"#3498db",other:"#c38312",science:"#9b59b6",security:"#e74c3c",service:"#7cc46a"},reagent:{acidicbuffer:"#fbc314",basicbuffer:"#3853a4"}},t=["average","bad","black","blue","brown","good","green","grey","label","olive","orange","pink","purple","red","teal","transparent","violet","white","yellow"],i=[{color:"#8f4a4b",freq:1213,name:"Syndicate"},{color:"#ff4444",freq:1215,name:"Red Team"},{color:"#3434fd",freq:1217,name:"Blue Team"},{color:"#34fd34",freq:1219,name:"Green Team"},{color:"#fdfd34",freq:1221,name:"Yellow Team"},{color:"#2681a5",freq:1337,name:"CentCom"},{color:"#b88646",freq:1347,name:"Supply"},{color:"#6ca729",freq:1349,name:"Service"},{color:"#c68cfa",freq:1351,name:"Science"},{color:"#fcdf03",freq:1353,name:"Command"},{color:"#57b8f0",freq:1355,name:"Medical"},{color:"#f37746",freq:1357,name:"Engineering"},{color:"#dd3535",freq:1359,name:"Security"},{color:"#d65d95",freq:1447,name:"AI Private"},{color:"#1ecc43",freq:1459,name:"Common"}],n=[{color:"blue",id:"o2",label:"O₂",name:"Oxygen",path:"/datum/gas/oxygen"},{color:"yellow",id:"n2",label:"N₂",name:"Nitrogen",path:"/datum/gas/nitrogen"},{color:"grey",id:"co2",label:"CO₂",name:"Carbon Dioxide",path:"/datum/gas/carbon_dioxide"},{color:"pink",id:"plasma",label:"Plasma",name:"Plasma",path:"/datum/gas/plasma"},{color:"lightsteelblue",id:"water_vapor",label:"H₂O",name:"Water Vapor",path:"/datum/gas/water_vapor"},{color:"teal",id:"hypernoblium",label:"Hyper-nob",name:"Hyper-noblium",path:"/datum/gas/hypernoblium"},{color:"bisque",id:"n2o",label:"N₂O",name:"Nitrous Oxide",path:"/datum/gas/nitrous_oxide"},{color:"brown",id:"no2",label:"Nitrium",name:"Nitrium",path:"/datum/gas/nitrium"},{color:"limegreen",id:"tritium",label:"Tritium",name:"Tritium",path:"/datum/gas/tritium"},{color:"mediumpurple",id:"bz",label:"BZ",name:"BZ",path:"/datum/gas/bz"},{color:"mediumslateblue",id:"pluoxium",label:"Pluoxium",name:"Pluoxium",path:"/datum/gas/pluoxium"},{color:"olive",id:"miasma",label:"Miasma",name:"Miasma",path:"/datum/gas/miasma"},{color:"paleturquoise",id:"freon",label:"Freon",name:"Freon",path:"/datum/gas/freon"},{color:"white",id:"hydrogen",label:"H₂",name:"Hydrogen",path:"/datum/gas/hydrogen"},{color:"salmon",id:"healium",label:"Healium",name:"Healium",path:"/datum/gas/healium"},{color:"greenyellow",id:"proto_nitrate",label:"Proto-Nitrate",name:"Proto Nitrate",path:"/datum/gas/proto_nitrate"},{color:"darkgreen",id:"zauker",label:"Zauker",name:"Zauker",path:"/datum/gas/zauker"},{color:"purple",id:"halon",label:"Halon",name:"Halon",path:"/datum/gas/halon"},{color:"aliceblue",id:"helium",label:"He",name:"Helium",path:"/datum/gas/helium"},{color:"maroon",id:"antinoblium",label:"Anti-Noblium",name:"Antinoblium",path:"/datum/gas/antinoblium"},{color:"brown",id:"nitrium",label:"Nitrium",name:"Nitrium",path:"/datum/gas/nitrium"}];function m(e,a){if(!e)return a||"None";let o=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===o)return n[e].label;return a||"None"}function u(e){if(!e)return"black";let a=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===a)return n[e].color;return"black"}let c=e=>{if(!e)return;let a=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===a)return n[e]},d=e=>{if(e){for(let a=0;a<n.length;a++)if(n[a].path===e)return n[a]}},b={spectrum:["red","orange","yellow","olive","green","teal","blue","violet","purple","pink","brown","grey","gold"],states:["","good","average","bad","black","white"]};export{l as COLORS,b as COMPONENT_COLORS,t as CSS_COLORS,i as RADIO_CHANNELS,r as UI_CLOSE,o as UI_DISABLED,e as UI_INTERACTIVE,a as UI_UPDATE,u as getGasColor,c as getGasFromId,d as getGasFromPath,m as getGasLabel};
+let e=2,a=1,o=0,r=-1,l={damageType:{brute:"#e74c3c",burn:"#e67e22",oxy:"#3498db",toxin:"#2ecc71"},department:{captain:"#c06616",cargo:"#f39c12",centcom:"#00c100",engineering:"#f1c40f",medbay:"#3498db",other:"#c38312",science:"#9b59b6",security:"#e74c3c",service:"#7cc46a"},reagent:{acidicbuffer:"#fbc314",basicbuffer:"#3853a4"}},t=["average","bad","black","blue","brown","good","green","grey","label","olive","orange","pink","purple","red","teal","transparent","violet","white","yellow"],i=[{color:"#8f4a4b",freq:1213,name:"Syndicate"},{color:"#ff4444",freq:1215,name:"Red Team"},{color:"#3434fd",freq:1217,name:"Blue Team"},{color:"#34fd34",freq:1219,name:"Green Team"},{color:"#fdfd34",freq:1221,name:"Yellow Team"},{color:"#2681a5",freq:1337,name:"CentCom"},{color:"#b88646",freq:1347,name:"Supply"},{color:"#6ca729",freq:1349,name:"Service"},{color:"#c68cfa",freq:1351,name:"Science"},{color:"#fcdf03",freq:1353,name:"Command"},{color:"#57b8f0",freq:1355,name:"Medical"},{color:"#f37746",freq:1357,name:"Engineering"},{color:"#dd3535",freq:1359,name:"Security"},{color:"#d65d95",freq:1447,name:"AI Private"},{color:"#1ecc43",freq:1459,name:"Common"}],n=[{color:"blue",id:"o2",label:"O₂",name:"Oxygen",path:"/datum/gas/oxygen"},{color:"yellow",id:"n2",label:"N₂",name:"Nitrogen",path:"/datum/gas/nitrogen"},{color:"grey",id:"co2",label:"CO₂",name:"Carbon Dioxide",path:"/datum/gas/carbon_dioxide"},{color:"pink",id:"plasma",label:"Plasma",name:"Plasma",path:"/datum/gas/plasma"},{color:"lightsteelblue",id:"water_vapor",label:"H₂O",name:"Water Vapor",path:"/datum/gas/water_vapor"},{color:"teal",id:"hypernoblium",label:"Hyper-nob",name:"Hyper-noblium",path:"/datum/gas/hypernoblium"},{color:"bisque",id:"n2o",label:"N₂O",name:"Nitrous Oxide",path:"/datum/gas/nitrous_oxide"},{color:"brown",id:"no2",label:"Nitrium",name:"Nitrium",path:"/datum/gas/nitrium"},{color:"limegreen",id:"tritium",label:"Tritium",name:"Tritium",path:"/datum/gas/tritium"},{color:"mediumpurple",id:"bz",label:"BZ",name:"BZ",path:"/datum/gas/bz"},{color:"mediumslateblue",id:"pluoxium",label:"Pluoxium",name:"Pluoxium",path:"/datum/gas/pluoxium"},{color:"olive",id:"miasma",label:"Miasma",name:"Miasma",path:"/datum/gas/miasma"},{color:"paleturquoise",id:"freon",label:"Freon",name:"Freon",path:"/datum/gas/freon"},{color:"white",id:"hydrogen",label:"H₂",name:"Hydrogen",path:"/datum/gas/hydrogen"},{color:"salmon",id:"healium",label:"Healium",name:"Healium",path:"/datum/gas/healium"},{color:"greenyellow",id:"proto_nitrate",label:"Proto-Nitrate",name:"Proto Nitrate",path:"/datum/gas/proto_nitrate"},{color:"darkgreen",id:"zauker",label:"Zauker",name:"Zauker",path:"/datum/gas/zauker"},{color:"purple",id:"halon",label:"Halon",name:"Halon",path:"/datum/gas/halon"},{color:"aliceblue",id:"helium",label:"He",name:"Helium",path:"/datum/gas/helium"},{color:"maroon",id:"antinoblium",label:"Anti-Noblium",name:"Antinoblium",path:"/datum/gas/antinoblium"},{color:"brown",id:"nitrium",label:"Nitrium",name:"Nitrium",path:"/datum/gas/nitrium"}];function m(e,a){if(!e)return a||"None";let o=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===o)return n[e].label;return a||"None"}function u(e){if(!e)return"black";let a=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===a)return n[e].color;return"black"}function c(e){if(!e)return;let a=e.toLowerCase();for(let e=0;e<n.length;e++)if(n[e].id===a)return n[e]}function d(e){if(e){for(let a=0;a<n.length;a++)if(n[a].path===e)return n[a]}}let b={spectrum:["red","orange","yellow","olive","green","teal","blue","violet","purple","pink","brown","grey","gold"],states:["","good","average","bad","black","white"]};export{l as COLORS,b as COMPONENT_COLORS,t as CSS_COLORS,i as RADIO_CHANNELS,r as UI_CLOSE,o as UI_DISABLED,e as UI_INTERACTIVE,a as UI_UPDATE,u as getGasColor,c as getGasFromId,d as getGasFromPath,m as getGasLabel};

package/dist/common/events.d.ts

@@ -1,4 +1,4 @@
-type Fn = (...args: any[]) => void;
+import type { Fn } from './types';
 export declare class EventEmitter {
     private listeners;
     constructor();
@@ -30,4 +30,3 @@ export declare class KeyEvent {
     isUp(): boolean;
     toString(): string;
 }
-export {};

package/dist/common/format.d.ts

@@ -2,7 +2,6 @@ export declare function formatSiUnit(value: number, minBase1000?: number, unit?:
 export declare function formatPower(value: number, minBase1000?: number): string;
 export declare function formatEnergy(value: number, minBase1000?: number): string;
 export declare function formatMoney(value: number, precision?: number): string;
-export declare function formatDb(value: number): string;
 export declare function formatSiBaseTenUnit(value: number, minBase1000?: number, unit?: string): string;
 /**
  * Formats decisecond count into HH:MM:SS display by default

package/dist/common/format.js

@@ -1 +1 @@
-let t=["f","p","n","μ","m"," ","k","M","G","T","P","E","Z","Y","R","Q","F","N","H"],r=t.indexOf(" ");function e(n,i=-r,o=""){if(!Number.isFinite(n))return n.toString();let a=Math.floor(Math.max(3*i,Math.floor(Math.log10(Math.abs(n))))/3),f=t[Math.min(a+r,t.length-1)],l=(n/1e3**a).toFixed(2);return l.endsWith(".00")?l=l.slice(0,-3):l.endsWith(".0")&&(l=l.slice(0,-2)),`${l} ${f.trim()}${o}`.trim()}function n(t,r=0){return e(t,r,"W")}function i(t,r=0){return e(t,r,"J")}function o(t,r=0){if(!Number.isFinite(t))return String(t);let e=Number(t.toFixed(r)),n=Math.abs(e).toString().split(".");n[0]=n[0].replace(/\B(?=(\d{3})+(?!\d))/g," ");let i=n.join(".");return e<0?`-${i}`:i}function a(t){let r=20*Math.log10(t),e=Math.abs(r);return e=e===Number.POSITIVE_INFINITY?"Inf":e.toFixed(2),`${r>=0?"+":"-"}${e} dB`}let f=["","\xb7 10\xb3","\xb7 10⁶","\xb7 10⁹","\xb7 10\xb9\xb2","\xb7 10\xb9⁵","\xb7 10\xb9⁸","\xb7 10\xb2\xb9","\xb7 10\xb2⁴","\xb7 10\xb2⁷","\xb7 10\xb3⁰","\xb7 10\xb3\xb3","\xb7 10\xb3⁶","\xb7 10\xb3⁹"];function l(t,r=0,e=""){if(!Number.isFinite(t))return"NaN";let n=Math.max(3*r,Math.floor(Math.log10(t))),i=Math.floor(n/3),o=f[i],a=Math.max(0,2-n%3),u=(t/1e3**i).toFixed(a);return`${u} ${o} ${e}`.trim()}function u(t,r="default"){let e=Math.floor(t/10),n=Math.floor(e/3600),i=Math.floor(e%3600/60),o=e%60;if("short"===r){let t=n>0?`${n}h`:"",r=i>0?`${i}m`:"",e=o>0?`${o}s`:"";return`${t}${r}${e}`}let a=String(n).padStart(2,"0"),f=String(i).padStart(2,"0"),l=String(o).padStart(2,"0");return`${a}:${f}:${l}`}export{a as formatDb,i as formatEnergy,o as formatMoney,n as formatPower,l as formatSiBaseTenUnit,e as formatSiUnit,u as formatTime};
+let t=["f","p","n","μ","m"," ","k","M","G","T","P","E","Z","Y","R","Q","F","N","H"],r=t.indexOf(" ");function e(i,n=-r,o=""){if(!Number.isFinite(i))return i.toString();let a=Math.floor(Math.max(3*n,Math.floor(Math.log10(Math.abs(i))))/3),f=t[Math.min(a+r,t.length-1)],l=(i/1e3**a).toFixed(2);return l.endsWith(".00")?l=l.slice(0,-3):l.endsWith(".0")&&(l=l.slice(0,-2)),`${l} ${f.trim()}${o}`.trim()}function i(t,r=0){return e(t,r,"W")}function n(t,r=0){return e(t,r,"J")}function o(t,r=0){if(!Number.isFinite(t))return String(t);let e=Number(t.toFixed(r)),i=Math.abs(e).toString().split(".");i[0]=i[0].replace(/\B(?=(\d{3})+(?!\d))/g," ");let n=i.join(".");return e<0?`-${n}`:n}let a=["","\xb7 10\xb3","\xb7 10⁶","\xb7 10⁹","\xb7 10\xb9\xb2","\xb7 10\xb9⁵","\xb7 10\xb9⁸","\xb7 10\xb2\xb9","\xb7 10\xb2⁴","\xb7 10\xb2⁷","\xb7 10\xb3⁰","\xb7 10\xb3\xb3","\xb7 10\xb3⁶","\xb7 10\xb3⁹"];function f(t,r=0,e=""){if(!Number.isFinite(t))return"NaN";let i=Math.max(3*r,Math.floor(Math.log10(t))),n=Math.floor(i/3),o=a[n],l=Math.max(0,2-i%3),u=(t/1e3**n).toFixed(l);return`${u} ${o} ${e}`.trim()}function l(t,r="default"){let e=Math.floor(t/10),i=Math.floor(e/3600),n=Math.floor(e%3600/60),o=e%60;if("short"===r){let t=i>0?`${i}h`:"",r=n>0?`${n}m`:"",e=o>0?`${o}s`:"";return`${t}${r}${e}`}let a=String(i).padStart(2,"0"),f=String(n).padStart(2,"0"),u=String(o).padStart(2,"0");return`${a}:${f}:${u}`}export{n as formatEnergy,o as formatMoney,i as formatPower,f as formatSiBaseTenUnit,e as formatSiUnit,l as formatTime};

package/dist/common/fp.d.ts

@@ -1,4 +1,4 @@
-type Func = (...args: any[]) => any;
+import type { Fn } from './types';
 /**
  * Creates a function that returns the result of invoking the given
  * functions, where each successive invocation is supplied the return
@@ -15,5 +15,4 @@ type Func = (...args: any[]) => any;
  * const composedFunction2 = flow([add2, multiplyBy3], subtract5); // ((4 + 2) * 3) - 5 = 13
  *
  */
-export declare const flow: (...funcs: Array<Func | Func[]>) => (input: any, ...rest: any[]) => any;
-export {};
+export declare const flow: (...funcs: Array<Fn | Fn[]>) => (input: any, ...rest: any[]) => any;

package/dist/common/fuzzysearch.d.ts

@@ -11,10 +11,14 @@ interface UseFuzzySearchProps<T> {
     getSearchString: (item: T) => string;
 }
 /**
- * A simple hook prooviding fuzzy searching - approximate rather
+ * ## useFuzzySearch
+ *
+ * A simple hook providing fuzzy searching - uses approximate rather
  * than exact pattern matching.
+ *
+ * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/hooks-usefuzzysearch--docs)
  */
-export declare function useFuzzySearch<T>({ searchArray, matchStrategy, getSearchString, }: UseFuzzySearchProps<T>): {
+export declare function useFuzzySearch<T>(options: UseFuzzySearchProps<T>): {
     query: string;
     setQuery: (value: string) => void;
     results: T[];

package/dist/common/fuzzysearch.js

@@ -1 +1 @@
-import*as t from"@nozbe/microfuzz";import*as e from"react";function r({searchArray:r,matchStrategy:a="smart",getSearchString:u}){let[o,i]=(0,e.useState)(""),[m,s]=(0,e.useState)([]),f=(0,e.useCallback)((0,t.default)(r,{getText:t=>[u(t)],strategy:a}),[r,u]);return{query:o,setQuery:function(t){if(i(t),""===t.trim())return void s([]);s(f(t).map(t=>t.item))},results:m}}export{r as useFuzzySearch};
+import*as t from"@nozbe/microfuzz";import*as e from"react";function r(r){let{getSearchString:a,matchStrategy:u="smart",searchArray:o}=r,[i,m]=(0,e.useState)(""),[s,f]=(0,e.useState)([]),n=(0,e.useCallback)((0,t.default)(o,{getText:t=>[a(t)],strategy:u}),[o,a]);return{query:i,setQuery:function(t){if(m(t),""===t.trim())return void f([]);f(n(t).map(t=>t.item))},results:s}}export{r as useFuzzySearch};

package/dist/common/hotkeys.d.ts

@@ -9,7 +9,12 @@ export declare function acquireHotKey(keyCode: number): void;
  */
 export declare function releaseHotKey(keyCode: number): void;
 export declare function releaseHeldKeys(): void;
-export declare function setupHotKeys(): void;
+export type KeyPassthroughConfig = {
+    keyUpVerb: string;
+    keyDownVerb: string;
+    verbParamsFn: (verb: string, keyCode: string) => string;
+};
+export declare function setupHotKeys(config?: KeyPassthroughConfig): void;
 export declare function startKeyPassthrough(): void;
 export declare function stopKeyPassthrough(): void;
 /**

package/dist/common/hotkeys.js

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

package/dist/common/http.d.ts

@@ -1,4 +1,2 @@
-/**
- * An equivalent to `fetch`, except will automatically retry.
- */
+/** An equivalent to `fetch`, except will automatically retry. */
 export declare function fetchRetry(url: string, options?: RequestInit, retryTimer?: number): Promise<Response>;

package/dist/common/react.d.ts

@@ -2,22 +2,15 @@
  * Helper for conditionally adding/removing classes in React
  */
 export declare function classes(classNames: (string | BooleanLike)[]): string;
-/**
- * Normalizes children prop, so that it is always an array of VDom
- * elements.
- */
-export declare function normalizeChildren<T>(children: T | T[]): T[];
 /**
  * Shallowly checks if two objects are different.
  * Credit: https://github.com/developit/preact-compat
  */
 export declare function shallowDiffers(a: Record<string, any>, b: Record<string, any>): boolean;
 /**
- * A common case in tgui, when you pass a value conditionally, these are
+ * A common case in tgui when you pass a value conditionally. These are
  * the types that can fall through the condition.
  */
 export type BooleanLike = number | boolean | null | undefined;
-/**
- * A helper to determine whether the object is renderable by React.
- */
+/** A helper to determine whether the object is renderable by React. */
 export declare function canRender(value: unknown): boolean;

package/dist/common/react.js

@@ -1 +1 @@
-function r(r){let n="";for(let e=0;e<r.length;e++){let t=r[e];"string"==typeof t&&(n+=`${t} `)}return n}function n(r){return Array.isArray(r)?r.flat().filter(r=>r):"object"==typeof r?[r]:[]}function e(r,n){let e;for(e in r)if(!(e in n))return!0;for(e in n)if(r[e]!==n[e])return!0;return!1}function t(r){return null!=r&&"boolean"!=typeof r}export{t as canRender,r as classes,n as normalizeChildren,e as shallowDiffers};
+function n(n){let e="";for(let r=0;r<n.length;r++){let t=n[r];"string"==typeof t&&(e+=`${t} `)}return e}function e(n,e){let r;for(r in n)if(!(r in e))return!0;for(r in e)if(n[r]!==e[r])return!0;return!1}function r(n){return null!=n&&"boolean"!=typeof n}export{r as canRender,n as classes,e as shallowDiffers};

package/dist/common/type-utils.js

@@ -1 +1 @@
-function e(e){let t={};for(let n in e)if(Array.isArray(e[n])){let r=e[n];if(e[n].length>0){t[n]=r[0];continue}t[n]="emptyarray"}else if("object"==typeof e[n]&&null!==e[n])t[n]="object (inspect) || Record<string, any>";else if("number"==typeof e[n]){let r=Number(e[n]);if(1===r||0===r){t[n]=`${r}, BooleanLike?`;continue}t[n]=e[n]}return t}export{e as getShallowTypes};
+function e(e){let t={};for(let r in e)if(Array.isArray(e[r])){let n=e[r];if(e[r].length>0){t[r]=n[0];continue}t[r]="emptyarray"}else if("object"==typeof e[r]&&null!==e[r])t[r]="Record<string, sometype>";else if("number"==typeof e[r]){let n=Number(e[r]);if(1===n||0===n){t[r]=`${n}, BooleanLike?`;continue}t[r]=e[r]}return t}export{e as getShallowTypes};

package/dist/common/ui.d.ts

@@ -9,7 +9,7 @@ export declare const unit: UnitMapper;
  * Same as `unit`, but half the size for integers numbers.
  */
 export declare const halfUnit: UnitMapper;
-export type StringStyleMap = {
+export type StringStyleMap = Partial<{
     /** Align text inside the box. */
     align: string | BooleanLike;
     /** A direct mapping to `position` CSS property. */
@@ -94,9 +94,9 @@ export type StringStyleMap = {
     lineHeight: string | BooleanLike;
     /** Align text inside the box. */
     textAlign: string | BooleanLike;
-};
+}>;
 export declare const stringStyleMap: Record<keyof StringStyleMap, any>;
-export type BooleanStyleMap = {
+export type BooleanStyleMap = Partial<{
     /** Make text bold. */
     bold: boolean;
     /** Fill positioned parent. */
@@ -109,7 +109,7 @@ export type BooleanStyleMap = {
     nowrap: boolean;
     /** Preserves line-breaks and spacing in text. */
     preserveWhitespace: boolean;
-};
+}>;
 export declare const booleanStyleMap: Record<keyof BooleanStyleMap, any>;
 export declare function computeBoxProps(props: any): Record<string, any>;
 export declare function computeBoxClassName<TElement = HTMLDivElement>(props: BoxProps<TElement>): string;

package/dist/components/Autofocus.d.ts

@@ -1,7 +1,12 @@
-import { type PropsWithChildren } from 'react';
+import { type ReactNode } from 'react';
+type Props = Partial<{
+    /** Optional child elements */
+    children: ReactNode;
+}>;
 /**
  * ## Autofocus
  *
  * Used to force the window to steal focus on load. Children optional.
  */
-export declare function Autofocus(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function Autofocus(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Blink.d.ts

@@ -1,17 +1,13 @@
-import { Component, type PropsWithChildren } from 'react';
-type Props = Partial<{
-    /**
-     * The interval between blinks, in milliseconds.
-     */
+import { type ReactNode } from 'react';
+type Props = {
+    /** Things that blink! */
+    children: ReactNode;
+} & Partial<{
+    /** The interval between blinks, in milliseconds. */
     interval: number;
-    /**
-     * The time to wait before blinking again, in milliseconds.
-     */
+    /** The time to wait before blinking again, in milliseconds.  */
     time: number;
-}> & PropsWithChildren;
-type State = {
-    hidden: boolean;
-};
+}>;
 /**
  * ## Blink
  *
@@ -19,14 +15,5 @@ type State = {
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-blink--docs)
  */
-export declare class Blink extends Component<Props, State> {
-    interval: NodeJS.Timeout;
-    timer: NodeJS.Timeout;
-    constructor(props: any);
-    createTimer(): void;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
-    componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare function Blink(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Blink.js

@@ -1 +1 @@
-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};
+import*as e from"react/jsx-runtime";import*as t from"react";function r(r){let{children:i,interval:s=1e3,time:n=1e3}=r,[l,a]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let e=setInterval(()=>{a(!0),setTimeout(()=>{a(!1)},n)},s+n);return()=>{clearInterval(e)}},[s,n]),(0,e.jsx)("span",{style:{visibility:l?"hidden":"visible"},children:i})}export{r as Blink};

package/dist/components/Box.d.ts

@@ -1,7 +1,7 @@
 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<TElement = HTMLDivElement> = {
+type EventHandlers<TElement = HTMLDivElement> = Partial<{
     onClick: MouseEventHandler<TElement>;
     onContextMenu: MouseEventHandler<TElement>;
     onDoubleClick: MouseEventHandler<TElement>;
@@ -13,9 +13,12 @@ type EventHandlers<TElement = HTMLDivElement> = {
     onMouseOver: MouseEventHandler<TElement>;
     onMouseUp: MouseEventHandler<TElement>;
     onScroll: UIEventHandler<TElement>;
-};
-type InternalProps = {
-    /** The component used for the root node. */
+}>;
+type InternalProps = Partial<{
+    /**
+     * The component used for the root node.
+     * @default <div>
+     */
     as: string;
     /** The content of the component. */
     children: ReactNode;
@@ -48,8 +51,9 @@ type InternalProps = {
      * 3. This should be a static string with minimal interpolation. If you need more logic, prefer the props approach.
      */
     tw: string;
-};
-export type BoxProps<TElement = HTMLDivElement> = Partial<InternalProps & BooleanStyleMap & StringStyleMap & EventHandlers<TElement>>;
+}>;
+export interface BoxProps<TElement = HTMLDivElement> extends InternalProps, BooleanStyleMap, StringStyleMap, EventHandlers<TElement> {
+}
 type DangerDoNotUse = {
     dangerouslySetInnerHTML?: {
         __html: any;

package/dist/components/Box.js

@@ -1 +1 @@
-import*as e from"react";import*as o from"../common/ui.js";function m(m){let{as:s="div",className:t,children:a,tw:r,...c}=m,u=(0,e.useMemo)(()=>t?`${t} ${(0,o.computeBoxClassName)(c)}`:(0,o.computeBoxClassName)(c),[t,c]),p=(0,e.useMemo)(()=>(0,o.computeBoxProps)({...c,...(0,o.computeTwClass)(r)}),[c,r]);return(0,e.createElement)(s,{...p,className:u},a)}export{m 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/Dialog.d.ts

@@ -2,15 +2,16 @@ import type { ReactNode } from 'react';
 type DialogProps = {
     /** The content of the dialog. */
     children: ReactNode;
-    /** The height of the dialog. */
-    height?: string;
     /** The function to call when close is clicked */
     onClose: () => void;
     /** The title of the dialog. */
     title: ReactNode;
+} & Partial<{
+    /** The height of the dialog. */
+    height: string;
     /** The width of the dialog. */
-    width?: string;
-};
+    width: string;
+}>;
 /**
  * ## Dialog
  *
@@ -31,7 +32,7 @@ export declare namespace Dialog {
     var Button: typeof DialogButton;
 }
 type DialogButtonProps = {
-    children: any;
+    children: ReactNode;
     onClick: () => void;
 };
 declare function DialogButton(props: DialogButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DmIcon.js

@@ -1 +1 @@
-import*as T from"react/jsx-runtime";import*as r from"./Image.js";var S,e=((S={})[S.NORTH=1]="NORTH",S[S.SOUTH=2]="SOUTH",S[S.EAST=4]="EAST",S[S.WEST=8]="WEST",S[S.NORTHEAST=5]="NORTHEAST",S[S.NORTHWEST=9]="NORTHWEST",S[S.SOUTHEAST=6]="SOUTHEAST",S[S.SOUTHWEST=10]="SOUTHWEST",S);function t(S){let{className:e,direction:t=2,fallback:o,frame:E=1,icon_state:i,icon:m,movement:n=!1,...H}=S,O=Byond.iconRefMap?.[m];if(!O)return o;let a=`${O}?state=${i}&dir=${t}&movement=${!!n}&frame=${E}`;return(0,T.jsx)(r.Image,{fixErrors:!0,src:a,...H})}export{e as Direction,t as DmIcon};
+import*as T from"react/jsx-runtime";import*as r from"./Image.js";var S,e=((S={})[S.NORTH=1]="NORTH",S[S.SOUTH=2]="SOUTH",S[S.EAST=4]="EAST",S[S.WEST=8]="WEST",S[S.NORTHEAST=5]="NORTHEAST",S[S.NORTHWEST=9]="NORTHWEST",S[S.SOUTHEAST=6]="SOUTHEAST",S[S.SOUTHWEST=10]="SOUTHWEST",S);function t(S){let{direction:e=2,fallback:t,frame:o=1,icon_state:E,icon:i,movement:m=!1,...n}=S,H=Byond.iconRefMap?.[i];if(!H)return t;let O=`${H}?state=${E}&dir=${e}&movement=${!!m}&frame=${o}`;return(0,T.jsx)(r.Image,{fixErrors:!0,src:O,...n})}export{e as Direction,t as DmIcon};

package/dist/components/Image.d.ts

@@ -1,9 +1,11 @@
 import type { BoxProps } from './Box';
 type Props = Partial<{
-    className: string;
-    /** True is default, this fixes an ie thing */
+    /** True is default, this fixes DM icon rendering issues */
     fixBlur: boolean;
-    /** False by default. Good if you're fetching images on UIs that do not auto update. This will attempt to fix the 'x' icon 5 times. */
+    /**
+     * False by default. Good if you're fetching images on UIs that do not auto
+     * update. This will attempt to fix the 'x' icon 5 times.
+     */
     fixErrors: boolean;
     /** Fill is default. */
     objectFit: 'contain' | 'cover';

package/dist/components/Image.js

@@ -1 +1 @@
-import*as e from"react/jsx-runtime";import*as A from"react";import*as t from"../common/ui.js";function r(r){let{fixBlur:o=!0,fixErrors:m=!1,objectFit:a="fill",src:i,...n}=r,s=(0,A.useRef)(0),u=(0,t.computeBoxProps)(n);return u.style={...u.style,"-ms-interpolation-mode":o?"nearest-neighbor":"auto",imageRendering:o?"pixelated":"auto",objectFit:a},(0,e.jsx)("img",{onError:e=>{if(m&&s.current<5){let A=e.currentTarget;setTimeout(()=>{A.src=`${i}?attempt=${s.current}`,s.current++},1e3)}},src:i||"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",...u,alt:"dm icon"})}export{r as Image};
+import*as A from"react/jsx-runtime";import*as e from"react";import*as r from"../common/ui.js";function t(t){let{fixBlur:o=!0,fixErrors:m=!1,objectFit:a="fill",src:i,...n}=t,s=(0,e.useRef)(0),c=(0,r.computeBoxProps)(n);return c.style={...c.style,imageRendering:o?"pixelated":"auto",objectFit:a},(0,A.jsx)("img",{onError:A=>{if(m&&s.current<5){let e=A.currentTarget;setTimeout(()=>{e.src=`${i}?attempt=${s.current}`,s.current++},1e3)}},src:i||"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",...c,alt:"dm icon"})}export{t as Image};

package/dist/components/InfinitePlane.d.ts

@@ -10,6 +10,8 @@ type Props = {
     initialLeft: number;
     /** The initial top position of the image. */
     initialTop: number;
+    /** Padding applied to the right of the zoom controls */
+    zoomPadding: number;
     /** A callback function that is called when the background image is moved. */
     onBackgroundMoved: (newX: number, newY: number) => void;
     /** A callback function that is called when the zoom value changes. */

package/dist/components/InfinitePlane.js

@@ -1 +1 @@
-import*as e from"react/jsx-runtime";import*as t from"react";import*as o from"../common/ui.js";import*as n from"./Button.js";import*as i from"./ProgressBar.js";import*as s from"./Stack.js";function r(n){let{backgroundImage:i,children:s,imageWidth:r,initialLeft:u=0,initialTop:c=0,onBackgroundMoved:l,onZoomChange:d,...m}=n,[p,f]=(0,t.useState)(0),[x,h]=(0,t.useState)(0),[j,g]=(0,t.useState)(0),[k,v]=(0,t.useState)(!1),[S,w]=(0,t.useState)(0),[b,M]=(0,t.useState)(1);function $(e){f(e.clientX-j),h(e.clientY-S),v(!0)}function B(e){if(!k)return;let t=e.clientX-p,o=e.clientY-x;l?.(t+u,o+c),g(t),w(o)}function y(){v(!1)}(0,t.useEffect)(()=>(window.addEventListener("mouseup",y),()=>{window.removeEventListener("mouseup",y)}),[]);let I=u+j,P=c+S;return(0,e.jsxs)("div",{...(0,o.computeBoxProps)({...m,style:{...m.style,height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),children:[(0,e.jsx)("div",{onMouseDown:$,onMouseMove:B,style:{backgroundImage:`url("${i}")`,backgroundPosition:`${I}px ${P}px`,backgroundRepeat:"repeat",backgroundSize:`${b*r}px`,height:"100%",inset:0,position:"absolute",width:"100%"}}),(0,e.jsx)("div",{onMouseDown:$,onMouseMove:B,style:{height:"100%",inset:0,position:"absolute",transform:`translate(${I}px, ${P}px) scale(${b})`,transformOrigin:"top left",width:"100%"},children:s}),(0,e.jsx)(a,{onZoomClick:function(e){if("increase"===e&&b>=1.5||"decrease"===e&&b<=.5)return;let t=Math.round((b+("increase"===e?.1:-.1))*10)/10;M(t),d?.(t)},zoom:b})]})}function a(t){let{zoom:o,onZoomClick:r}=t;return(0,e.jsx)("div",{style:{left:5,position:"absolute",right:5,top:5},children:(0,e.jsxs)(s.Stack,{children:[(0,e.jsx)(s.Stack.Item,{children:(0,e.jsx)(n.Button,{disabled:o<=.5,icon:"minus",onClick:()=>r("decrease")})}),(0,e.jsx)(s.Stack.Item,{grow:!0,children:(0,e.jsxs)(i.ProgressBar,{maxValue:1.5,minValue:.5,value:o,children:[o,"x"]})}),(0,e.jsx)(s.Stack.Item,{children:(0,e.jsx)(n.Button,{disabled:o>=1.5,icon:"plus",onClick:()=>r("increase")})})]})})}export{r as InfinitePlane};
+import*as e from"react/jsx-runtime";import*as t from"react";import*as o from"../common/ui.js";import*as n from"./Button.js";import*as i from"./ProgressBar.js";import*as s from"./Stack.js";function r(n){let{backgroundImage:i,children:s,imageWidth:r,zoomPadding:u=0,initialLeft:c=0,initialTop:l=0,onBackgroundMoved:d,onZoomChange:m,...p}=n,[f,x]=(0,t.useState)(0),[h,j]=(0,t.useState)(0),[g,v]=(0,t.useState)(0),[k,S]=(0,t.useState)(!1),[w,b]=(0,t.useState)(0),[M,$]=(0,t.useState)(1);function B(e){x(e.clientX-g),j(e.clientY-w),S(!0)}function y(e){if(!k)return;let t=e.clientX-f,o=e.clientY-h;d?.(t+c,o+l),v(t),b(o)}function I(){S(!1)}function P(e){if("increase"===e&&M>=1.5||"decrease"===e&&M<=.5)return;let t=Math.round((M+("increase"===e?.1:-.1))*10)/10;$(t),m?.(t)}(0,t.useEffect)(()=>(window.addEventListener("mouseup",I),()=>{window.removeEventListener("mouseup",I)}),[]);let Y=c+g,C=l+w;return(0,e.jsxs)("div",{...(0,o.computeBoxProps)({...p,style:{...p.style,height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),children:[(0,e.jsx)("div",{onMouseDown:B,onMouseMove:y,onWheel:function(e){0!==e.deltaY&&(e.preventDefault(),P(e.deltaY>0?"increase":"decrease"))},style:{backgroundImage:`url("${i}")`,backgroundPosition:`${Y}px ${C}px`,backgroundRepeat:"repeat",backgroundSize:`${M*r}px`,height:"100%",inset:0,position:"absolute",width:"100%"}}),(0,e.jsx)("div",{onMouseDown:B,onMouseMove:y,style:{height:"100%",inset:0,position:"absolute",transform:`translate(${Y}px, ${C}px) scale(${M})`,transformOrigin:"top left",width:"100%"},children:s}),(0,e.jsx)(a,{padding:u,onZoomClick:P,zoom:M})]})}function a(t){let{zoom:o,padding:r,onZoomClick:a}=t;return(0,e.jsx)("div",{style:{left:5,position:"absolute",right:5+r,top:5},children:(0,e.jsxs)(s.Stack,{children:[(0,e.jsx)(s.Stack.Item,{children:(0,e.jsx)(n.Button,{disabled:o<=.5,icon:"minus",onClick:()=>a("decrease")})}),(0,e.jsx)(s.Stack.Item,{grow:!0,children:(0,e.jsxs)(i.ProgressBar,{maxValue:1.5,minValue:.5,value:o,children:[o,"x"]})}),(0,e.jsx)(s.Stack.Item,{children:(0,e.jsx)(n.Button,{disabled:o>=1.5,icon:"plus",onClick:()=>a("increase")})})]})})}export{r as InfinitePlane};

package/dist/components/LabeledList.d.ts

@@ -87,9 +87,7 @@ declare function LabeledListDivider(props: LabeledListDividerProps): import("rea
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-labeledlist--docs)
  */
 export declare namespace LabeledList {
-    /**
-     * Adds some empty space between LabeledList items.
-     */
+    /** Adds some empty space between LabeledList items. */
     const Divider: typeof LabeledListDivider;
     const Item: typeof LabeledListItem;
 }

package/dist/components/Modal.d.ts

@@ -1,11 +1,11 @@
 import type { KeyboardEvent } from 'react';
 import type { BoxProps } from './Box';
-export type ModalProps = BoxProps & Partial<{
+export type ModalProps = Partial<{
     /** Fires once the enter key is pressed */
     onEnter: (e: KeyboardEvent<HTMLInputElement>) => void;
     /** Fires once the escape key is pressed */
     onEscape: (e: KeyboardEvent<HTMLInputElement>) => void;
-}>;
+}> & BoxProps;
 /**
  * ## Modal
  *

package/dist/components/NoticeBox.d.ts

@@ -1,7 +1,7 @@
 import { type BoxProps } from './Box';
 type Props = ExclusiveProps & BoxProps;
 /** You MUST use only one or none */
-type NoticeType = 'info' | 'success' | 'warning' | 'danger';
+type NoticeType = 'info' | 'success' | 'danger';
 type None = {
     [K in NoticeType]?: undefined;
 };
@@ -11,9 +11,6 @@ type ExclusiveProps = None | (Omit<None, 'info'> & {
 }) | (Omit<None, 'success'> & {
     /** Green notice */
     success: boolean;
-}) | (Omit<None, 'warning'> & {
-    /** Orange notice */
-    warning: boolean;
 }) | (Omit<None, 'danger'> & {
     /** Red notice */
     danger: boolean;

package/dist/components/NoticeBox.js

@@ -1 +1 @@
-import*as o from"react/jsx-runtime";import*as e from"../common/react.js";import*as t from"./Box.js";function c(c){let{className:s,color:r,info:i,success:x,warning:m,danger:a,...B}=c;return(0,o.jsx)(t.Box,{className:(0,e.classes)(["NoticeBox",r&&`NoticeBox--color--${r}`,i&&"NoticeBox--type--info",x&&"NoticeBox--type--success",a&&"NoticeBox--type--danger",s]),...B})}export{c as NoticeBox};
+import*as o from"react/jsx-runtime";import*as e from"../common/react.js";import*as t from"./Box.js";function c(c){let{className:s,color:r,info:i,success:x,danger:m,...a}=c;return(0,o.jsx)(t.Box,{className:(0,e.classes)(["NoticeBox",r&&`NoticeBox--color--${r}`,i&&"NoticeBox--type--info",x&&"NoticeBox--type--success",m&&"NoticeBox--type--danger",s]),...a})}export{c as NoticeBox};

package/dist/components/Popper.d.ts

@@ -6,7 +6,8 @@ type Props = {
     /** Whether the popper is open */
     isOpen: boolean;
 } & Partial<{
-    /** Base z-index of the popper div
+    /**
+     * Base z-index of the popper div
      * @default 5
      */
     baseZIndex: number;

package/dist/components/TrackOutsideClicks.d.ts

@@ -1,12 +1,34 @@
-import { Component, type PropsWithChildren } from 'react';
+import { type ReactElement } from 'react';
 type Props = {
+    /** The excluded element that CAN be clicked */
+    children: ReactElement<HTMLElement>;
+    /** Callback that fires whenever the user clicks something else */
     onOutsideClick: () => void;
-} & PropsWithChildren;
-export declare class TrackOutsideClicks extends Component<Props> {
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    constructor(props: any);
-    componentWillUnmount(): void;
-    handleOutsideClick(event: MouseEvent): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+};
+/**
+ * ## TrackOutsideClicks
+ *
+ * Allows you to track when the user clicks outside of a specific element.
+ *
+ * Example:
+ *
+ * ```tsx
+ * import { TrackOutsideClicks } from 'tgui-core/components';
+ *
+ * function MyComponent() {
+ *  const [isOpen, setIsOpen] = useState(false);
+ *
+ *  return (
+ *    <TrackOutsideClicks onOutsideClick={() => setIsOpen(false)}>
+ *     <div>
+ *       Hello world!
+ *    </div>
+ *   </TrackOutsideClicks>
+ *  );
+ * }
+ * ```
+ *
+ * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-trackoutsideclicks--docs)
+ */
+export declare function TrackOutsideClicks(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TrackOutsideClicks.js

@@ -1 +1 @@
-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};
+import*as e from"react/jsx-runtime";import*as t from"react";function r(r){let{children:n,onOutsideClick:c}=r,i=(0,t.createRef)();function o(e){e.target instanceof Node&&i.current&&!i.current.contains(e.target)&&c()}return(0,t.useEffect)(()=>(document.addEventListener("click",o),()=>{document.removeEventListener("click",o)}),[]),(0,e.jsx)("div",{ref:i,style:{userSelect:"none"},children:n})}export{r as TrackOutsideClicks};

package/package.json

@@ -6,22 +6,23 @@
   },
   "description": "TGUI core component library",
   "devDependencies": {
-    "@biomejs/biome": "2.0.0-beta.2",
-    "@rsbuild/core": "^1.3.18",
+    "@biomejs/biome": "^2.0.0-beta.5",
+    "@rsbuild/core": "^1.3.20",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rsbuild/plugin-sass": "^1.3.1",
-    "@rslib/core": "^0.6.9",
+    "@rslib/core": "^0.7.1",
     "@storybook/addon-console": "^3.0.0",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@types/node": "^22.15.17",
-    "@types/react": "^19.1.3",
-    "@types/react-dom": "^19.1.3",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
+    "@types/bun": "^1.2.13",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
     "prettier": "^3.5.3",
-    "sass": "^1.81.0",
-    "storybook": "^8.6.12",
+    "sass": "^1.89.0",
+    "storybook": "^8.6.14",
     "storybook-addon-sass-postcss": "^0.3.2",
     "storybook-react-rsbuild": "^1.0.1",
     "typescript": "^5.8.3"
@@ -54,7 +55,7 @@
   ],
   "license": "MIT",
   "name": "tgui-core",
-  "packageManager": "pnpm@10.10.0",
+  "packageManager": "bun@1.2.13",
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
@@ -64,13 +65,13 @@
     "url": "https://github.com/tgstation/tgui-core.git"
   },
   "scripts": {
-    "build": "rslib build",
+    "build-rslib": "rslib build",
     "build-storybook": "storybook build",
     "lint": "biome check lib",
     "lint:fix": "prettier . --write && biome check . --fix",
     "storybook": "storybook dev -p 6006",
-    "test": "node --experimental-strip-types --experimental-test-coverage --test ./tests/*.test.ts"
+    "test": "bun test"
   },
   "type": "module",
-  "version": "3.2.0"
+  "version": "4.0.1"
 }