@base-framework/ui 1.0.2033 → 1.1.0

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, F as o, L as r, P as n, R as p, S as I, a as u, T as i } from "./tooltip-Czvqmxt3.js";
-import { B as d, I as m, L as x } from "./buttons-C5VyfDUa.js";
+import { B as d, I as m, L as x } from "./buttons-CfwtbIR-.js";
 import { C as T, F as g } from "./form-group-BB7dLJir.js";
 import { C as F, d as c, D as f, c as L, E as P, F as R, H as S, I as b, M as h, N as k, P as D, R as V, T as E, a as G, b as H, U as M, W as N } from "./inputs-9udyzkHR.js";
 import { I as W, V as w, a as J } from "./image-BB__4s0g.js";

package/dist/buttons-CfwtbIR-.js

@@ -0,0 +1,61 @@
+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
+};

package/dist/{empty-state-B39KBcM4.js → empty-state-DdZZgWGr.js}

@@ -1,8 +1,8 @@
 import { Div as n, H5 as Z, P as b, I as x, Li as H, Span as a, Ul as q, Button as f, OnState as T, Label as P, H2 as S, Form as tt, Header as I, Footer as L, A as V, H3 as et, Checkbox as st, Input as m, Img as G, Nav as ot, UseParent as W, OnStateOpen as O, Time as nt, Dialog as rt } from "@base-framework/atoms";
 import { Atom as c, Component as w, Html as A, Dom as it, base as lt, Data as B, Builder as _, Jot as C, Events as p, DateTime as M } from "@base-framework/base";
-import { P as D, b as at, R as ct } from "./range-calendar-3gAH1uQy.js";
+import { P as D, b as at, R as ct } from "./range-calendar-CAwPjNM3.js";
 import { C as dt, F as ut } from "./form-group-BB7dLJir.js";
-import { B as h, I as g } from "./buttons-C5VyfDUa.js";
+import { B as h, I as g } from "./buttons-CfwtbIR-.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as ht, List as mt, DynamicTime as ft } from "@base-framework/organisms";
 import { a as v } from "./image-BB__4s0g.js";

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-Czvqmxt3.js";
-import { B as u, I as g, L as C } from "./buttons-C5VyfDUa.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 { 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-B39KBcM4.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-3gAH1uQy.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-C0P0sYS7.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-C9M9gHda.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-D63AOy_k.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-DdZZgWGr.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-Dldug2Ff.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 { F as us, c as gs } from "./format-BmrNQptv.js";

package/dist/{mobile-nav-wrapper-C9M9gHda.js → mobile-nav-wrapper-jUpomqyU.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-C5VyfDUa.js";
+import { I as f, B as x } from "./buttons-CfwtbIR-.js";
 import { Icons as r } from "./icons.es.js";
 class M extends n {
   /**

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-B39KBcM4.js";
-import { A as X, P as Y, g as Z } from "./range-calendar-3gAH1uQy.js";
+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-DdZZgWGr.js";
+import { A as X, P as Y, g as Z } from "./range-calendar-CAwPjNM3.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-C0P0sYS7.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-3gAH1uQy.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-C9M9gHda.js";
+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";
 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-D63AOy_k.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-Dldug2Ff.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{range-calendar-3gAH1uQy.js → range-calendar-CAwPjNM3.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-C5VyfDUa.js";
+import { B as f } from "./buttons-CfwtbIR-.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;

package/dist/{sidebar-menu-page-D63AOy_k.js → sidebar-menu-page-Dldug2Ff.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 { Component as h, Atom as i } from "@base-framework/base";
-import { c as u, e as p } from "./mobile-nav-wrapper-C9M9gHda.js";
+import { c as u, e as f } from "./mobile-nav-wrapper-jUpomqyU.js";
 class c extends h {
   /**
    * This will declare the props for the compiler.
@@ -19,6 +19,15 @@ class c extends h {
   render() {
     return t({ class: `${this.class || ""}` }, this.children);
   }
+  /**
+   * This will be called before the component
+   * is destroyed.
+   *
+   * @returns {void}
+   */
+  beforeDestroy() {
+    super.beforeDestroy();
+  }
 }
 class a extends c {
   /**
@@ -74,11 +83,11 @@ class w extends a {
     ]);
   }
 }
-const f = i(({ title: e, description: s }) => n({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+const p = i(({ title: e, description: s }) => n({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
   d({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
   s && o({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, s)
 ]));
-class F extends a {
+class y extends a {
   /**
    * This will declare the props for the compiler.
    *
@@ -94,7 +103,7 @@ class F extends a {
    */
   render() {
     return r([
-      f({
+      p({
         title: this.title,
         description: this.description
       }),
@@ -102,7 +111,7 @@ class F extends a {
     ]);
   }
 }
-class B extends c {
+class F extends c {
   /**
    * This will render the page.
    *
@@ -113,7 +122,7 @@ class B extends c {
     return t({ class: `flex flex-col flex-auto ${s}` }, this.children);
   }
 }
-class M extends a {
+class B extends a {
   /**
    * This will declare the props for the compiler.
    *
@@ -192,7 +201,7 @@ class M extends a {
           class: "hidden lg:flex"
         }
       ),
-      p({ title: this.title, options: s })
+      f({ title: this.title, options: s })
     ];
   }
   /**
@@ -210,8 +219,8 @@ export {
   w as F,
   r as M,
   c as P,
-  M as S,
+  B as S,
   S as a,
-  F as b,
-  B as c
+  y as b,
+  F as c
 };

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

@@ -1,10 +1,10 @@
 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 { 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-C5VyfDUa.js";
+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-3gAH1uQy.js";
+import { A as le, P as re } from "./range-calendar-CAwPjNM3.js";
 import { V as g } from "./image-BB__4s0g.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.2033",
+	"version": "1.1.0",
 	"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-C5VyfDUa.js

@@ -1,94 +0,0 @@
-import { I as u, Button as r } from "@base-framework/atoms";
-import { Atom as a, Component as g } from "@base-framework/base";
-import { Icons as e } 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 = a((t, s) => {
-  const n = m[t.size || "sm"];
-  return u({
-    ...t,
-    class: `stroke-current icon-size ${n} ${t.class || ""}`,
-    html: s[0]?.textContent
-  });
-}), i = (t) => a((s, n) => r({
-  ...t,
-  ...s,
-  class: `bttn ${t.class} ${s.class || ""}`
-}, n)), h = a(
-  (t, s) => r({
-    ...t,
-    class: t.class
-  }, [
-    t.icon && t.position !== "right" ? c({ size: "sm", class: t.animation ?? null }, t.icon) : null,
-    ...s || [],
-    t.icon && t.position === "right" ? c({ size: "sm", class: t.animation ?? null }, t.icon) : null
-  ])
-), o = (t) => a((s, n) => h({
-  ...t,
-  ...s,
-  class: `bttn ${t.class} ${s.class || ""}`
-}, n));
-class b extends g {
-  /**
-   * This will set the start history length.
-   *
-   * @param {object} props
-   * @param {array} children
-   */
-  constructor(s, n) {
-    super(s, n), this.startHistoryLength = globalThis.history.length;
-  }
-  /**
-   * This will handle the click event.
-   *
-   * @returns {void}
-   */
-  goBack() {
-    if (this.props.allowHistory === !0 && globalThis.history.length > 1) {
-      const s = globalThis.history.length, n = this.startHistoryLength - s - 1;
-      if (n < -1) {
-        globalThis.history.go(n);
-        return;
-      }
-      globalThis.history.back();
-      return;
-    }
-    if (this.props.backUrl) {
-      app.navigate(this.props.backUrl);
-      return;
-    }
-    globalThis.history.back();
-  }
-  /**
-   * This will render the component.
-   *
-   * @returns {object}
-   */
-  render() {
-    const s = { ...this };
-    return s.icon = s.icon || e.chevron.single.left, s.click = s.click || (() => this.goBack()), h(s, this.children);
-  }
-}
-const k = (t) => a((s, n) => new b({ ...t, ...s }, n)), l = {
-  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: o({ class: "icon" }),
-  withIcon: o({ class: "with-icon" }),
-  back: k({ class: "with-icon back-button" })
-}, w = a((t, s) => (l[t.variant] || l.primary)(t, s)), I = a((t, s) => w({ ...t, variant: "withIcon", icon: e.loading, animation: "animate-spin" }, s));
-export {
-  w as B,
-  c as I,
-  I as L
-};