@base-framework/ui 1.1.5 → 1.1.7

package/dist/index.es.js

@@ -1,14 +1,14 @@
-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 { 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-BlFbB8yL.js";
+import { B as u, I as g, L as C } from "./buttons-B-FvkS9B.js";
 import { C as T, F as b } from "./form-group-BB7dLJir.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 { 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-CcimrM1k.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, 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-Ba9YNxN4.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 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-DvkT6uAo.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-CAa8ly0W.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-D38xgifi.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-B7hEJ4r-.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-KZXiQy6q.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";

package/dist/{inputs-DEfa4qLY.js → inputs-CcimrM1k.js}

@@ -98,14 +98,6 @@ 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) => {

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

@@ -1,6 +1,6 @@
 import { Button as S, I as B, Label as N, Span as L, Ul as o, H4 as C, Nav as p, Div as l, Header as y, H1 as P, H3 as h, OnState as I, UseParent as $ } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as H, router as d } from "@base-framework/base";
-import { I as f, B as x } from "./buttons-CfwtbIR-.js";
+import { I as f, B as x } from "./buttons-B-FvkS9B.js";
 import { Icons as r } from "./icons.es.js";
 class M extends n {
   /**
@@ -154,14 +154,6 @@ 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)
@@ -371,7 +363,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), D = (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), U = (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",
@@ -379,14 +371,14 @@ const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky:
     icon: r.arrows.left
   }),
   s.title && j(s.title)
-]), U = () => l({
+]), Y = () => l({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (s, { state: e }) => e.open = !1
 });
-class Y extends n {
+class D extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -405,7 +397,7 @@ class Y extends n {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      U(),
+      Y(),
       // Popover Content
       l({
         class: `
@@ -414,7 +406,7 @@ class Y 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" }, [
-          D({ title: this.title }),
+          U({ title: this.title }),
           l({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -452,31 +444,31 @@ class Y extends n {
     this.container = app.root;
   }
 }
-const k = (s) => x({ class: "m-2", variant: "ghost", addState() {
+const v = (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" }, [
-  k(),
+  v(),
   s.title && R(s.title)
-]), v = (s, e) => {
+]), g = (s, e) => {
   s.forEach((t) => {
     if (t.options) {
-      v(t.options, e);
+      g(t.options, e);
       return;
     }
     t.callBack = e;
   });
-}, g = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   I(
     "open",
     (e) => e ? [
-      new Y({ title: s.title }, [
+      new D({ title: s.title }, [
         $(({ state: t }) => {
           const a = (u) => t.open = !1;
-          return v(s.options, a), new c(
+          return g(s.options, a), new c(
             {
               options: s.options
             }
@@ -487,21 +479,21 @@ const k = (s) => x({ class: "m-2", variant: "ghost", addState() {
   )
 ]), X = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
-    k(),
-    g(s)
+    v(),
+    k(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),
-    g(s)
+    k(s)
   ])
 ]));
 export {
-  U as B,
+  Y as B,
   c as I,
   m as M,
-  k as N,
-  D as P,
+  v as N,
+  U as P,
   V as S,
   q as T,
   X as a,
@@ -509,6 +501,6 @@ export {
   M as c,
   T as d,
   E as e,
-  Y as f,
+  D as f,
   W as g
 };

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-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";
+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-DvkT6uAo.js";
+import { A as X, P as Y, g as Z } from "./range-calendar-CAa8ly0W.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-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-Ba9YNxN4.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";
+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-D38xgifi.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-CAa8ly0W.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-B7hEJ4r-.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-BCqUom5C.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-KZXiQy6q.js";
 export {
   s as BasicPage,
   P as BlankPage,

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

@@ -1,7 +1,7 @@
 import { Div as h, Span as H, Button as _, OnState as J, On as z } from "@base-framework/atoms";
 import { Component as Y, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
 import { I as L } from "./image-BB__4s0g.js";
-import { B as f } from "./buttons-CfwtbIR-.js";
+import { B as f } from "./buttons-B-FvkS9B.js";
 import { Icons as P } from "./icons.es.js";
 const U = (e, t) => {
   const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;
@@ -62,6 +62,7 @@ class Tt extends Y {
       popover: "manual",
       toggle: (n, { state: a }) => n.newState === "closed" ? a.open = !1 : null,
       style: "top: [[position.y]]px; left: [[position.x]]px"
+      // @ts-ignore
     }, this.children);
   }
   /**

package/dist/{sidebar-menu-page-BCqUom5C.js → sidebar-menu-page-KZXiQy6q.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-BDvEMLnk.js";
 import { Component as h, Atom as i } from "@base-framework/base";
-import { S as u, b as p } from "./mobile-nav-wrapper-CZ5m6cqw.js";
+import { S as u, b as p } from "./mobile-nav-wrapper-B7hEJ4r-.js";
 class c extends h {
   /**
    * This will declare the props for the compiler.

package/dist/{signature-panel-Ba9YNxN4.js → signature-panel-D38xgifi.js}

@@ -1,10 +1,10 @@
 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 { B as P, I as J } from "./buttons-B-FvkS9B.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-DEfa4qLY.js";
-import { A as le, P as re } from "./range-calendar-BH4jZwwg.js";
+import { C as ie, I as ne, H as oe } from "./inputs-CcimrM1k.js";
+import { A as le, P as re } from "./range-calendar-CAa8ly0W.js";
 import { V as g } from "./image-BB__4s0g.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
@@ -499,7 +499,7 @@ class j extends p {
    * @returns {void}
    */
   beforeDestroy() {
-    this.data.selectedRows = [], this.list = null;
+    this.data.selectedRows = [];
   }
 }
 const ve = (t) => new ee({
@@ -1191,14 +1191,6 @@ const ze = d(({ index: t, click: e, state: s }, a) => w({
           selectOption: this.selectOption.bind(this)
         })
       ]);
-    },
-    /**
-     * This will destroy the component.
-     *
-     * @returns {void}
-     */
-    destroy() {
-      this.dropdown = null, this.input = null;
     }
   }
 ), Ae = (t) => w(

package/dist/{tooltip-BNsImT7F.js → tooltip-BlFbB8yL.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-DEfa4qLY.js";
+import { f as h, e as y, g as k } from "./inputs-CcimrM1k.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

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

@@ -56,8 +56,6 @@ 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/modals/drawer/drawer.d.ts

@@ -39,6 +39,16 @@ export class Drawer extends Modal {
      * @private
      */
     private gesture;
+    /**
+     * Cached reference to modal content element (set via cache property)
+     * @type {HTMLElement|null}
+     */
+    modalContent: HTMLElement | null;
+    /**
+     * Cached reference to modal body element (set via cache property)
+     * @type {HTMLElement|null}
+     */
+    modalBody: HTMLElement | null;
     /**
      * Gets extra props to pass to ModalContainer
      *

package/dist/types/components/molecules/modals/modal.d.ts

@@ -133,7 +133,5 @@ export class Modal extends Component {
      * @returns {void}
      */
     protected showModal(): void;
-    modalContent: any;
-    modalBody: any;
 }
 import { Component } from "@base-framework/base";

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

@@ -26,7 +26,6 @@ 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,7 +99,6 @@ 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/package.json

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

package/dist/buttons-CfwtbIR-.js

@@ -1,61 +0,0 @@
-import { I as h, Button as e } from "@base-framework/atoms";
-import { Atom as s } from "@base-framework/base";
-import { Icons as r } from "./icons.es.js";
-const m = {
-  xs: "w-4 h-4",
-  sm: "w-6 h-6",
-  md: "w-8 h-8",
-  lg: "w-10 h-10",
-  xl: "w-12 h-12",
-  "2xl": "w-14 h-14",
-  "3xl": "w-16 h-16"
-}, c = s((n, t) => {
-  const a = m[n.size || "sm"];
-  return h({
-    ...n,
-    class: `stroke-current icon-size ${a} ${n.class || ""}`,
-    html: t[0]?.textContent
-  });
-}), i = (n) => s((t, a) => e({
-  ...n,
-  ...t,
-  class: `bttn ${n.class} ${t.class || ""}`
-}, a)), u = s(
-  (n, t) => e({
-    ...n,
-    class: n.class
-  }, [
-    n.icon && n.position !== "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null,
-    ...t || [],
-    n.icon && n.position === "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null
-  ])
-), l = (n) => s((t, a) => u({
-  ...n,
-  ...t,
-  class: `bttn ${n.class} ${t.class || ""}`
-}, a)), w = (n) => () => {
-  if (n.allowHistory === !0 && globalThis.history.length > 2) {
-    globalThis.history.back();
-    return;
-  }
-  n.backUrl && app.navigate(n.backUrl);
-}, g = (n) => s((t, a) => (t.icon = t.icon || r.arrows.left, t.click = t.click || w(t), u({
-  ...n,
-  ...t
-}, a))), o = {
-  primary: i({ class: "primary" }),
-  secondary: i({ class: "secondary" }),
-  destructive: i({ class: "destructive" }),
-  warning: i({ class: "warning" }),
-  outline: i({ class: "outline" }),
-  ghost: i({ class: "ghost" }),
-  link: i({ class: "link" }),
-  icon: l({ class: "icon" }),
-  withIcon: l({ class: "with-icon" }),
-  back: g({ class: "with-icon back-button" })
-}, k = s((n, t) => (o[n.variant] || o.primary)(n, t)), y = s((n, t) => k({ ...n, variant: "withIcon", icon: r.loading, animation: "animate-spin" }, t));
-export {
-  k as B,
-  c as I,
-  y as L
-};