tgui-core 2.0.5 → 2.1.0

package/dist/components/Stack.js

@@ -1,58 +1 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useRef as S } from "react";
-import { classes as s } from "../common/react.js";
-import { computeBoxClassName as o } from "../common/ui.js";
-import { computeFlexProps as k, computeFlexClassName as v, computeFlexItemProps as m } from "./Flex.js";
-function l(r) {
-  const { className: c, vertical: e, fill: t, reverse: a, zebra: n, ...d } = r, u = e ? "column" : "row", f = a ? "-reverse" : "";
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: s([
-        "Stack",
-        t && "Stack--fill",
-        e ? "Stack--vertical" : "Stack--horizontal",
-        n && "Stack--zebra",
-        a && `Stack--reverse${e ? "--vertical" : ""}`,
-        c,
-        v(r)
-      ]),
-      ...k({
-        direction: `${u}${f}`,
-        ...d
-      })
-    }
-  );
-}
-function p(r) {
-  const { className: c, innerRef: e, ...t } = r, a = S((e == null ? void 0 : e.current) ?? null);
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: s(["Stack__item", c, o(t)]),
-      ref: a,
-      ...m(t)
-    }
-  );
-}
-l.Item = p;
-function x(r) {
-  const { className: c, hidden: e, ...t } = r;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: s([
-        "Stack__item",
-        "Stack__divider",
-        e && "Stack__divider--hidden",
-        c,
-        o(t)
-      ]),
-      ...m(t)
-    }
-  );
-}
-l.Divider = x;
-export {
-  l as Stack
-};
+import*as e from"react/jsx-runtime";import*as t from"react";import*as r from"../common/react.js";import*as s from"../common/ui.js";import*as a from"./Flex.js";function c(t){let{className:s,vertical:c,fill:o,reverse:m,zebra:i,...l}=t,n=m?"-reverse":"";return(0,e.jsx)("div",{className:(0,r.classes)(["Stack",o&&"Stack--fill",c?"Stack--vertical":"Stack--horizontal",i&&"Stack--zebra",m&&`Stack--reverse${c?"--vertical":""}`,s,(0,a.computeFlexClassName)(t)]),...(0,a.computeFlexProps)({direction:`${c?"column":"row"}${n}`,...l})})}c.Item=function(c){let{className:o,innerRef:m,...i}=c,l=(0,t.useRef)(m?.current??null);return(0,e.jsx)("div",{className:(0,r.classes)(["Stack__item",o,(0,s.computeBoxClassName)(i)]),ref:l,...(0,a.computeFlexItemProps)(i)})},c.Divider=function(t){let{className:c,hidden:o,...m}=t;return(0,e.jsx)("div",{className:(0,r.classes)(["Stack__item","Stack__divider",o&&"Stack__divider--hidden",c,(0,s.computeBoxClassName)(m)]),...(0,a.computeFlexItemProps)(m)})};export{c as Stack};

package/dist/components/StyleableSection.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 type Props = Partial<{
     style: Record<string, any>;
     textStyle: Record<string, any>;

package/dist/components/StyleableSection.js

@@ -1,16 +1 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Box as t } from "./Box.js";
-function m(i) {
-  const { children: c, titleStyle: n, titleSubtext: s, title: o, textStyle: r, style: a } = i;
-  return /* @__PURE__ */ l(t, { style: a, children: [
-    /* @__PURE__ */ l(t, { className: "Section__title", style: n, children: [
-      /* @__PURE__ */ e(t, { className: "Section__titleText", style: r, children: o }),
-      /* @__PURE__ */ e("div", { className: "Section__buttons", children: s }),
-      " "
-    ] }),
-    /* @__PURE__ */ e(t, { className: "Section__rest", children: /* @__PURE__ */ e(t, { className: "Section__content", children: c }) })
-  ] });
-}
-export {
-  m as StyleableSection
-};
+import*as e from"react/jsx-runtime";import*as t from"./Box.js";function s(s){let{children:c,titleStyle:o,titleSubtext:i,title:l,textStyle:n,style:r}=s;return(0,e.jsxs)(t.Box,{style:r,children:[(0,e.jsxs)(t.Box,{className:"Section__title",style:o,children:[(0,e.jsx)(t.Box,{className:"Section__titleText",style:n,children:l}),(0,e.jsx)("div",{className:"Section__buttons",children:i})," "]}),(0,e.jsx)(t.Box,{className:"Section__rest",children:(0,e.jsx)(t.Box,{className:"Section__content",children:c})})]})}export{s as StyleableSection};

package/dist/components/Table.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from './Box';
+import type { BoxProps } from './Box';
 type Props = Partial<{
     /** Collapses table to the smallest possible size. */
     collapsing: boolean;

package/dist/components/Table.js

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

package/dist/components/Tabs.d.ts

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

package/dist/components/Tabs.js

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

package/dist/components/TextArea.d.ts

@@ -1,11 +1,6 @@
-import { SyntheticEvent } from 'react';
-/**
- * ## Textarea
- *
- * An input for larger amounts of text. Use this when you want inputs larger
- * than one row.
- */
-export declare const TextArea: import('react').ForwardRefExoticComponent<Partial<{
+import type { RefObject, SyntheticEvent } from 'react';
+import { type BoxProps } from './Box';
+type Props = Partial<{
     /** Automatically focus the textarea on mount */
     autoFocus: boolean;
     /** Selects all text on mount */
@@ -30,6 +25,8 @@ export declare const TextArea: import('react').ForwardRefExoticComponent<Partial
     onInput: (event: SyntheticEvent<HTMLTextAreaElement>, value: string) => void;
     /** Dummy text inside the textarea when it's empty */
     placeholder: string;
+    /** Ref to the textarea element. */
+    ref: RefObject<HTMLTextAreaElement | null>;
     /** Whether the textarea is scrollable when it has more content than height */
     scrollbar: boolean;
     /** Clears the textarea when the enter key is pressed */
@@ -38,23 +35,12 @@ export declare const TextArea: import('react').ForwardRefExoticComponent<Partial
     userMarkup: Record<string, string>;
     /** The value of the textarea */
     value: string;
-}> & Partial<{
-    as: string;
-    children: import('react').ReactNode;
-    className: string | import('../common/react').BooleanLike;
-    id: string;
-    style: import('react').CSSProperties;
-    tw: string;
-} & import('../common/ui').BooleanStyleMap & import('../common/ui').StringStyleMap & {
-    onClick: import('react').MouseEventHandler<HTMLDivElement>;
-    onContextMenu: import('react').MouseEventHandler<HTMLDivElement>;
-    onDoubleClick: import('react').MouseEventHandler<HTMLDivElement>;
-    onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>;
-    onKeyUp: import('react').KeyboardEventHandler<HTMLDivElement>;
-    onMouseDown: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseLeave: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseMove: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseOver: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseUp: import('react').MouseEventHandler<HTMLDivElement>;
-    onScroll: import('react').UIEventHandler<HTMLDivElement>;
-}> & import('react').RefAttributes<HTMLTextAreaElement>>;
+}> & BoxProps;
+/**
+ * ## Textarea
+ *
+ * An input for larger amounts of text. Use this when you want inputs larger
+ * than one row.
+ */
+export declare function TextArea(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TextArea.js

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

package/dist/components/TimeDisplay.js

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

package/dist/components/Tooltip.d.ts

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

package/dist/components/Tooltip.js

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

package/dist/components/TrackOutsideClicks.d.ts

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

package/dist/components/TrackOutsideClicks.js

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

package/dist/components/VirtualList.d.ts

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

package/dist/components/VirtualList.js

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