tgui-core 2.0.5 → 2.1.0

package/dist/components/Button.js

@@ -1,258 +1 @@
-import { jsx as c, jsxs as _, Fragment as V } from "react/jsx-runtime";
-import { useState as A, createRef as $, useEffect as j, useRef as q } from "react";
-import { KEY as P, isEscape as E } from "../common/keys.js";
-import { classes as S } from "../common/react.js";
-import { computeBoxProps as z, computeBoxClassName as O } from "../common/ui.js";
-import { Box as T } from "./Box.js";
-import { Icon as v } from "./Icon.js";
-import { Tooltip as K } from "./Tooltip.js";
-function R(e) {
-  const {
-    captureKeys: s = !0,
-    children: u,
-    circular: m,
-    className: p,
-    color: r,
-    compact: h,
-    content: B,
-    disabled: t,
-    ellipsis: o,
-    fluid: l,
-    icon: i,
-    iconColor: a,
-    iconPosition: C,
-    iconRotation: x,
-    iconSize: y,
-    iconSpin: D,
-    onClick: f,
-    selected: b,
-    tooltip: g,
-    tooltipPosition: F,
-    verticalAlignContent: k,
-    ...I
-  } = e, n = B || u, N = /* @__PURE__ */ c(
-    v,
-    {
-      className: "Button--icon",
-      name: i || "",
-      color: a,
-      rotation: x,
-      size: y,
-      spin: D
-    }
-  );
-  let w = /* @__PURE__ */ c(
-    "div",
-    {
-      className: S([
-        "Button",
-        l && "Button--fluid",
-        t && "Button--disabled",
-        b && "Button--selected",
-        m && "Button--circular",
-        h && "Button--compact",
-        !n && "Button--empty",
-        C && `Button--icon-${C}`,
-        k && "Button--flex",
-        k && l && "Button--flex--fluid",
-        k && `Button--verticalAlignContent--${k}`,
-        r && typeof r == "string" ? `Button--color--${r}` : "Button--color--default",
-        p,
-        O(I)
-      ]),
-      tabIndex: t ? void 0 : 0,
-      onClick: (d) => {
-        !t && f && f(d);
-      },
-      onKeyDown: (d) => {
-        if (s) {
-          if (d.key === P.Space || d.key === P.Enter) {
-            d.preventDefault(), !t && f && f(d);
-            return;
-          }
-          E(d.key) && d.preventDefault();
-        }
-      },
-      ...z(I),
-      children: /* @__PURE__ */ _(
-        "div",
-        {
-          className: S([
-            "Button__content",
-            o && "Button__content--ellipsis"
-          ]),
-          children: [
-            i && C !== "right" && N,
-            o ? /* @__PURE__ */ c("span", { className: "Button--ellipsis", children: n }) : n,
-            i && C === "right" && N
-          ]
-        }
-      )
-    }
-  );
-  return g && (w = /* @__PURE__ */ c(K, { content: g, position: F, children: w })), w;
-}
-function L(e) {
-  const { checked: s, ...u } = e;
-  return /* @__PURE__ */ c(
-    R,
-    {
-      color: "transparent",
-      icon: s ? "check-square-o" : "square-o",
-      selected: s,
-      ...u
-    }
-  );
-}
-function Y(e) {
-  const {
-    children: s,
-    color: u,
-    confirmColor: m = "bad",
-    confirmContent: p = "Confirm?",
-    confirmIcon: r,
-    ellipsis: h = !0,
-    icon: B,
-    onBlur: t,
-    onClick: o,
-    ...l
-  } = e, [i, a] = A(!1);
-  function C(y) {
-    a(!1), t == null || t(y);
-  }
-  function x(y) {
-    if (!i) {
-      a(!0);
-      return;
-    }
-    o == null || o(y), a(!1);
-  }
-  return /* @__PURE__ */ c(
-    R,
-    {
-      icon: i ? r : B,
-      color: i ? m : u,
-      onBlur: C,
-      onClick: x,
-      ...l,
-      children: i ? p : s
-    }
-  );
-}
-function G(e) {
-  const {
-    children: s,
-    color: u = "default",
-    content: m,
-    currentValue: p,
-    defaultValue: r,
-    disabled: h,
-    fluid: B,
-    icon: t,
-    iconRotation: o,
-    iconSpin: l,
-    maxLength: i,
-    onCommit: a = () => null,
-    placeholder: C,
-    tooltip: x,
-    tooltipPosition: y,
-    ...D
-  } = e, [f, b] = A(!1), g = $(), F = m || s;
-  function k(n) {
-    const N = g.current;
-    if (!N) return;
-    N.value !== "" ? a(n, N.value) : r && a(n, r);
-  }
-  j(() => {
-    const n = g.current;
-    if (n && f) {
-      n.value = p || "";
-      try {
-        n.focus(), n.select();
-      } catch {
-      }
-    }
-  }, [f, p]);
-  let I = /* @__PURE__ */ _(
-    T,
-    {
-      className: S([
-        "Button",
-        B && "Button--fluid",
-        h && "Button--disabled",
-        `Button--color--${u}`
-      ]),
-      ...D,
-      onClick: () => b(!0),
-      children: [
-        t && /* @__PURE__ */ c(v, { name: t, rotation: o, spin: l }),
-        /* @__PURE__ */ c("div", { children: F }),
-        /* @__PURE__ */ c(
-          "input",
-          {
-            disabled: !!h,
-            ref: g,
-            className: "NumberInput__input",
-            style: {
-              display: f ? "" : "none",
-              textAlign: "left"
-            },
-            onBlur: (n) => {
-              f && (b(!1), k(n));
-            },
-            onKeyDown: (n) => {
-              if (n.key === P.Enter) {
-                b(!1), k(n);
-                return;
-              }
-              E(n.key) && b(!1);
-            }
-          }
-        )
-      ]
-    }
-  );
-  return x && (I = /* @__PURE__ */ c(K, { content: x, position: y, children: I })), I;
-}
-function H(e) {
-  const { accept: s, multiple: u, onSelectFiles: m, ...p } = e, r = q(null);
-  async function h(t) {
-    const o = Array.from(t).map((l) => {
-      const i = new FileReader();
-      return new Promise((a) => {
-        i.onload = () => a(i.result), i.readAsText(l);
-      });
-    });
-    return await Promise.all(o);
-  }
-  async function B(t) {
-    const o = t.target.files;
-    if (o != null && o.length) {
-      const l = await h(o);
-      m(u ? l : l[0]);
-    }
-  }
-  return /* @__PURE__ */ _(V, { children: [
-    /* @__PURE__ */ c(R, { onClick: () => {
-      var t;
-      return (t = r.current) == null ? void 0 : t.click();
-    }, ...p }),
-    /* @__PURE__ */ c(
-      "input",
-      {
-        hidden: !0,
-        type: "file",
-        ref: r,
-        accept: s,
-        multiple: u,
-        onChange: B
-      }
-    )
-  ] });
-}
-((e) => {
-  e.Checkbox = L, e.Confirm = Y, e.Input = G, e.File = H;
-})(R || (R = {}));
-export {
-  R as Button
-};
+var t;import*as e from"react/jsx-runtime";import*as n from"react";import*as o from"../common/keys.js";import*as r from"../common/react.js";import*as s from"../common/ui.js";import*as i from"./Box.js";import*as l from"./Icon.js";import*as c from"./Tooltip.js";function u(t){let{captureKeys:n=!0,children:i,circular:u,className:a,color:f,compact:m,content:p,disabled:d,ellipsis:B,fluid:x,icon:j,iconColor:h,iconPosition:y,iconRotation:k,iconSize:v,iconSpin:C,onClick:g,selected:E,tooltip:N,tooltipPosition:b,verticalAlignContent:_,...w}=t,I=p||i,K=(0,e.jsx)(l.Icon,{className:"Button--icon",name:j||"",color:h,rotation:k,size:v,spin:C}),A=(0,e.jsx)("div",{className:(0,r.classes)(["Button",x&&"Button--fluid",d&&"Button--disabled",E&&"Button--selected",u&&"Button--circular",m&&"Button--compact",!I&&"Button--empty",y&&`Button--icon-${y}`,_&&"Button--flex",_&&x&&"Button--flex--fluid",_&&`Button--verticalAlignContent--${_}`,f&&"string"==typeof f?`Button--color--${f}`:"Button--color--default",a,(0,s.computeBoxClassName)(w)]),tabIndex:d?void 0:0,onClick:t=>{!d&&g&&g(t)},onKeyDown:t=>{if(n){if(t.key===o.KEY.Space||t.key===o.KEY.Enter){t.preventDefault(),!d&&g&&g(t);return}(0,o.isEscape)(t.key)&&t.preventDefault()}},...(0,s.computeBoxProps)(w),children:(0,e.jsxs)("div",{className:(0,r.classes)(["Button__content",B&&"Button__content--ellipsis"]),children:[j&&"right"!==y&&K,B?(0,e.jsx)("span",{className:"Button--ellipsis",children:I}):I,j&&"right"===y&&K]})});return N&&(A=(0,e.jsx)(c.Tooltip,{content:N,position:b,children:A})),A}(t=u||(u={})).Checkbox=function(t){let{checked:n,...o}=t;return(0,e.jsx)(u,{color:"transparent",icon:n?"check-square-o":"square-o",selected:n,...o})},t.Confirm=function(t){let{children:o,color:r,confirmColor:s="bad",confirmContent:i="Confirm?",confirmIcon:l,ellipsis:c=!0,icon:a,onBlur:f,onClick:m,...p}=t,[d,B]=(0,n.useState)(!1);return(0,e.jsx)(u,{icon:d?l:a,color:d?s:r,onBlur:function(t){B(!1),f?.(t)},onClick:function(t){if(!d)return void B(!0);m?.(t),B(!1)},...p,children:d?i:o})},t.Input=function(t){let{children:s,color:u="default",content:a,currentValue:f,defaultValue:m,disabled:p,fluid:d,icon:B,iconRotation:x,iconSpin:j,maxLength:h,onCommit:y=()=>null,placeholder:k,tooltip:v,tooltipPosition:C,...g}=t,[E,N]=(0,n.useState)(!1),b=(0,n.createRef)();function _(t){let e=b.current;e&&(""!==e.value?y(t,e.value):m&&y(t,m))}(0,n.useEffect)(()=>{let t=b.current;if(t&&E){t.value=f||"";try{t.focus(),t.select()}catch{}}},[E,f]);let w=(0,e.jsxs)(i.Box,{className:(0,r.classes)(["Button",d&&"Button--fluid",p&&"Button--disabled",`Button--color--${u}`]),...g,onClick:()=>N(!0),children:[B&&(0,e.jsx)(l.Icon,{name:B,rotation:x,spin:j}),(0,e.jsx)("div",{children:a||s}),(0,e.jsx)("input",{disabled:!!p,ref:b,className:"NumberInput__input",style:{display:E?"":"none",textAlign:"left"},onBlur:t=>{E&&(N(!1),_(t))},onKeyDown:t=>{if(t.key===o.KEY.Enter){N(!1),_(t);return}(0,o.isEscape)(t.key)&&N(!1)}})]});return v&&(w=(0,e.jsx)(c.Tooltip,{content:v,position:C,children:w})),w},t.File=function(t){let{accept:o,multiple:r,onSelectFiles:s,...i}=t,l=(0,n.useRef)(null);async function c(t){let e=Array.from(t).map(t=>{let e=new FileReader;return new Promise(n=>{e.onload=()=>n(e.result),e.readAsText(t)})});return await Promise.all(e)}async function a(t){let e=t.target.files;if(e?.length){let t=await c(e);s(r?t:t[0])}}return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u,{onClick:()=>l.current?.click(),...i}),(0,e.jsx)("input",{hidden:!0,type:"file",ref:l,accept:o,multiple:r,onChange:a})]})};export{u as Button};

package/dist/components/ByondUi.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from './Box';
+import type { BoxProps } from './Box';
 type SampleByondParams = Partial<{
     /** Can be auto-generated. */
     id: string;

package/dist/components/ByondUi.js

@@ -1,61 +1 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as f, useEffect as p } from "react";
-import { debounce as m } from "../common/timer.js";
-import { computeBoxProps as w } from "../common/ui.js";
-const o = [];
-function a(t) {
-  const e = o.length;
-  o.push(null);
-  const n = t || `byondui_${e}`;
-  return {
-    render: (i) => {
-      o[e] = n, Byond.winset(n, i);
-    },
-    unmount: () => {
-      o[e] = null, Byond.winset(n, {
-        parent: ""
-      });
-    }
-  };
-}
-window.addEventListener("beforeunload", () => {
-  for (let t = 0; t < o.length; t++) {
-    const e = o[t];
-    typeof e == "string" && (o[t] = null, Byond.winset(e, {
-      parent: ""
-    }));
-  }
-});
-function x(t) {
-  const e = window.devicePixelRatio ?? 1, n = t.getBoundingClientRect();
-  return {
-    pos: [n.left * e, n.top * e],
-    size: [
-      (n.right - n.left) * e,
-      (n.bottom - n.top) * e
-    ]
-  };
-}
-function h(t) {
-  const { params: e, ...n } = t, i = f(null), d = f(a(e == null ? void 0 : e.id));
-  function s() {
-    const c = i.current;
-    if (!c) return;
-    const r = x(c);
-    d.current.render({
-      parent: Byond.windowId,
-      ...e,
-      pos: `${r.pos[0]},${r.pos[1]}`,
-      size: `${r.size[0]}x${r.size[1]}`
-    });
-  }
-  const u = m(() => {
-    s();
-  }, 100);
-  return p(() => (window.addEventListener("resize", u), s(), () => {
-    window.removeEventListener("resize", u), d.current.unmount();
-  }), []), /* @__PURE__ */ l("div", { ref: i, ...w(n), children: /* @__PURE__ */ l("div", { style: { minHeight: "22px" } }) });
-}
-export {
-  h as ByondUi
-};
+import*as e from"react/jsx-runtime";import*as t from"react";import*as n from"../common/timer.js";import*as o from"../common/ui.js";let r=[];function i(i){let{params:s,...u}=i,l=(0,t.useRef)(null),d=(0,t.useRef)(function(e){let t=r.length;r.push(null);let n=e||`byondui_${t}`;return{render:e=>{r[t]=n,Byond.winset(n,e)},unmount:()=>{r[t]=null,Byond.winset(n,{parent:""})}}}(s?.id));function m(){let e=l.current;if(!e)return;let t=function(e){let t=window.devicePixelRatio??1,n=e.getBoundingClientRect();return{pos:[n.left*t,n.top*t],size:[(n.right-n.left)*t,(n.bottom-n.top)*t]}}(e);d.current.render({parent:Byond.windowId,...s,pos:`${t.pos[0]},${t.pos[1]}`,size:`${t.size[0]}x${t.size[1]}`})}let f=(0,n.debounce)(()=>{m()},100);return(0,t.useEffect)(()=>(window.addEventListener("resize",f),m(),()=>{window.removeEventListener("resize",f),d.current.unmount()}),[]),(0,e.jsx)("div",{ref:l,...(0,o.computeBoxProps)(u),children:(0,e.jsx)("div",{style:{minHeight:"22px"}})})}window.addEventListener("beforeunload",()=>{for(let e=0;e<r.length;e++){let t=r[e];"string"==typeof t&&(r[e]=null,Byond.winset(t,{parent:""}))}});export{i as ByondUi};

package/dist/components/Chart.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from './Box';
+import { type BoxProps } from './Box';
 type Props = {
     data: number[][];
 } & Partial<{

package/dist/components/Chart.js

@@ -1,80 +1 @@
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useRef as y, useState as B, useEffect as R } from "react";
-import { zip as w } from "../common/collections.js";
-import { Box as $ } from "./Box.js";
-function C(n, l, o, i) {
-  if (n.length === 0)
-    return [];
-  const f = w(...n), c = f.map((r) => Math.min(...r)), t = f.map((r) => Math.max(...r));
-  return o !== void 0 && (c[0] = o[0], t[0] = o[1]), i !== void 0 && (c[1] = i[0], t[1] = i[1]), n.map(
-    (r) => w(r, c, t, l).map(
-      ([s, p, e, u]) => (s - p) / (e - p) * u
-    )
-  );
-}
-function k(n) {
-  let l = "";
-  for (let o = 0; o < n.length; o++) {
-    const i = n[o];
-    l += `${i[0]},${i[1]} `;
-  }
-  return l;
-}
-const x = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  overflow: "hidden"
-};
-function z(n) {
-  const {
-    data: l = [],
-    rangeX: o,
-    rangeY: i,
-    fillColor: f = "none",
-    strokeColor: c = "#ffffff",
-    strokeWidth: t = 2,
-    ...v
-  } = n, r = y(null), [s, p] = B([600, 200]), e = C(l, s, o, i);
-  if (e.length > 0) {
-    const m = e[0], a = e[e.length - 1];
-    e.push([s[0] + t, a[1]]), e.push([s[0] + t, -t]), e.push([-t, -t]), e.push([-t, m[1]]);
-  }
-  const u = k(e);
-  function d() {
-    const m = r.current;
-    if (!m)
-      return;
-    const a = m.getBoundingClientRect();
-    p([a.width, a.height]);
-  }
-  return R(() => (window.addEventListener("resize", d), d(), () => {
-    window.removeEventListener("resize", d);
-  }), []), /* @__PURE__ */ h($, { position: "relative", ...v, children: /* @__PURE__ */ h("div", { ref: r, style: x, children: /* @__PURE__ */ g(
-    "svg",
-    {
-      viewBox: `0 0 ${s[0]} ${s[1]}`,
-      preserveAspectRatio: "none",
-      style: x,
-      children: [
-        /* @__PURE__ */ h("title", { children: "chart" }),
-        /* @__PURE__ */ h(
-          "polyline",
-          {
-            transform: `scale(1, -1) translate(0, -${s[1]})`,
-            fill: f,
-            stroke: c,
-            strokeWidth: t,
-            points: u
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-z.Line = z;
-export {
-  z as Chart
-};
+import*as e from"react/jsx-runtime";import*as t from"react";import*as i from"../common/collections.js";import*as n from"./Box.js";let r={position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"hidden"};function o(o){let{data:s=[],rangeX:l,rangeY:f,fillColor:a="none",strokeColor:h="#ffffff",strokeWidth:p=2,...u}=o,m=(0,t.useRef)(null),[c,d]=(0,t.useState)([600,200]),v=function(e,t,n,r){if(0===e.length)return[];let o=(0,i.zip)(...e),s=o.map(e=>Math.min(...e)),l=o.map(e=>Math.max(...e));return void 0!==n&&(s[0]=n[0],l[0]=n[1]),void 0!==r&&(s[1]=r[0],l[1]=r[1]),e.map(e=>(0,i.zip)(e,s,l,t).map(([e,t,i,n])=>(e-t)/(i-t)*n))}(s,c,l,f);if(v.length>0){let e=v[0],t=v[v.length-1];v.push([c[0]+p,t[1]]),v.push([c[0]+p,-p]),v.push([-p,-p]),v.push([-p,e[1]])}let x=function(e){let t="";for(let i=0;i<e.length;i++){let n=e[i];t+=`${n[0]},${n[1]} `}return t}(v);function g(){let e=m.current;if(!e)return;let t=e.getBoundingClientRect();d([t.width,t.height])}return(0,t.useEffect)(()=>(window.addEventListener("resize",g),g(),()=>{window.removeEventListener("resize",g)}),[]),(0,e.jsx)(n.Box,{position:"relative",...u,children:(0,e.jsx)("div",{ref:m,style:r,children:(0,e.jsxs)("svg",{viewBox:`0 0 ${c[0]} ${c[1]}`,preserveAspectRatio:"none",style:r,children:[(0,e.jsx)("title",{children:"chart"}),(0,e.jsx)("polyline",{transform:`scale(1, -1) translate(0, -${c[1]})`,fill:a,stroke:h,strokeWidth:p,points:x})]})})})}o.Line=o;export{o as Chart};

package/dist/components/Collapsible.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { BoxProps } from './Box';
+import { type CSSProperties, type ReactNode } from 'react';
+import { type BoxProps } from './Box';
 type Props = Partial<{
     /** Buttons or other content to render inline with the button */
     buttons: ReactNode;

package/dist/components/Collapsible.js

@@ -1,36 +1 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { Box as n } from "./Box.js";
-import { Button as u } from "./Button.js";
-function T(o) {
-  const {
-    children: r,
-    child_mt: s = 1,
-    childStyles: m,
-    color: a,
-    title: d,
-    buttons: t,
-    icon: c,
-    ...h
-  } = o, [l, p] = b(o.open);
-  return /* @__PURE__ */ i(n, { mb: 1, children: [
-    /* @__PURE__ */ i("div", { className: "Table", children: [
-      /* @__PURE__ */ e("div", { className: "Table__cell", children: /* @__PURE__ */ e(
-        u,
-        {
-          fluid: !0,
-          color: a,
-          icon: c || (l ? "chevron-down" : "chevron-right"),
-          onClick: () => p(!l),
-          ...h,
-          children: d
-        }
-      ) }),
-      t && /* @__PURE__ */ e("div", { className: "Table__cell Table__cell--collapsing", children: t })
-    ] }),
-    l && /* @__PURE__ */ e(n, { mt: s, style: m, children: r })
-  ] });
-}
-export {
-  T as Collapsible
-};
+import*as e from"react/jsx-runtime";import*as l from"react";import*as o from"./Box.js";import*as s from"./Button.js";function r(r){let{children:c,child_mt:i=1,childStyles:t,color:a,title:n,buttons:m,icon:d,...x}=r,[h,j]=(0,l.useState)(r.open);return(0,e.jsxs)(o.Box,{mb:1,children:[(0,e.jsxs)("div",{className:"Table",children:[(0,e.jsx)("div",{className:"Table__cell",children:(0,e.jsx)(s.Button,{fluid:!0,color:a,icon:d||(h?"chevron-down":"chevron-right"),onClick:()=>j(!h),...x,children:n})}),m&&(0,e.jsx)("div",{className:"Table__cell Table__cell--collapsing",children:m})]}),h&&(0,e.jsx)(o.Box,{mt:i,style:t,children:c})]})}export{r as Collapsible};

package/dist/components/ColorBox.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 = {
     content?: ReactNode;
 } & BoxProps;

package/dist/components/ColorBox.js

@@ -1,17 +1 @@
-import { jsx as t } from "react/jsx-runtime";
-import { classes as c } from "../common/react.js";
-import { computeBoxProps as s, computeBoxClassName as m } from "../common/ui.js";
-function d(r) {
-  const { content: l, children: a, className: e, ...o } = r;
-  return o.color = l ? null : "default", o.backgroundColor = r.color || "default", /* @__PURE__ */ t(
-    "div",
-    {
-      className: c(["ColorBox", e, m(o)]),
-      ...s(o),
-      children: l || ""
-    }
-  );
-}
-export {
-  d as ColorBox
-};
+import*as o from"react/jsx-runtime";import*as r from"../common/react.js";import*as m from"../common/ui.js";function s(s){let{content:e,children:l,className:t,...a}=s;return a.color=e?null:"default",a.backgroundColor=s.color||"default",(0,o.jsx)("div",{className:(0,r.classes)(["ColorBox",t,(0,m.computeBoxClassName)(a)]),...(0,m.computeBoxProps)(a),children:e||""})}export{s as ColorBox};

package/dist/components/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type DialogProps = {
     /** The content of the dialog. */
     children: ReactNode;

package/dist/components/Dialog.js

@@ -1,42 +1 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Box as e } from "./Box.js";
-import { Button as r } from "./Button.js";
-function d(o) {
-  const { title: i, onClose: n, children: c, width: a, height: s } = o;
-  return /* @__PURE__ */ t("div", { className: "Dialog", children: /* @__PURE__ */ l(e, { className: "Dialog__content", width: a || "370px", height: s, children: [
-    /* @__PURE__ */ l("div", { className: "Dialog__header", children: [
-      /* @__PURE__ */ t("div", { className: "Dialog__title", children: i }),
-      /* @__PURE__ */ t(e, { mr: 2, children: /* @__PURE__ */ t(
-        r,
-        {
-          color: "transparent",
-          icon: "window-close-o",
-          lineHeight: "22px",
-          mr: "-3px",
-          onClick: n,
-          textAlign: "center",
-          tooltip: "Close",
-          tooltipPosition: "bottom-start",
-          width: "26px"
-        }
-      ) })
-    ] }),
-    c
-  ] }) });
-}
-function m(o) {
-  const { onClick: i, children: n } = o;
-  return /* @__PURE__ */ t(
-    r,
-    {
-      onClick: i,
-      className: "Dialog__button",
-      verticalAlignContent: "middle",
-      children: n
-    }
-  );
-}
-d.Button = m;
-export {
-  d as Dialog
-};
+import*as t from"react/jsx-runtime";import*as o from"./Box.js";import*as i from"./Button.js";function e(e){let{title:n,onClose:l,children:s,width:r,height:a}=e;return(0,t.jsx)("div",{className:"Dialog",children:(0,t.jsxs)(o.Box,{className:"Dialog__content",width:r||"370px",height:a,children:[(0,t.jsxs)("div",{className:"Dialog__header",children:[(0,t.jsx)("div",{className:"Dialog__title",children:n}),(0,t.jsx)(o.Box,{mr:2,children:(0,t.jsx)(i.Button,{color:"transparent",icon:"window-close-o",lineHeight:"22px",mr:"-3px",onClick:l,textAlign:"center",tooltip:"Close",tooltipPosition:"bottom-start",width:"26px"})})]}),s]})})}e.Button=function(o){let{onClick:e,children:n}=o;return(0,t.jsx)(i.Button,{onClick:e,className:"Dialog__button",verticalAlignContent:"middle",children:n})};export{e as Dialog};

package/dist/components/Dimmer.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from './Box';
+import { type BoxProps } from './Box';
 /**
  * ## Dimmer
  * Dims surrounding area to emphasize content placed inside.

package/dist/components/Dimmer.js

@@ -1,10 +1 @@
-import { jsx as r } from "react/jsx-runtime";
-import { classes as o } from "../common/react.js";
-import { Box as c } from "./Box.js";
-function l(m) {
-  const { className: e, children: s, ...i } = m;
-  return /* @__PURE__ */ r(c, { className: o(["Dimmer", e]), ...i, children: /* @__PURE__ */ r("div", { className: "Dimmer__inner", children: s }) });
-}
-export {
-  l as Dimmer
-};
+import*as r from"react/jsx-runtime";import*as m from"../common/react.js";import*as e from"./Box.js";function s(s){let{className:i,children:o,...a}=s;return(0,r.jsx)(e.Box,{className:(0,m.classes)(["Dimmer",i]),...a,children:(0,r.jsx)("div",{className:"Dimmer__inner",children:o})})}export{s as Dimmer};

package/dist/components/Divider.js

@@ -1,18 +1 @@
-import { jsx as d } from "react/jsx-runtime";
-import { classes as o } from "../common/react.js";
-function n(i) {
-  const { hidden: r, vertical: e } = i;
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: o([
-        "Divider",
-        r && "Divider--hidden",
-        e ? "Divider--vertical" : "Divider--horizontal"
-      ])
-    }
-  );
-}
-export {
-  n as Divider
-};
+import*as i from"react/jsx-runtime";import*as r from"../common/react.js";function e(e){let{hidden:t,vertical:o}=e;return(0,i.jsx)("div",{className:(0,r.classes)(["Divider",t&&"Divider--hidden",o?"Divider--vertical":"Divider--horizontal"])})}export{e as Divider};

package/dist/components/DmIcon.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { BoxProps } from './Box';
+import type { ReactNode } from 'react';
+import type { BoxProps } from './Box';
 export declare enum Direction {
     NORTH = 1,
     SOUTH = 2,
@@ -30,5 +30,5 @@ type Props = {
  * Displays an icon from the BYOND icon reference map. Requires Byond 515+.
  * A much faster alternative to base64 icons.
  */
-export declare function DmIcon(props: Props): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function DmIcon(props: Props): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/dist/components/DmIcon.js

@@ -1,23 +1 @@
-import { jsx as N } from "react/jsx-runtime";
-import { Image as e } from "./Image.js";
-var u = /* @__PURE__ */ ((T) => (T[T.NORTH = 1] = "NORTH", T[T.SOUTH = 2] = "SOUTH", T[T.EAST = 4] = "EAST", T[T.WEST = 8] = "WEST", T[T.NORTHEAST = 5] = "NORTHEAST", T[T.NORTHWEST = 9] = "NORTHWEST", T[T.SOUTHEAST = 6] = "SOUTHEAST", T[T.SOUTHWEST = 10] = "SOUTHWEST", T))(u || {});
-function $(T) {
-  var m;
-  const {
-    className: A,
-    direction: E = 2,
-    fallback: a,
-    frame: s = 1,
-    icon_state: H,
-    icon: O,
-    movement: f = !1,
-    ...r
-  } = T, S = (m = Byond.iconRefMap) == null ? void 0 : m[O];
-  if (!S) return a;
-  const R = `${S}?state=${H}&dir=${E}&movement=${!!f}&frame=${s}`;
-  return /* @__PURE__ */ N(e, { fixErrors: !0, src: R, ...r });
-}
-export {
-  u as Direction,
-  $ 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{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};

package/dist/components/DraggableControl.d.ts

@@ -1,5 +1,5 @@
-import { MouseEventHandler, ReactNode } from 'react';
-import { BoxProps } from './Box';
+import { type MouseEventHandler, type ReactNode } from 'react';
+import type { BoxProps } from './Box';
 type Control = {
     /** Tooltip-like node to display. */
     displayElement: ReactNode;