@base-framework/ui 1.0.187 → 1.0.189

package/dist/index.es.js

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

package/dist/organisms.es.js

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

package/dist/{signature-panel-D5slzOAr.js → signature-panel-QCv3BDfZ.js}

@@ -1,6 +1,6 @@
-import { Button as x, Div as o, On as H, Span as v, Th as P, UseParent as F, I as E, Thead as Q, Tr as X, Table as I, P as p, Li as D, Time as q, Nav as S, Ul as w, Section as O, Canvas as K } from "@base-framework/atoms";
-import { Atom as d, Component as h, Data as L, DateTime as G, router as y, NavLink as z, DataTracker as $, Jot as V, base as B, Dom as M } from "@base-framework/base";
-import { B as C, I as _ } from "./buttons-Cm9etaEG.js";
+import { Button as x, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
+import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
+import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
 import { Icons as k } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
 import { C as ae, I as ie, H as ne } from "./inputs-CMjx5-IX.js";
@@ -58,7 +58,7 @@ const re = (t) => {
     { length: s },
     (i, n) => new Date(t, e - 1, a - s + n + 1)
   );
-}, he = (t, e, s) => Array.from({ length: s }, (a, i) => new Date(t, e + 1, i + 1)), R = (t, e) => {
+}, he = (t, e, s) => Array.from({ length: s }, (a, i) => new Date(t, e + 1, i + 1)), W = (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);
@@ -95,15 +95,15 @@ const re = (t) => {
 }, ge = (t, e) => {
   const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (r, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, u = l === 0 ? 0 : 7 - l, c = he(t, e, u), f = [...i, ...n, ...c], g = [];
   for (let r = 0; r < f.length; r += 7) {
-    const m = f.slice(r, r + 7), b = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(b);
+    const m = f.slice(r, r + 7), b = m.find((H) => H) || new Date(t, e, 1), { weekNumber: U, year: Y } = ce(b);
     g.push({
-      weekNumber: A,
-      year: U,
+      weekNumber: U,
+      year: Y,
       days: m
     });
   }
   return g;
-}, me = ({ selectWeek: t }) => H("month", (e, s, { data: a }) => {
+}, me = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
   const { year: i, month: n, currentDate: l } = a, u = ge(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
@@ -115,7 +115,7 @@ const re = (t) => {
           class: "grid grid-cols-7 col-span-7 text-center text-muted-foreground items-center"
         },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (c) => v({ class: "px-1 py-1", text: c })
+          (c) => D({ class: "px-1 py-1", text: c })
         )
       ),
       // Render each "week" row
@@ -154,7 +154,7 @@ const re = (t) => {
       )
     ]
   );
-}), W = ({ label: t, click: e }) => C(
+}), P = ({ label: t, click: e }) => T(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -168,12 +168,12 @@ const re = (t) => {
     icon: t === "Previous" ? k.chevron.single.left : k.chevron.single.right
   }
 ), pe = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
-  v("[[monthName]] [[year]]"),
-  W({
+  D("[[monthName]] [[year]]"),
+  P({
     label: "Previous",
     click: e
   }),
-  W({
+  P({
     label: "Next",
     click: t
   })
@@ -193,8 +193,8 @@ class ot extends h {
    * @returns {Data}
    */
   setData() {
-    const e = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(e), a = R(s, e.getFullYear());
-    return new L({
+    const e = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(e), a = W(s, e.getFullYear());
+    return new C({
       monthName: this.getMonthName(a.getMonth()),
       year: a.getFullYear(),
       month: a.getMonth(),
@@ -276,7 +276,7 @@ class ot extends h {
    */
   selectWeek(e, s) {
     this.data.currentWeek = e;
-    const a = R(e, s);
+    const a = W(e, s);
     this.setDate(a.getMonth(), a.getFullYear(), a.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(e);
   }
   /**
@@ -299,20 +299,20 @@ class ot extends h {
 const we = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, be = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
 ]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
-  return P({
+  return O({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
     click: e && (() => i(s))
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
-      v(a),
+      D(a),
       e && E({ class: "ml-2", html: k.arrows.upDown })
     ])
   ]);
-}, T = (t) => Q([
+}, B = (t) => Q([
   X({
     class: "text-muted-foreground border-b",
     map: [
@@ -334,15 +334,16 @@ const we = (t, e) => {
   class: "divide-y divide-border",
   emptyState: i
 });
-class N extends h {
+class j extends h {
   /**
    * Initializes component data.
    *
    * @returns {Data}
    */
   setData() {
-    return new L({
+    return new C({
       selectedRows: [],
+      hasItems: null,
       selected: !1
     });
   }
@@ -402,10 +403,11 @@ class N extends h {
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full" }, [
-      o({ class: `w-full rounded-md ${s} overflow-x-auto` }, [
-        I({ class: "w-full" }, [
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && T({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
           ke({
@@ -494,7 +496,7 @@ const xe = (t) => new Z({
   rowItem: (e) => t.rowItem(e, t.selectRow),
   class: "divide-y divide-border"
 });
-class ve extends N {
+class ve extends j {
   /**
    * Renders the DataTable component.
    *
@@ -503,10 +505,11 @@ class ve extends N {
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full" }, [
-      o({ class: `w-full rounded-md ${s} overflow-x-auto` }, [
-        I({ class: "w-full" }, [
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && T({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
           xe({
@@ -569,7 +572,7 @@ const lt = d((t) => new ve(
   rowItem: (e) => t.rowItem(e, t.selectRow),
   class: "divide-y divide-border"
 });
-class Se extends N {
+class Se extends j {
   /**
    * Renders the DataTable component.
    *
@@ -578,10 +581,11 @@ class Se extends N {
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full" }, [
-      o({ class: `w-full rounded-md ${s} overflow-x-auto` }, [
-        I({ class: "w-full" }, [
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && T({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
           De({
@@ -603,9 +607,7 @@ class Se extends N {
             // @ts-ignore
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
-            rowItem: this.rowItem,
-            // @ts-ignore
-            emptyState: this.emptyState
+            rowItem: this.rowItem
           })
         ])
       ])
@@ -646,12 +648,12 @@ const rt = d((t) => new Se(
   ]),
   p({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Ce = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
-  v("Last seen "),
+  D("Last seen "),
   q({ datetime: t }, "3h ago")
 ]), Te = (t, e) => t === "online" ? Le() : Ce(e), Be = 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),
   Te(s, e)
-])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => D({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => S({ 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" }, [
     oe({ src: t.image, alt: t.name, fallbackText: Me(t.name) }),
     Ie({ name: t.name, email: t.email })
@@ -668,7 +670,7 @@ const rt = d((t) => new Se(
   role: "list",
   class: "divide-y divide-border",
   rowItem: Re
-})), We = (t, e) => e.includes(t), Pe = (t, e, s) => t.exact ? s === e : We(e, s), Oe = ({ text: t, href: e, exact: s, hidden: a }) => new z({
+})), We = (t, e) => e.includes(t), Pe = (t, e, s) => t.exact ? s === e : We(e, s), Oe = ({ text: t, href: e, exact: s, hidden: a }) => new $({
   text: t,
   href: e,
   exact: s,
@@ -696,7 +698,7 @@ class dt extends h {
    * @returns {object}
    */
   render() {
-    return S(
+    return I(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
         w({
@@ -776,10 +778,10 @@ class dt extends h {
 const ht = d((t) => {
   const e = t.margin || "m-4 ml-0";
   return t.allowHistory = t.allowHistory === !0, o({ class: `flex-none ${e}` }, [
-    C({ variant: "back", class: "ghost", ...t })
+    T({ variant: "back", class: "ghost", ...t })
   ]);
 });
-class j extends h {
+class A extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -866,13 +868,13 @@ class j extends h {
     return this.children;
   }
 }
-$.addType("dockableOverlay", (t) => {
+N.addType("dockableOverlay", (t) => {
   if (!t)
     return;
   const e = t.component;
   e && e.rendered === !0 && e.state.docked === !1 && e.destroy();
 });
-class ut extends j {
+class ut extends A {
   /**
    * This will stop presistence.
    *
@@ -938,7 +940,7 @@ class ut extends j {
    * @returns {void}
    */
   afterSetup() {
-    $.add(
+    N.add(
       this.container,
       "dockableOverlay",
       {
@@ -981,7 +983,7 @@ class ut extends j {
     document.documentElement.style.overflowY = "auto";
   }
 }
-class ft extends j {
+class ft extends A {
   /**
    * This will get the overlay type.
    *
@@ -1000,7 +1002,7 @@ class ft extends j {
     this.container = e, this.initialize();
   }
 }
-const ze = d(({ index: t, click: e, state: s }, a) => D({
+const ze = d(({ index: t, click: e, state: s }, a) => S({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -1053,7 +1055,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
      */
     setData() {
       const t = this.options || [];
-      return new L({
+      return new C({
         options: t,
         filteredOptions: t
       });
@@ -1164,7 +1166,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
       ]);
     }
   }
-), Ae = (t) => D(
+), Ae = (t) => S(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
@@ -1176,7 +1178,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
       click: (e) => t.callBack(t.value)
     }, 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}` }, [
+), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
 ]);
 class mt extends h {
@@ -1201,7 +1203,7 @@ class mt extends h {
         options: this.options,
         callBack: e
       }),
-      O({
+      z({
         class: "tab-content",
         onState: ["selected", this.updateContent.bind(this)]
       })
@@ -1267,7 +1269,7 @@ class mt extends h {
     };
   }
 }
-const He = (t) => D(
+const He = (t) => S(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
@@ -1280,7 +1282,7 @@ const He = (t) => D(
       disabled: t.disabled
     }, t.label)
   ]
-), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
 ]);
 class pt extends h {
@@ -1329,7 +1331,7 @@ class pt extends h {
 const Qe = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), Xe = (t, e) => {
   const s = t.getLinkPath();
   return t.exact ? e === s : Qe(s, e);
-}, qe = ({ text: t, href: e, exact: s }) => new z({
+}, qe = ({ text: t, href: e, exact: s }) => new $({
   text: t,
   href: e,
   exact: s,
@@ -1357,7 +1359,7 @@ class Ke extends h {
    * @returns {object}
    */
   render() {
-    return S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
+    return I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
       w({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
@@ -1451,7 +1453,7 @@ class wt extends h {
         class: this.class,
         options: this.options
       }),
-      O({
+      z({
         class: "tab-content",
         switch: this.addGroup()
       })
@@ -1592,8 +1594,8 @@ class Ge extends h {
     const { canvas: e, ctx: s } = this, a = e.toDataURL();
     if (this.scale(), this.setupBackground(s), a !== "data:,") {
       const i = new globalThis.Image();
-      B.on("load", i, function n() {
-        s.drawImage(i, 0, 0), B.off("load", i, n);
+      M.on("load", i, function n() {
+        s.drawImage(i, 0, 0), M.off("load", i, n);
       }), i.src = a;
     }
     this.draw();
@@ -1613,7 +1615,7 @@ class Ge extends h {
    * @returns {void}
    */
   noScaleResize() {
-    const e = M.getSize(container);
+    const e = R.getSize(container);
     this.width = canvas.width = e.width, this.height = canvas.height = e.height;
   }
   /**
@@ -1623,7 +1625,7 @@ class Ge extends h {
    * @returns {void}
    */
   scale() {
-    const e = this.canvas, s = this.container, a = M.getSize(s), i = this.targetSize, n = i.width, l = i.height;
+    const e = this.canvas, s = this.container, a = R.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, b = Math.min(r, m);
@@ -1726,7 +1728,7 @@ class bt extends h {
         bind: this.path + ".data"
       }),
       o({ class: "absolute top-2 right-2" }, [
-        C({
+        T({
           variant: "icon",
           icon: k.circleX,
           click: this.reset.bind(this)
@@ -1788,14 +1790,14 @@ export {
   ye as H,
   ft as I,
   dt as N,
-  j as O,
+  A as O,
   at as P,
   rt as S,
-  T,
+  B as T,
   Re as U,
   ot as W,
   he as a,
-  R as b,
+  W as b,
   ce as c,
   it as d,
   nt as e,
@@ -1803,7 +1805,7 @@ export {
   de as g,
   me as h,
   pe as i,
-  N as j,
+  j,
   lt as k,
   ct as l,
   ut as m,

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

@@ -14,6 +14,7 @@ export function DynamicTableBody(props: object): object;
  * @property {array} [props.rows] - The initial rows.
  * @property {function} [props.rowItem] - The row item.
  * @property {string} [props.containerClass] - The class to add to the scroll container.
+ * @property {object|null} [props.emptyState] - The empty state to show when there are no items.
  * @returns {object}
  */
 export class DynamicTable extends DataTable {

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

@@ -15,6 +15,7 @@ export function ScrollableDataTableBody(props: object): object;
  * @property {array} [props.rows] - The initial rows.
  * @property {function} [props.rowItem] - The row item.
  * @property {string} [props.containerClass] - The class to add to the scroll container.
+ * @property {array} [props.emptyState] - The empty state to show when there are no items.
  * @returns {object}
  */
 export class ScrollableTable extends DataTable {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.187",
+	"version": "1.0.189",
 	"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": {