@base-framework/ui 1.1.2 → 1.1.4

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-Czvqmxt3.js";
+import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-BNsImT7F.js";
 import { B as u, I as g, L as C } from "./buttons-CfwtbIR-.js";
 import { C as T, F as b } from "./form-group-BB7dLJir.js";
-import { C as D, d as S, D as F, c as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, a as U, b as L, U as W, W as w } from "./inputs-9udyzkHR.js";
+import { C as D, a as S, D as F, b as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, c as U, d as L, U as W, W as w } from "./inputs-DEfa4qLY.js";
 import { I as R, V as A, a as G } from "./image-BB__4s0g.js";
 import { Icons as E } from "./icons.es.js";
-import { A as j, B as q, C as J, x as z, O as K, z as Q, E as _, G as X, H as Y, D as Z, m as $, n as aa, R as ea, Q as sa, w as oa, o as ta, c as ra, a as na, b as la, U as ia, l as pa, g as ma, i as da, h as ua, j as ga, e as Ca, k as ca, F as Ta, d as ba, f as Ia, I as Da, L as Sa, y as Fa, M as Ba, p as Pa, N as ka, P as Ma, t as xa, u as fa, S as va, r as Na, s as ya, T as ha, J as Ua, K as La, q as Wa, v as wa } from "./empty-state-CNuWXebM.js";
-import { A as Ra, b as Aa, C as Ga, D as Oa, a as Ea, F as Va, M as ja, P as qa, R as Ja, c as za, g as Ka, p as Qa } from "./range-calendar-CAwPjNM3.js";
-import { B as Xa, p as Ya, C as Za, j as $a, D as ae, m as ee, k as se, H as oe, I as te, N as re, O as ne, P as le, S as ie, n as pe, o as me, x as de, s as ue, q as ge, r as Ce, T as ce, t as Te, w as be, u as Ie, v as De, l as Se, U as Fe, W as Be, f as Pe, h as ke, i as Me, c as xe, d as fe, b as ve, e as Ne, a as ye, g as he } from "./signature-panel-C5pdGkvG.js";
-import { B as Le, I as We, M as we, d as He, e as Re, g as Ae, N as Ge, b as Oe, a as Ee, f as Ve, P as je, c as qe, S as Je, T as ze } from "./mobile-nav-wrapper-jUpomqyU.js";
-import { B as Qe, a as _e, C as Xe, F as Ye, b as Ze, c as $e, M as as, P as es, S as ss } from "./sidebar-menu-page-D6r7Pr21.js";
-import { A as ts, F as rs, M as ns, a as ls, T as is } from "./aside-template-sUm-F2f0.js";
-import { B as ms } from "./bside-template-do_hXebn.js";
+import { A as j, B as q, C as J, a as z, b as K, c as Q, d as _, D as X, e as Y, f as Z, g as $, h as aa, i as ea, j as sa, k as oa, l as ta, m as ra, n as na, o as la, E as ia, F as pa, p as ma, q as da, r as ua, s as ga, t as Ca, u as ca, v as Ta, w as ba, x as Ia, I as Da, L as Sa, M as Fa, y as Ba, N as Pa, z as ka, P as Ma, S as xa, G as fa, H as va, J as Na, K as ya, T as ha, O as Ua, Q as La, R as Wa, U as wa } from "./empty-state-DoTkyO7O.js";
+import { A as Ra, C as Aa, a as Ga, D as Oa, b as Ea, F as Va, M as ja, P as qa, R as Ja, c as za, g as Ka, p as Qa } from "./range-calendar-BH4jZwwg.js";
+import { B as Xa, a as Ya, C as Za, D as $a, b as ae, c as ee, d as se, H as oe, I as te, N as re, O as ne, P as le, S as ie, e as pe, f as me, g as de, T as ue, h as ge, i as Ce, j as ce, U as Te, k as be, l as Ie, m as De, n as Se, o as Fe, W as Be, p as Pe, q as ke, r as Me, s as xe, t as fe, u as ve, v as Ne, w as ye, x as he } from "./signature-panel-C0l1Y7aF.js";
+import { B as Le, I as We, M as we, a as He, b as Re, N as Ae, c as Ge, d as Oe, e as Ee, f as Ve, P as je, S as qe, g as Je, T as ze } from "./mobile-nav-wrapper-CZ5m6cqw.js";
+import { B as Qe, a as _e, C as Xe, F as Ye, b as Ze, c as $e, M as as, P as es, S as ss } from "./sidebar-menu-page-BCqUom5C.js";
+import { A as ts, F as rs, M as ns, T as ls, a as is } from "./aside-template-BDvEMLnk.js";
+import { B as ms } from "./bside-template-BCP2pJWN.js";
 import { F as us, c as gs } from "./format-BmrNQptv.js";
 import { I as cs } from "./image-scaler-1G-JzJVG.js";
 export {

package/dist/{inputs-9udyzkHR.js → inputs-DEfa4qLY.js}

@@ -98,6 +98,14 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-bo
         // @ts-ignore
         this.label && T({ id: e, label: this.label, clickHandler: c })
       ]);
+    },
+    /**
+     * This will clear cached references before destroying the component.
+     *
+     * @returns {void}
+     */
+    destroy() {
+      this.checkbox = null;
     }
   }
 ), H = (e) => {
@@ -200,10 +208,10 @@ export {
   M as T,
   O as U,
   A as W,
-  q as a,
-  W as b,
-  j as c,
-  K as d,
+  K as a,
+  j as b,
+  q as c,
+  W as d,
   a as e,
   o as f,
   f as g

package/dist/{mobile-nav-wrapper-jUpomqyU.js → mobile-nav-wrapper-CZ5m6cqw.js}

@@ -154,6 +154,14 @@ class m extends n {
   update(e) {
     this.link.update(e);
   }
+  /**
+   * This will clear references before destroying the component.
+   *
+   * @returns {void}
+   */
+  beforeDestroy() {
+    this.link = null;
+  }
 }
 const E = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
   C({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
@@ -363,7 +371,7 @@ const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky:
   ]),
   new c({ options: e, mobileBorder: a, class: u ? "sticky top-0" : "" }),
   w
-]), j = (s) => h({ class: "text-lg ml-2" }, s), U = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+]), j = (s) => h({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
   x({
     variant: "icon",
     class: "m-2",
@@ -371,14 +379,14 @@ const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky:
     icon: r.arrows.left
   }),
   s.title && j(s.title)
-]), Y = () => l({
+]), U = () => l({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (s, { state: e }) => e.open = !1
 });
-class D extends n {
+class Y extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -397,7 +405,7 @@ class D extends n {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      Y(),
+      U(),
       // Popover Content
       l({
         class: `
@@ -406,7 +414,7 @@ class D extends n {
         dataSet: ["open", ["expanded", !0, "true"]]
       }, [
         l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
-          U({ title: this.title }),
+          D({ title: this.title }),
           l({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -444,31 +452,31 @@ class D extends n {
     this.container = app.root;
   }
 }
-const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
+const k = (s) => x({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   f(r.bar.three)
 ]), R = (s) => h({ class: "text-lg ml-2" }, s), q = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  v(),
+  k(),
   s.title && R(s.title)
-]), g = (s, e) => {
+]), v = (s, e) => {
   s.forEach((t) => {
     if (t.options) {
-      g(t.options, e);
+      v(t.options, e);
       return;
     }
     t.callBack = e;
   });
-}, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, g = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   I(
     "open",
     (e) => e ? [
-      new D({ title: s.title }, [
+      new Y({ title: s.title }, [
         $(({ state: t }) => {
           const a = (u) => t.open = !1;
-          return g(s.options, a), new c(
+          return v(s.options, a), new c(
             {
               options: s.options
             }
@@ -479,28 +487,28 @@ const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
   )
 ]), X = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
-    v(),
-    k(s)
+    k(),
+    g(s)
   ])
 ])), Z = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   l({ class: "flex flex-auto flex-col w-full" }, [
     q(s),
-    k(s)
+    g(s)
   ])
 ]));
 export {
-  Y as B,
+  U as B,
   c as I,
   m as M,
-  M as N,
-  U as P,
-  W as S,
+  k as N,
+  D as P,
+  V as S,
   q as T,
-  E as a,
-  T as b,
-  V as c,
-  X as d,
-  Z as e,
-  D as f,
-  v as g
+  X as a,
+  Z as b,
+  M as c,
+  T as d,
+  E as e,
+  Y as f,
+  W as g
 };

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, x as e, O as i, z as n, E as m, G as l, H as d, D as C, m as p, n as D, R as S, Q as g, w as u, o as c, c as F, a as T, b as P, U as w, l as A, g as I, i as f, h as b, j as y, e as B, k as M, F as U, d as k, f as x, I as L, L as R, y as v, M as E, p as N, N as h, P as G, t as O, u as j, S as q, r as z, s as H, T as J, J as K, K as Q, q as _, v as V } from "./empty-state-CNuWXebM.js";
-import { A as X, P as Y, g as Z } from "./range-calendar-CAwPjNM3.js";
+import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as g, k as u, l as c, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-DoTkyO7O.js";
+import { A as X, P as Y, g as Z } from "./range-calendar-BH4jZwwg.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-C5pdGkvG.js";
-import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-CAwPjNM3.js";
-import { B as X, I as Y, M as Z, d as _, e as $, g as aa, N as ea, b as sa, a as na, f as ta, P as oa, c as ra, S as la, T as ia } from "./mobile-nav-wrapper-jUpomqyU.js";
+import { B as s, a as n, C as t, D as o, b as r, c as l, d as i, H as d, I as b, N as u, O as v, P as g, S as p, e as T, f as D, g as N, T as k, h as C, i as c, j as B, U as M, k as m, l as y, m as W, n as h, o as S, W as H, p as P, q as U, r as x, s as I, t as f, u as L, v as O, w as F, x as G } from "./signature-panel-C0l1Y7aF.js";
+import { C as R, a as j, D as q, b as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-BH4jZwwg.js";
+import { B as X, I as Y, M as Z, a as _, b as $, N as aa, c as ea, d as sa, e as na, f as ta, P as oa, S as ra, g as la, T as ia } from "./mobile-nav-wrapper-CZ5m6cqw.js";
 export {
   s as BackButton,
   X as Backdrop,

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-D6r7Pr21.js";
+import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-BCqUom5C.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{range-calendar-CAwPjNM3.js → range-calendar-BH4jZwwg.js}

@@ -816,14 +816,14 @@ class Yt extends Y {
 }
 export {
   Nt as A,
-  lt as C,
+  Ot as C,
   N as D,
   w as F,
   dt as M,
   Tt as P,
   Yt as R,
-  ht as a,
-  Ot as b,
+  lt as a,
+  ht as b,
   nt as c,
   U as g,
   D as p

package/dist/{sidebar-menu-page-D6r7Pr21.js → sidebar-menu-page-BCqUom5C.js}

@@ -1,7 +1,7 @@
 import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
-import { F as l, A as x } from "./aside-template-sUm-F2f0.js";
+import { F as l, A as x } from "./aside-template-BDvEMLnk.js";
 import { Component as h, Atom as i } from "@base-framework/base";
-import { c as u, e as p } from "./mobile-nav-wrapper-jUpomqyU.js";
+import { S as u, b as p } from "./mobile-nav-wrapper-CZ5m6cqw.js";
 class c extends h {
   /**
    * This will declare the props for the compiler.

package/dist/{signature-panel-C5pdGkvG.js → signature-panel-C0l1Y7aF.js}

@@ -1,17 +1,17 @@
-import { Button as w, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as y, Time as X, Nav as m, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
+import { Button as y, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as w, Time as X, Nav as m, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
 import { Atom as d, Component as p, Data as T, DateTime as K, router as k, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
 import { B as P, I as J } from "./buttons-CfwtbIR-.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as Z, DataTableBody as ee, ScrollableTableBody as te, List as se, IntervalTimer as ae } from "@base-framework/organisms";
-import { C as ie, I as ne, H as oe } from "./inputs-9udyzkHR.js";
-import { A as le, P as re } from "./range-calendar-CAwPjNM3.js";
+import { C as ie, I as ne, H as oe } from "./inputs-DEfa4qLY.js";
+import { A as le, P as re } from "./range-calendar-BH4jZwwg.js";
 import { V as g } from "./image-BB__4s0g.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
   children: e
 }));
-d(({ value: t, label: e }) => w({
+d(({ value: t, label: e }) => y({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 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-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: t }],
   dataSet: ["performance", ["state", t, "active"]],
@@ -83,7 +83,7 @@ const ce = (t) => {
   return a.getDate() === t && a.getMonth() === e && a.getFullYear() === s;
 }, ge = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
   const n = fe(t, e, s);
-  return w({
+  return y({
     text: t || "",
     disabled: !t,
     class: `
@@ -302,7 +302,7 @@ const xe = (t, e) => {
   e.state.checked = !s;
 }, ke = (t) => N({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   E((e) => new ie({ class: "mr-2", onChange: (s, a) => xe(e, a) }))
-]), we = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return N({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
@@ -318,7 +318,7 @@ const xe = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? ke({ toggle: t.toggle }) : we({
+      (e) => e.label === "checkbox" ? ke({ toggle: t.toggle }) : ye({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -327,7 +327,7 @@ const xe = (t, e) => {
       })
     ]
   })
-]), ye = ({ key: t, rows: e, selectRow: s, rowItem: a, emptyState: i, skeleton: n, columnCount: l }) => new Z({
+]), we = ({ key: t, rows: e, selectRow: s, rowItem: a, emptyState: i, skeleton: n, columnCount: l }) => new Z({
   cache: "list",
   key: t,
   items: e,
@@ -423,7 +423,7 @@ class j extends p {
           this.headers && R({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          ye({
+          we({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -499,7 +499,7 @@ class j extends p {
    * @returns {void}
    */
   beforeDestroy() {
-    this.data.selectedRows = [];
+    this.data.selectedRows = [], this.list = null;
   }
 }
 const ve = (t) => new ee({
@@ -652,7 +652,7 @@ class Ce extends j {
     this.list.refresh();
   }
 }
-const wt = d((t) => new Ce(
+const yt = d((t) => new Ce(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -684,7 +684,7 @@ const wt = d((t) => new Ce(
 ]), Te = (t, e) => t === "online" ? Ie() : Be(e), Me = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   v({ class: "text-sm leading-6 m-0" }, t),
   Te(s, e)
-])), Pe = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => y({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+])), Pe = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => w({ 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" }, [
     le({ src: t.image, alt: t.name, fallbackText: Pe(t.name) }),
     Le({ name: t.name, email: t.email })
@@ -694,7 +694,7 @@ const wt = d((t) => new Ce(
     lastSeen: t.lastSeen,
     status: t.status
   })
-])), yt = d((t) => new se({
+])), wt = d((t) => new se({
   cache: "list",
   key: "name",
   items: t.users,
@@ -1029,7 +1029,7 @@ class Ct extends A {
     this.container = e, this.initialize();
   }
 }
-const ze = d(({ index: t, click: e, state: s }, a) => y({
+const ze = d(({ index: t, click: e, state: s }, a) => w({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -1191,15 +1191,23 @@ const ze = d(({ index: t, click: e, state: s }, a) => y({
           selectOption: this.selectOption.bind(this)
         })
       ]);
+    },
+    /**
+     * This will destroy the component.
+     *
+     * @returns {void}
+     */
+    destroy() {
+      this.dropdown = null, this.input = null;
     }
   }
-), Ae = (t) => y(
+), Ae = (t) => w(
   {
     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",
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    y({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
@@ -1295,13 +1303,13 @@ class It extends g {
     };
   }
 }
-const Ye = (t) => y(
+const Ye = (t) => w(
   {
     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",
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    y({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
@@ -1504,13 +1512,13 @@ class Tt extends g {
     return s;
   }
 }
-const Ke = (t) => y(
+const Ke = (t) => w(
   {
     class: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100",
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    y({
       class: "flex flex-auto justify-center items-center px-4 py-3 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
@@ -1597,13 +1605,13 @@ class Mt extends g {
     };
   }
 }
-const Ze = (t) => y(
+const Ze = (t) => w(
   {
     class: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100",
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    y({
       class: "flex flex-auto justify-center items-center px-4 py-3 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
@@ -2109,42 +2117,50 @@ class Ot extends p {
     if (this.canvasLayer)
       return this.canvasLayer.reset();
   }
+  /**
+   * Cleans up references before destroying the component.
+   *
+   * @returns {void}
+   */
+  beforeDestroy() {
+    this.canvasLayer = null, this.hiddenInput = null;
+  }
 }
 export {
   Dt as B,
   ke as C,
-  ye as D,
-  we as H,
+  j as D,
+  ye as H,
   Ct as I,
   vt as N,
   A as O,
   mt as P,
-  wt as S,
-  R as T,
-  Re as U,
+  yt as S,
+  Tt as T,
+  Mt as U,
   xt as W,
-  ue as a,
-  $ as b,
-  de as c,
-  pt as d,
-  bt as e,
-  ge as f,
-  he as g,
-  pe as h,
-  be as i,
-  j,
-  kt as k,
-  yt as l,
-  St as m,
-  Lt as n,
-  Ue as o,
-  It as p,
-  Bt as q,
-  qe as r,
-  Tt as s,
-  Mt as t,
-  Pt as u,
-  nt as v,
-  Rt as w,
-  Ot as x
+  It as a,
+  we as b,
+  St as c,
+  kt as d,
+  Lt as e,
+  Ue as f,
+  Ot as g,
+  Bt as h,
+  qe as i,
+  R as j,
+  Rt as k,
+  Pt as l,
+  nt as m,
+  wt as n,
+  Re as o,
+  ge as p,
+  pe as q,
+  be as r,
+  de as s,
+  pt as t,
+  $ as u,
+  bt as v,
+  ue as w,
+  he as x
 };

package/dist/templates.es.js

@@ -1,5 +1,5 @@
-import { A as s, F as l, M as m, a as p, T as o } from "./aside-template-sUm-F2f0.js";
-import { B as T } from "./bside-template-do_hXebn.js";
+import { A as s, F as l, M as m, T as p, a as o } from "./aside-template-BDvEMLnk.js";
+import { B as T } from "./bside-template-BCP2pJWN.js";
 export {
   s as AsideTemplate,
   T as BsideTemplate,

package/dist/{tooltip-Czvqmxt3.js → tooltip-BNsImT7F.js}

@@ -1,7 +1,7 @@
 import { Span as c, Legend as b, Fieldset as p, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as x } from "@base-framework/base";
 import { a as d } from "./image-BB__4s0g.js";
-import { f as h, e as y, g as k } from "./inputs-9udyzkHR.js";
+import { f as h, e as y, g as k } from "./inputs-DEfa4qLY.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

package/dist/types/components/molecules/dropdowns/dropdown-menu.d.ts

@@ -56,6 +56,8 @@ export class DropdownMenu extends Component {
      * @returns {object}
      */
     render(): object;
+    button: any;
+    dropdown: any;
 }
 import { Component } from '@base-framework/base';
 import { Data } from '@base-framework/base';

package/dist/types/components/molecules/notifications/notification-container.d.ts

@@ -26,6 +26,7 @@ export class NotificationContainer extends Component {
      * @returns {void}
      */
     removeNotice(notice: object): void;
+    list: any;
 }
 export default NotificationContainer;
 import { Component } from "@base-framework/base";

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

@@ -99,6 +99,7 @@ export class DataTable extends Component {
      * @returns {void}
      */
     public prepend(items: any[] | object): void;
+    list: any;
 }
 import { CheckboxCol } from './table-header.js';
 import { HeaderCol } from './table-header.js';

package/dist/types/components/organisms/signature/signature-panel.d.ts

@@ -45,6 +45,7 @@ export class SignaturePanel extends Component {
      * @returns {void}
      */
     reset(e?: Event): void;
+    hiddenInput: any;
 }
 export default SignaturePanel;
 import { Component } from "@base-framework/base";

package/package.json

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