@base-framework/ui 1.0.112 → 1.0.113

package/dist/{calendar-B_jcSUF6.js → calendar-B7LCME_T.js}

@@ -1,12 +1,12 @@
 import { Div as i, Img as I, Span as M, Button as Y } from "@base-framework/atoms";
 import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-framework/base";
 import { B as A } from "./buttons-CVEwmPAi.js";
-import { Icons as P } from "./icons.es.js";
+import { Icons as T } from "./icons.es.js";
 const W = (e, t) => {
-  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = window.scrollX, l = window.scrollY;
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = globalThis.scrollX, l = globalThis.scrollY;
   let c = n.left + a, f = n.bottom + l;
-  const h = window.innerHeight - n.bottom, d = n.top;
-  return c + s.width > window.innerWidth && (c = window.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
+  const h = globalThis.innerHeight - n.bottom, d = n.top;
+  return c + s.width > globalThis.innerWidth && (c = globalThis.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
 };
 class lt extends N {
   /**
@@ -115,7 +115,7 @@ class lt extends N {
       ["click", document, (t) => {
         this.isOutsideClick(t.target) && (this.state.open = !1);
       }],
-      ["resize", window, (t) => this.updatePosition()],
+      ["resize", globalThis, (t) => this.updatePosition()],
       ["scroll", document, (t) => this.updatePosition()]
     ];
   }
@@ -146,7 +146,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
   error: (n) => n.target.style.display = "none"
 }) : null), R = (e) => e.split(" ").map((t) => t.charAt(0)).join(""), B = (e) => !e || e.length < 2 ? e : R(e), X = (e) => M([e, (t, n) => {
   n.textContent = B(t);
-}]), S = {
+}]), P = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -155,7 +155,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
   "2xl": "h-32 w-32",
   "3xl": "h-48 w-48",
   default: "h-12 w-12"
-}, T = {
+}, S = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -164,7 +164,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
   "2xl": "text-3xl",
   "3xl": "text-4xl",
   default: "text-base"
-}, E = (e) => S[e] || S.default, G = (e) => T[e] || T.default, L = (e, t = null, n = "md") => {
+}, E = (e) => P[e] || P.default, G = (e) => S[e] || S.default, L = (e, t = null, n = "md") => {
   const s = B(e), o = G(n);
   return i(
     {
@@ -192,7 +192,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
 }), x = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), q = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), p = (e, t, n) => `${e}-${x(t + 1)}-${x(n)}`, J = (e) => e ? "bg-accent text-primary" : "", K = (e) => e ? "text-muted-foreground opacity-50" : "", Q = (e, t) => e === t, U = (e, t) => Q(e, t) ? "bg-primary text-primary-foreground" : "", V = (e, t, n, s) => {
   const o = U(t, s);
   return o || (e ? J(e) : n ? K(n) : "text-foreground");
-}, C = (e) => {
+}, v = (e) => {
   const {
     day: t,
     currentDate: n,
@@ -217,15 +217,15 @@ const H = k(({ src: e, alt: t }) => e ? I({
     },
     t.toString()
   );
-}, b = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
-  const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, w = a === 0 ? o - 1 : o;
+}, C = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
+  const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, y = a === 0 ? o - 1 : o;
   for (let r = c - 1; r >= 0; r--) {
-    const u = h - r, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
+    const u = h - r, g = C(u, D, y, t), m = new Date(y, D, u) < new Date(t.year, t.month, t.date), F = s && m;
     d.push(
-      C({
+      v({
         day: u,
         currentDate: l,
-        date: p(w, D, u),
+        date: p(y, D, u),
         isToday: g,
         isOutsideMonth: !0,
         select: n,
@@ -234,9 +234,9 @@ const H = k(({ src: e, alt: t }) => e ? I({
     );
   }
   for (let r = 1; r <= f; r++) {
-    const u = b(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
+    const u = C(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
-      C({
+      v({
         day: r,
         currentDate: l,
         date: p(o, a, r),
@@ -247,14 +247,14 @@ const H = k(({ src: e, alt: t }) => e ? I({
       })
     );
   }
-  const y = a === 11 ? 0 : a + 1, v = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
+  const w = a === 11 ? 0 : a + 1, b = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
   for (let r = 1; r <= O; r++) {
-    const u = b(r, y, v, t), g = new Date(v, y, r) < new Date(t.year, t.month, t.date), m = s && g;
+    const u = C(r, w, b, t), g = new Date(b, w, r) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
-      C({
+      v({
         day: r,
         currentDate: l,
-        date: p(v, y, r),
+        date: p(b, w, r),
         isToday: u,
         isOutsideMonth: !0,
         select: n,
@@ -277,7 +277,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
-    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
+    icon: e === "Previous" ? T.chevron.single.left : T.chevron.single.right
   }
 ), tt = ({ next: e, previous: t }) => i({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   M("[[monthName]] [[current.year]]"),
@@ -426,7 +426,7 @@ class ut extends N {
 export {
   ct as A,
   Z as C,
-  C as D,
+  v as D,
   p as F,
   nt as M,
   lt as P,

package/dist/{confirmation-BgNcRIp-.js → confirmation-CM2qKExU.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as W, Form as R, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
 import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as U, Jot as S, DateTime as $ } from "@base-framework/base";
-import { P as D, b as se } from "./calendar-B_jcSUF6.js";
+import { P as D, b as se } from "./calendar-B7LCME_T.js";
 import { B as h, I as x } from "./buttons-CVEwmPAi.js";
 import { Icons as u } from "./icons.es.js";
 import { a as w } from "./veil-D4dRxILB.js";
@@ -403,7 +403,7 @@ class wt extends p {
    * @returns {void}
    */
   showModal() {
-    window.setTimeout(() => this.panel.showPopover(), 10), this.state.open = !0, document.documentElement.style.overflowY = "hidden";
+    globalThis.setTimeout(() => this.panel.showPopover(), 10), this.state.open = !0, document.documentElement.style.overflowY = "hidden";
   }
   /**
    * This will hide the modal.
@@ -587,7 +587,7 @@ class yt extends p {
     this.list.delete(t.id);
   }
 }
-const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
+const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -600,7 +600,7 @@ const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
 ])), Fe = (e) => {
   var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -629,7 +629,7 @@ const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
      */
     state() {
       return {
-        method: window.localStorage.getItem("theme") ?? "system"
+        method: globalThis.localStorage.getItem("theme") ?? "system"
       };
     }
   }

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.js";
 import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-Dmu4Z-7-.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as R } from "./icons.es.js";
-import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BgNcRIp-.js";
-import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-B_jcSUF6.js";
-import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-tMcw0LN3.js";
+import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-CM2qKExU.js";
+import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-B7LCME_T.js";
+import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-Dl_Tkisq.js";
 import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-CHGsD0xe.js";
 import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-RXqfmxT9.js";
 import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-BgNcRIp-.js";
-import { A as O, P as R, g as _ } from "./calendar-B_jcSUF6.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-CM2qKExU.js";
+import { A as O, P as R, g as _ } from "./calendar-B7LCME_T.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-tMcw0LN3.js";
-import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-B_jcSUF6.js";
+import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-Dl_Tkisq.js";
+import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-B7LCME_T.js";
 import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-CHGsD0xe.js";
 export {
   s as BackButton,

package/dist/{signature-panel-tMcw0LN3.js → signature-panel-Dl_Tkisq.js}

@@ -1,10 +1,10 @@
-import { Button as y, Div as o, On as F, Span as v, Th as R, UseParent as E, I as H, Thead as Q, Tr as X, Table as W, P as p, Li as D, Time as q, Nav as S, Ul as b, Section as P, Canvas as K } from "@base-framework/atoms";
-import { Atom as d, Component as h, Data as L, DateTime as G, router as x, NavLink as O, DataTracker as z, Jot as V, base as I, Dom as B } from "@base-framework/base";
+import { Button as y, Div as o, On as F, Span as v, Th as R, UseParent as E, I as H, Thead as Q, Tr as X, Table as W, P as p, Li as D, Time as q, Nav as S, Ul as w, Section as P, Canvas as K } from "@base-framework/atoms";
+import { Atom as d, Component as h, Data as L, DateTime as G, router as x, NavLink as O, DataTracker as z, Jot as V, base as I, Dom as T } from "@base-framework/base";
 import { B as C, I as N } from "./buttons-CVEwmPAi.js";
-import { Icons as w } from "./icons.es.js";
+import { Icons as b } from "./icons.es.js";
 import { TableBody as _, ScrollableTableBody as J, List as Z, IntervalTimer as ee } from "@base-framework/organisms";
 import { C as te, I as se, H as ae } from "./inputs-Dmu4Z-7-.js";
-import { A as ie, P as ne } from "./calendar-B_jcSUF6.js";
+import { A as ie, P as ne } from "./calendar-B7LCME_T.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -58,7 +58,7 @@ const oe = (t) => {
     { length: s },
     (i, n) => new Date(t, e - 1, a - s + n + 1)
   );
-}, ce = (t, e, s) => Array.from({ length: s }, (a, i) => new Date(t, e + 1, i + 1)), T = (t, e) => {
+}, ce = (t, e, s) => Array.from({ length: s }, (a, i) => new Date(t, e + 1, i + 1)), B = (t, e) => {
   const s = new Date(e, 0, 4), a = (s.getDay() + 6) % 7, i = new Date(s);
   i.setDate(s.getDate() - a);
   const n = new Date(i);
@@ -165,7 +165,7 @@ const oe = (t) => {
     click: e,
     "aria-label": `${t} month`,
     variant: "icon",
-    icon: t === "Previous" ? w.chevron.single.left : w.chevron.single.right
+    icon: t === "Previous" ? b.chevron.single.left : b.chevron.single.right
   }
 ), ge = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   v("[[monthName]] [[year]]"),
@@ -193,7 +193,7 @@ class at extends h {
    * @returns {Data}
    */
   setData() {
-    const e = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(e), a = T(s, e.getFullYear());
+    const e = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(e), a = B(s, e.getFullYear());
     return new L({
       monthName: this.getMonthName(a.getMonth()),
       year: a.getFullYear(),
@@ -276,7 +276,7 @@ class at extends h {
    */
   selectWeek(e, s) {
     this.data.currentWeek = e;
-    const a = T(e, s);
+    const a = B(e, s);
     this.setDate(a.getMonth(), a.getFullYear(), a.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(e);
   }
   /**
@@ -301,7 +301,7 @@ const me = (t, e) => {
   e.state.checked = !s;
 }, pe = (t) => R({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   E((e) => new te({ class: "mr-2", onChange: (s, a) => me(e, a) }))
-]), we = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+]), be = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return R({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
@@ -309,7 +309,7 @@ const me = (t, e) => {
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
       v(a),
-      e && H({ class: "ml-2", html: w.arrows.upDown })
+      e && H({ class: "ml-2", html: b.arrows.upDown })
     ])
   ]);
 }, $ = (t) => Q([
@@ -317,7 +317,7 @@ const me = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? pe({ toggle: t.toggle }) : we({
+      (e) => e.label === "checkbox" ? pe({ toggle: t.toggle }) : be({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -326,7 +326,7 @@ const me = (t, e) => {
       })
     ]
   })
-]), be = ({ key: t, rows: e, selectRow: s, rowItem: a }) => new _({
+]), we = ({ key: t, rows: e, selectRow: s, rowItem: a }) => new _({
   cache: "list",
   key: t,
   items: e,
@@ -407,7 +407,7 @@ class ke extends h {
           this.headers && $({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          be({
+          we({
             // @ts-ignore
             key: this.key,
             rows: e,
@@ -571,7 +571,7 @@ const it = d((t) => new ye(
 ]), Le = (t, e) => t === "online" ? De() : Se(e), Ce = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   p({ class: "text-sm leading-6 m-0" }, t),
   Le(s, e)
-])), Ie = (t) => t.split(" ").map((s) => s[0]).join(""), Be = d((t) => D({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+])), Ie = (t) => t.split(" ").map((s) => s[0]).join(""), Te = d((t) => D({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
     ie({ src: t.image, alt: t.name, fallbackText: Ie(t.name) }),
     ve({ name: t.name, email: t.email })
@@ -587,8 +587,8 @@ const it = d((t) => new ye(
   items: t.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Be
-})), Te = (t, e) => e.includes(t), Me = (t, e, s) => t.exact ? s === e : Te(e, s), Re = ({ text: t, href: e, exact: s, hidden: a }) => new O({
+  rowItem: Te
+})), Be = (t, e) => e.includes(t), Me = (t, e, s) => t.exact ? s === e : Be(e, s), Re = ({ text: t, href: e, exact: s, hidden: a }) => new O({
   text: t,
   href: e,
   exact: s,
@@ -619,7 +619,7 @@ class ot extends h {
     return S(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        b({
+        w({
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
@@ -700,14 +700,14 @@ const lt = d((t) => {
       variant: "icon",
       class: "back-button",
       click: () => {
-        if (window.history.length > 2) {
-          window.history.back();
+        if (globalThis.history.length > 2) {
+          globalThis.history.back();
           return;
         }
         t.backUrl && app.navigate(t.backUrl);
       }
     }, [
-      N(w.arrows.left)
+      N(b.arrows.left)
     ])
   ]);
 });
@@ -885,7 +885,7 @@ class rt extends j {
    */
   setupEvents() {
     return [
-      ["resize", window, () => this.onResize()]
+      ["resize", globalThis, () => this.onResize()]
     ];
   }
   /**
@@ -894,7 +894,7 @@ class rt extends j {
    * @returns {boolean}
    */
   canDock() {
-    return window.innerWidth >= this.dockSize;
+    return globalThis.innerWidth >= this.dockSize;
   }
   /**
    * This will handle the overlay resize.
@@ -941,7 +941,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
     }]
   ],
   click: () => e(t)
-}, a)), Pe = d(({ selectOption: t, state: e }) => b({
+}, a)), Pe = d(({ selectOption: t, state: e }) => w({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => We({ index: a, click: t, state: e }, s.label)]
 })), Oe = d((t) => o({ class: "relative flex items-center" }, [
@@ -1104,7 +1104,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
     }, t.label)
   ]
 ), $e = (t, e) => (t.callBack = e, Ne(t)), je = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => $e(e, t.callBack)] })
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => $e(e, t.callBack)] })
 ]);
 class ht extends h {
   /**
@@ -1208,7 +1208,7 @@ const Ae = (t) => D(
     }, t.label)
   ]
 ), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
 ]);
 class ut extends h {
   /**
@@ -1285,7 +1285,7 @@ class Qe extends h {
    */
   render() {
     return S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      b({
+      w({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
@@ -1442,7 +1442,7 @@ class Xe extends h {
    * @returns {void}
    */
   afterSetup() {
-    this.canvas = this.panel, this.ctx = this.canvas.getContext("2d"), window.setTimeout(() => {
+    this.canvas = this.panel, this.ctx = this.canvas.getContext("2d"), globalThis.setTimeout(() => {
       this.resize(), this.draw();
     }, 1);
   }
@@ -1458,7 +1458,7 @@ class Xe extends h {
       ["pointerup", e, a],
       ["pointerdown", e, i, l],
       ["pointerout", e, a],
-      ["resize", window, n]
+      ["resize", globalThis, n]
     ];
   }
   /**
@@ -1518,7 +1518,7 @@ class Xe extends h {
   resize() {
     const { canvas: e, ctx: s } = this, a = e.toDataURL();
     if (this.scale(), this.setupBackground(s), a !== "data:,") {
-      const i = new window.Image();
+      const i = new globalThis.Image();
       I.on("load", i, function n() {
         s.drawImage(i, 0, 0), I.off("load", i, n);
       }), i.src = a;
@@ -1540,7 +1540,7 @@ class Xe extends h {
    * @returns {void}
    */
   noScaleResize() {
-    const e = B.getSize(container);
+    const e = T.getSize(container);
     this.width = canvas.width = e.width, this.height = canvas.height = e.height;
   }
   /**
@@ -1550,7 +1550,7 @@ class Xe extends h {
    * @returns {void}
    */
   scale() {
-    const e = this.canvas, s = this.container, a = B.getSize(s), i = this.targetSize, n = i.width, l = i.height;
+    const e = this.canvas, s = this.container, a = T.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let u = n + "px", c = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
       const f = a.width, g = a.height, r = f / n, m = g / l, k = Math.min(r, m);
@@ -1655,7 +1655,7 @@ class gt extends h {
       o({ class: "absolute top-2 right-2" }, [
         C({
           variant: "icon",
-          icon: w.circleX,
+          icon: b.circleX,
           click: this.reset.bind(this)
         })
       ]),
@@ -1711,18 +1711,18 @@ class gt extends h {
 export {
   lt as B,
   pe as C,
-  be as D,
-  we as H,
+  we as D,
+  be as H,
   ct as I,
   ot as N,
   j as O,
   et as P,
   it as S,
   $ as T,
-  Be as U,
+  Te as U,
   at as W,
   ce as a,
-  T as b,
+  B as b,
   le as c,
   tt as d,
   st as e,

package/dist/types/components/organisms/lists/scrollable-data-table.d.ts

@@ -4,7 +4,7 @@
  * This will create a scrollable data table.
  *
  * @param {object} props
- * @property {HTMLElement} [props.scrollContainer] - The container element for scroll events. Defaults to window.
+ * @property {HTMLElement} [props.scrollContainer] - The container element for scroll events. Defaults to globalThis.
  * @property {function} [props.loadMoreItems] - A function to fetch/generate additional items.
  * @property {number} [props.offset] - The initial offset. Defaults to 0.
  * @property {number} [props.limit] - Number of items to load per batch. Defaults to 20.

package/dist/types/components/organisms/lists/scrollable-table.d.ts

@@ -5,7 +5,7 @@ export function ScrollableDataTableBody(props: object): object;
  * This will create a scrollable data table.
  *
  * @param {object} props
- * @property {HTMLElement} [props.scrollContainer] - The container element for scroll events. Defaults to window.
+ * @property {HTMLElement} [props.scrollContainer] - The container element for scroll events. Defaults to globalThis.
  * @property {function} [props.loadMoreItems] - A function to fetch/generate additional items.
  * @property {number} [props.offset] - The initial offset. Defaults to 0.
  * @property {number} [props.limit] - Number of items to load per batch. Defaults to 20.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.112",
+	"version": "1.0.113",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {