tgui-core 4.3.1 → 4.3.3

package/dist/common/ui.d.ts

@@ -1,3 +1,4 @@
+import type { DOMAttributes } from 'react';
 import type { BoxProps } from '../components/Box';
 import { type BooleanLike } from './react';
 type UnitMapper = (value: unknown) => string | undefined;
@@ -116,4 +117,7 @@ export declare function computeBoxClassName<TElement = HTMLDivElement>(props: Bo
 type StyleMap = StringStyleMap & BooleanStyleMap;
 /** Super light implementation of tailwind-like class names. */
 export declare function computeTwClass(input: string | undefined): StyleMap;
+/** Short list of accepted DOM event handlers */
+export declare const eventHandlers: readonly ["onClick", "onContextMenu", "onDoubleClick", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseMove", "onMouseOver", "onMouseUp", "onScroll"];
+export type EventHandlers<TElement = HTMLDivElement> = Pick<DOMAttributes<TElement>, (typeof eventHandlers)[number]>;
 export {};

package/dist/common/ui.js

@@ -1 +1 @@
-import{CSS_COLORS as t}from"./constants.js";import{classes 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.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)},g=(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)},a=t=>(o,i)=>{n(i)||(o[t]=i)},f={align:r("textAlign"),backgroundColor:a("backgroundColor"),bottom:l("bottom",i),color:a("color"),fontFamily:r("fontFamily"),fontSize:l("fontSize",i),fontWeight:r("fontWeight"),g:l("gap",e),gc:l("columnGap",e),gr:l("rowGap",e),height:l("height",i),left:l("left",i),lineHeight:(t,o)=>{"number"==typeof o?t.lineHeight=o:"string"==typeof o&&(t.lineHeight=i(o))},m:g("margin",e,["Top","Bottom","Left","Right"]),maxHeight:l("maxHeight",i),maxWidth:l("maxWidth",i),mb:l("marginBottom",e),minHeight:l("minHeight",i),minWidth:l("minWidth",i),ml:l("marginLeft",e),mr:l("marginRight",e),mt:l("marginTop",e),mx:g("margin",e,["Left","Right"]),my:g("margin",e,["Top","Bottom"]),opacity:r("opacity"),overflow:r("overflow"),overflowX:r("overflowX"),overflowY:r("overflowY"),p:g("padding",e,["Top","Bottom","Left","Right"]),pb:l("paddingBottom",e),pl:l("paddingLeft",e),position:r("position"),pr:l("paddingRight",e),pt:l("paddingTop",e),px:g("padding",e,["Left","Right"]),py:g("padding",e,["Top","Bottom"]),right:l("right",i),textAlign:r("textAlign"),textColor:a("color"),top:l("top",i),verticalAlign:r("verticalAlign"),width:l("width",i)},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 o([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};
+import{CSS_COLORS as t}from"./constants.js";import{classes as o}from"./react.js";let e=t=>"string"==typeof t?t.endsWith("px")?`${Number.parseFloat(t)/12}rem`:t:"number"==typeof t?`${t}rem`:void 0,i=t=>"string"==typeof t?e(t):"number"==typeof t?e(.5*t):void 0;function n(o){return"string"==typeof o&&t.includes(o)}let r=t=>(o,e)=>{("number"==typeof e||"string"==typeof e)&&(o[t]=e)},l=(t,o)=>(e,i)=>{("number"==typeof i||"string"==typeof i)&&(e[t]=o(i))},p=(t,o)=>(e,i)=>{i&&(e[t]=o)},g=(t,o,e)=>(i,n)=>{if("number"==typeof n||"string"==typeof n)for(let r=0;r<e.length;r++)i[t+e[r]]=o(n)},a=t=>(o,e)=>{n(e)||(o[t]=e)},f={align:r("textAlign"),backgroundColor:a("backgroundColor"),bottom:l("bottom",e),color:a("color"),fontFamily:r("fontFamily"),fontSize:l("fontSize",e),fontWeight:r("fontWeight"),g:l("gap",i),gc:l("columnGap",i),gr:l("rowGap",i),height:l("height",e),left:l("left",e),lineHeight:(t,o)=>{"number"==typeof o?t.lineHeight=o:"string"==typeof o&&(t.lineHeight=e(o))},m:g("margin",i,["Top","Bottom","Left","Right"]),maxHeight:l("maxHeight",e),maxWidth:l("maxWidth",e),mb:l("marginBottom",i),minHeight:l("minHeight",e),minWidth:l("minWidth",e),ml:l("marginLeft",i),mr:l("marginRight",i),mt:l("marginTop",i),mx:g("margin",i,["Left","Right"]),my:g("margin",i,["Top","Bottom"]),opacity:r("opacity"),overflow:r("overflow"),overflowX:r("overflowX"),overflowY:r("overflowY"),p:g("padding",i,["Top","Bottom","Left","Right"]),pb:l("paddingBottom",i),pl:l("paddingLeft",i),position:r("position"),pr:l("paddingRight",i),pt:l("paddingTop",i),px:g("padding",i,["Left","Right"]),py:g("padding",i,["Top","Bottom"]),right:l("right",e),textAlign:r("textAlign"),textColor:a("color"),top:l("top",e),verticalAlign:r("verticalAlign"),width:l("width",e)},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={},e={};for(let i in t){if("style"===i)continue;let n=t[i],r=f[i]||m[i];r?r(e,n):o[i]=n}return o.style={...e,...t.style},o}function u(t){let e=t.textColor||t.color,{backgroundColor:i}=t;return o([n(e)&&`color-${e}`,n(i)&&`color-bg-${i}`])}function c(t){let o={};if(!t)return o;for(let e of t.split(" ")){let[t,i]=e.split("-");if(t)if(t in f){if(""===i)continue;let e=Number(i);!Number.isNaN(e)&&Number.isFinite(e)?o[t]=e:o[t]=i}else t in m?o[t]=!0:console.warn(`Unknown prop ${t}`)}return o}let h=["onClick","onContextMenu","onDoubleClick","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseMove","onMouseOver","onMouseUp","onScroll"];export{m as booleanStyleMap,u as computeBoxClassName,s as computeBoxProps,c as computeTwClass,h as eventHandlers,i as halfUnit,f as stringStyleMap,e as unit};

package/dist/components/BlockQuote.d.ts

@@ -6,5 +6,6 @@ import { type BoxProps } from './Box';
  * > Here's an example of a block quote.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-blockquote--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function BlockQuote(props: BoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Box.d.ts

@@ -1,20 +1,7 @@
 import type { BooleanLike } from '../common/react.ts';
-import { type BooleanStyleMap, type StringStyleMap } from '../common/ui.ts';
-import { type CSSProperties, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type UIEventHandler } from 'react';
-type EventHandlers<TElement = HTMLDivElement> = Partial<{
-    onClick: MouseEventHandler<TElement>;
-    onContextMenu: MouseEventHandler<TElement>;
-    onDoubleClick: MouseEventHandler<TElement>;
-    onKeyDown: KeyboardEventHandler<TElement>;
-    onKeyUp: KeyboardEventHandler<TElement>;
-    onMouseDown: MouseEventHandler<TElement>;
-    onMouseLeave: MouseEventHandler<TElement>;
-    onMouseMove: MouseEventHandler<TElement>;
-    onMouseOver: MouseEventHandler<TElement>;
-    onMouseUp: MouseEventHandler<TElement>;
-    onScroll: UIEventHandler<TElement>;
-}>;
-type InternalProps = Partial<{
+import { type BooleanStyleMap, type EventHandlers, type StringStyleMap } from '../common/ui.ts';
+import { type CSSProperties, type ReactNode } from 'react';
+export type BoxInternalProps = Partial<{
     /**
      * The component used for the root node.
      * @default <div>
@@ -51,7 +38,7 @@ type InternalProps = Partial<{
      */
     tw: string;
 }>;
-export interface BoxProps<TElement = HTMLDivElement> extends InternalProps, BooleanStyleMap, StringStyleMap, EventHandlers<TElement> {
+export interface BoxProps<TElement = HTMLDivElement> extends BoxInternalProps, BooleanStyleMap, StringStyleMap, EventHandlers<TElement> {
 }
 type DangerDoNotUse = {
     dangerouslySetInnerHTML?: {

package/dist/components/Button.d.ts

@@ -94,6 +94,7 @@ declare function ButtonFile(props: FileProps): import("react/jsx-runtime").JSX.E
  * Buttons allow users to take actions, and make choices, with a single click.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-button--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare namespace Button {
     /**

package/dist/components/ByondUi.d.ts

@@ -54,6 +54,8 @@ type Props = Partial<{
  * ```
  *
  * It supports a full set of `Box` properties for layout purposes.
+ *
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function ByondUi(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chart.d.ts

@@ -8,6 +8,15 @@ type Props = {
     strokeColor: string;
     strokeWidth: number;
 }> & BoxProps;
+/**
+ * ## Chart
+ *
+ * A simple chart component that displays a polyline based on the provided data.
+ *
+ * It normalizes the data to fit within the viewBox dimensions and allows for custom fill and stroke colors.
+ *
+ * - [View inherited Box Props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
+ */
 export declare function Chart(props: Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace Chart {
     var Line: typeof Chart;

package/dist/components/Collapsible.d.ts

@@ -22,6 +22,7 @@ type Props = Partial<{
  * Click to toggle, closed by default.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-collapsible--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Collapsible(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ColorBox.d.ts

@@ -13,6 +13,7 @@ type Props = {
  * [Box](https://github.com/tgstation/tgui-core/tree/main/lib/components/Box.tsx) instead.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-colorbox--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function ColorBox(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dropdown.d.ts

@@ -54,6 +54,7 @@ type Props = {
  * and displays selected entry.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-dropdown--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Dropdown(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Flex.d.ts

@@ -90,6 +90,7 @@ export declare function computeFlexProps(props: FlexProps): Record<string, any>;
  * where possible.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-flex--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Flex(props: any): import("react/jsx-runtime").JSX.Element;
 export declare namespace Flex {

package/dist/components/Icon.d.ts

@@ -12,7 +12,11 @@ type Props = {
     spin: BooleanLike;
 }> & Omit<BoxProps, 'children'>;
 export declare function Icon(props: Props): import("react/jsx-runtime").JSX.Element;
-declare function IconStack(props: BoxProps): import("react/jsx-runtime").JSX.Element;
+type IconStackProps = {
+    /** Works same as `Icon` size prop, but for all icons inside. */
+    size?: number;
+};
+declare function IconStack(props: BoxProps & IconStackProps): import("react/jsx-runtime").JSX.Element;
 /**
  * ## Icon
  *
@@ -27,6 +31,7 @@ declare function IconStack(props: BoxProps): import("react/jsx-runtime").JSX.Ele
  * Icons: https://fontawesome.com/v6/search?o=r&m=free
  *
  * - [View documentation on tgui core](http://localhost:6006/?path=/docs/components-icon--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare namespace Icon {
     /**

package/dist/components/Icon.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{classes as e}from"../common/react.js";import{computeBoxClassName as o,computeBoxProps as r}from"../common/ui.js";let a=/-o$/;function s(s){let{name:n="",size:c,spin:i,className:m,rotation:f,...l}=s,p=l.style||{};c&&(p.fontSize=`${100*c}%`),f&&(p.transform=`rotate(${f}deg)`),l.style=p;let u=r(l),I="";if(n.startsWith("tg-"))I=n;else{let t=a.test(n),e=n.replace(a,""),o=!e.startsWith("fa-");I=t?"far ":"fas ",o&&(I+="fa-"),I+=e,i&&(I+=" fa-spin")}return t("i",{className:e(["Icon",I,m,o(l)]),...u})}(s||(s={})).Stack=function(a){let{className:s,children:n,...c}=a;return t("span",{className:e(["IconStack",s,o(c)]),...r(c),children:n})};export{s as Icon};
+import{jsx as t}from"react/jsx-runtime";import{classes as e}from"../common/react.js";import{computeBoxClassName as o,computeBoxProps as r}from"../common/ui.js";let s=/-o$/;function a(a){let{name:n="",size:c,spin:i,className:f,rotation:l,...m}=a,p=m.style||{};c&&(p.fontSize=`${100*c}%`),l&&(p.transform=`rotate(${l}deg)`),m.style=p;let u=r(m),I="";if(n.startsWith("tg-"))I=n;else{let t=s.test(n),e=n.replace(s,""),o=!e.startsWith("fa-");I=t?"far ":"fas ",o&&(I+="fa-"),I+=e,i&&(I+=" fa-spin")}return t("i",{className:e(["Icon",I,f,o(m)]),...u})}(a||(a={})).Stack=function(s){let{className:a,children:n,size:c,...i}=s,f=i.style||{};return c&&(f.fontSize=`${100*c}%`),i.style=f,t("span",{className:e(["IconStack",a,o(i)]),...r(i),children:n})};export{a as Icon};

package/dist/components/ImageButton.d.ts

@@ -84,6 +84,7 @@ type Props = Partial<{
  * - If an image is specified but for some reason cannot be displayed, there will be a spinner fallback until it is loaded.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-imagebutton--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function ImageButton(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfinitePlane.d.ts

@@ -58,6 +58,7 @@ type Props = {
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-infiniteplane--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function InfinitePlane(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Input.d.ts

@@ -90,6 +90,7 @@ type Props = Partial<{
  * A basic text input which allow users to enter text into a UI.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-input--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Input(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Knob.d.ts

@@ -59,6 +59,7 @@ type Props = {
  * Single click opens an input box to manually type in a number.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-knob--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Knob(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LabeledControls.d.ts

@@ -18,6 +18,7 @@ import { type FlexProps } from './Flex';
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-labeledcontrols--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function LabeledControls(props: FlexProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LabeledControls {

package/dist/components/LabeledList.d.ts

@@ -85,6 +85,7 @@ declare function LabeledListDivider(props: LabeledListDividerProps): import("rea
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-labeledlist--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare namespace LabeledList {
     /** Adds some empty space between LabeledList items. */

package/dist/components/Modal.d.ts

@@ -16,5 +16,6 @@ export type ModalProps = Partial<{
  * Must be a direct child of a layout component (e.g. `Window`).
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-modal--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NoticeBox.d.ts

@@ -21,6 +21,7 @@ type ExclusiveProps = None | (Omit<None, 'info'> & {
  * A notice box which warns you about something very important.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-noticebox--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function NoticeBox(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/NumberInput.d.ts

@@ -42,6 +42,7 @@ type State = {
  * to fine tune the value, or single click it to manually type a number.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-numberinput--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare class NumberInput extends Component<Props, State> {
     inputRef: import("react").RefObject<HTMLInputElement | null>;

package/dist/components/ProgressBar.d.ts

@@ -49,6 +49,7 @@ type Props = {
  * Progress indicators inform users about the status of ongoing processes.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-progressbar--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function ProgressBar(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/RestrictedInput.d.ts

@@ -66,6 +66,7 @@ type Props = Partial<{
  * Has a special event for changes in validation states - `onValidationChange`.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-restrictedinput--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function RestrictedInput(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/RoundGauge.d.ts

@@ -51,6 +51,7 @@ type Props = {
  * will begin to flash the respective color upon which the needle currently rests, as defined in the `ranges` prop.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-roundgauge--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function RoundGauge(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Section.d.ts

@@ -59,6 +59,7 @@ type Props = Partial<{
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-section--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Section(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider.d.ts

@@ -55,6 +55,7 @@ type Props = {
  * Single click opens an input box to manually type in a number.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-slider--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Slider(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Stack.d.ts

@@ -65,6 +65,7 @@ type Props = Partial<{
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-stack--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function Stack(props: Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace Stack {

package/dist/components/Table.d.ts

@@ -42,6 +42,7 @@ declare function TableCell(props: CellProps): import("react/jsx-runtime").JSX.El
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-table--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare namespace Table {
     /**

package/dist/components/Tabs.d.ts

@@ -92,6 +92,7 @@ declare function TabItem(props: TabProps): import("react/jsx-runtime").JSX.Eleme
  * ```
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-tabs--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare namespace Tabs {
     /**

package/dist/components/TextArea.d.ts

@@ -19,6 +19,7 @@ type Props = Partial<{
  * than one row.
  *
  * - [View documentation on tgui core](https://tgstation.github.io/tgui-core/?path=/docs/components-textarea--docs)
+ * - [View inherited Box props](https://tgstation.github.io/tgui-core/?path=/docs/components-box--docs)
  */
 export declare function TextArea(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,25 +1,25 @@
 {
   "author": "jlsnow301",
   "dependencies": {
-    "@floating-ui/react": "^0.27.12",
+    "@floating-ui/react": "^0.27.13",
     "@nozbe/microfuzz": "^1.0.0"
   },
   "description": "TGUI core component library",
   "devDependencies": {
-    "@biomejs/biome": "^2.0.0",
-    "@rsbuild/core": "^1.3.22",
+    "@biomejs/biome": "^2.0.6",
+    "@rsbuild/core": "^1.4.3",
     "@rsbuild/plugin-react": "^1.3.2",
     "@rsbuild/plugin-sass": "^1.3.2",
-    "@rslib/core": "^0.10.0",
-    "@storybook/addon-docs": "^9.0.11",
-    "@types/bun": "^1.2.16",
+    "@rslib/core": "^0.10.4",
+    "@storybook/addon-docs": "^9.0.15",
+    "@types/bun": "^1.2.17",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "sass": "^1.89.2",
-    "storybook": "^9.0.11",
+    "storybook": "^9.0.15",
     "storybook-addon-sass-postcss": "^0.3.2",
-    "storybook-react-rsbuild": "^2.0.1",
+    "storybook-react-rsbuild": "^2.0.2",
     "typescript": "^5.8.3"
   },
   "exports": {
@@ -51,7 +51,7 @@
   ],
   "license": "MIT",
   "name": "tgui-core",
-  "packageManager": "bun@1.2.16",
+  "packageManager": "bun@1.2.17",
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
@@ -69,5 +69,5 @@
     "test": "bun test"
   },
   "type": "module",
-  "version": "4.3.1"
+  "version": "4.3.3"
 }

package/styles/components/Icon.scss

@@ -1,18 +1,16 @@
-.IconStack > .Icon {
-  position: absolute;
-  width: 100%;
-  text-align: center;
-}
-
 .IconStack {
   position: relative;
-  display: inline-block;
-  height: 1.2em;
-  line-height: 2em;
-  vertical-align: middle;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+
+  .Icon {
+    &:before {
+      vertical-align: middle;
+    }
 
-  &:after {
-    color: transparent;
-    content: ".";
+    &:not(:first-child) {
+      position: absolute;
+    }
   }
 }