@base-framework/ui 1.0.2001 → 1.0.2003

package/dist/{empty-state-BfT4MKkN.js → empty-state-CT44uzVx.js}

@@ -1,5 +1,5 @@
-import { Div as n, H5 as X, P as b, I as x, Li as q, Span as a, Ul as Y, Button as m, OnState as D, Label as A, H2 as S, Form as Z, Header as T, Footer as M, A as V, H3 as ee, Checkbox as te, Input as f, Img as _, Nav as se, UseParent as W, OnStateOpen as P, Time as oe, Dialog as ne } from "@base-framework/atoms";
-import { Atom as c, Component as y, Html as O, Dom as re, base as le, Data as F, Builder as G, Jot as w, Events as p, DateTime as L } from "@base-framework/base";
+import { Div as n, H5 as X, P as b, I as x, Li as q, Span as a, Ul as Y, Button as m, OnState as D, Label as A, H2 as S, Form as Z, Header as F, Footer as M, A as V, H3 as ee, Checkbox as te, Input as f, Img as _, Nav as se, UseParent as W, OnStateOpen as P, Time as oe, Dialog as ne } from "@base-framework/atoms";
+import { Atom as c, Component as y, Html as O, Dom as re, base as le, Data as T, Builder as G, Jot as w, Events as p, DateTime as L } from "@base-framework/base";
 import { P as I, b as ie, R as ae } from "./range-calendar-BMWSJTE0.js";
 import { C as ce, F as ue } from "./form-group-CJzpq9Us.js";
 import { B as h, I as g } from "./buttons-CHEs54Wl.js";
@@ -120,7 +120,7 @@ class Mt extends y {
    * @returns {Data}
    */
   setData() {
-    return new F({
+    return new T({
       groups: this.groups || []
     });
   }
@@ -168,7 +168,7 @@ class Mt extends y {
     ]);
   }
 }
-const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), De = c((e, t) => A({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Te = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Fe = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), Pt = c((e, t = []) => ce({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), De = c((e, t) => A({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Fe = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Te = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), Pt = c((e, t = []) => ce({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   e.title && S({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   e.description && b({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
   ...t
@@ -227,8 +227,8 @@ const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
             value: this.state.value,
             setError: r
           }, this.children),
-          o && Te({ id: this.getId("description") }, o),
-          n({ onState: ["error", (l) => l && Fe(l)] })
+          o && Fe({ id: this.getId("description") }, o),
+          n({ onState: ["error", (l) => l && Te(l)] })
         ])
       ]);
     }
@@ -246,7 +246,7 @@ const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 ]), Rt = (e, t) => n({ class: "flex" }, [
   a({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   a(t)
-]), Ae = ({ title: e, description: t, back: s, icon: o, options: r = [] }) => T({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+]), Ae = ({ title: e, description: t, back: s, icon: o, options: r = [] }) => F({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
   /**
    * Back Button
    */
@@ -274,8 +274,8 @@ const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 }, [
   K({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col gap-y-4 overflow-hidden", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
     Ae(e),
-    n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
-    M({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
+    n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0", cache: "modalBody" }, t),
+    !e.hideFooter && M({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
   ])
 ])), Pe = (e) => G.render(e, app.root);
 class Ht extends y {
@@ -285,7 +285,7 @@ class Ht extends y {
    * @returns {void}
    */
   declareProps() {
-    this.title = null, this.description = null, this.size = null, this.type = null, this.hidePrimaryButton = !1, this.icon = null, this.onSubmit = null, this.onClose = null, this.back = !1;
+    this.title = null, this.description = null, this.size = null, this.type = null, this.hidePrimaryButton = !1, this.hideFooter = !1, this.icon = null, this.onSubmit = null, this.onClose = null, this.back = !1;
   }
   /**
    * This will render the modal component.
@@ -301,6 +301,7 @@ class Ht extends y {
         description: o,
         options: this.headerOptions(),
         buttons: this.getButtons(),
+        hideFooter: this.hideFooter,
         onSubmit: (r) => {
           let l = !0;
           this.onSubmit && (l = this.onSubmit(r)), l !== !1 && this.destroy();
@@ -464,7 +465,7 @@ const E = {
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Oe = (e) => T({ class: "flex justify-center" }, [
+}, Oe = (e) => F({ class: "flex justify-center" }, [
   ee({ class: "text-lg font-bold mb-0" }, e)
 ]), je = c(({ href: e, class: t }, s) => V({
   class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
@@ -899,7 +900,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new T({
         // @ts-ignore
         items: this.items || []
       });
@@ -961,7 +962,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new T({
         // @ts-ignore
         count: this.count || 4,
         // total dots
@@ -1022,7 +1023,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new T({
         // @ts-ignore
         items: this.items || []
       });
@@ -1627,7 +1628,7 @@ const os = C(
   }
 ), bt = (e, t) => n({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   g({ size: "lg" }, e)
-]), xt = ({ title: e }) => T({ class: "flex flex-auto items-center" }, [
+]), xt = ({ title: e }) => F({ class: "flex flex-auto items-center" }, [
   S({ class: "text-lg font-semibold" }, e)
 ]), vt = c((e, t) => ne(
   {
@@ -1789,7 +1790,7 @@ const rs = c((e, t = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
           g(e.icon)
         ])
       ]),
-      T({ class: "py-4 text-center" }, [
+      F({ class: "py-4 text-center" }, [
         S({ class: "text-xl font-bold" }, e.title),
         b({ class: "pb-8 text-muted-foreground" }, e.description || ""),
         ...t
@@ -1822,8 +1823,8 @@ export {
   Mt as b,
   Ce as c,
   De as d,
-  Te as e,
-  Fe as f,
+  Fe as e,
+  Te as f,
   Pt as g,
   Ot as h,
   jt as i,

package/dist/index.es.js

@@ -4,9 +4,9 @@ import { C as T, F as b } from "./form-group-CJzpq9Us.js";
 import { C as I, 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 H } from "./inputs-9udyzkHR.js";
 import { V as w, a as A } from "./veil-CqnAmj-D.js";
 import { Icons as O } from "./icons.es.js";
-import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-BfT4MKkN.js";
+import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-CT44uzVx.js";
 import { A as Ha, b as Ra, C as wa, D as Aa, a as Ga, F as Oa, M as Ea, P as Va, R as ja, c as qa, g as Ja, p as za } from "./range-calendar-BMWSJTE0.js";
-import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-Bq-usDxi.js";
+import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-4rYrI_F5.js";
 import { B as he, I as Ue, M as Le, d as We, e as He, g as Re, N as we, b as Ae, a as Ge, f as Oe, P as Ee, c as Ve, S as je, T as qe } from "./mobile-nav-wrapper-Dm9DinRD.js";
 import { B as ze, a as Ke, C as Qe, F as _e, b as Xe, c as Ye, M as Ze, P as $e, S as as } from "./sidebar-menu-page-D4WMgz5U.js";
 import { A as ss, F as os, M as ts, a as rs, T as ns } from "./aside-template-sUm-F2f0.js";

package/dist/molecules.es.js

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

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-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-Bq-usDxi.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-4rYrI_F5.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-BMWSJTE0.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-Dm9DinRD.js";
 export {

package/dist/{signature-panel-Bq-usDxi.js → signature-panel-4rYrI_F5.js}

@@ -1,5 +1,5 @@
 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 x, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
+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-CHEs54Wl.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";
@@ -94,13 +94,13 @@ const ce = (t) => {
     click: () => i(a, s)
   });
 }, me = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, k) => new Date(t, e, k + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, x) => new Date(t, e, x + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
   for (let h = 0; h < u.length; h += 7) {
-    const k = u.slice(h, h + 7), D = k.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: F } = de(D);
+    const x = u.slice(h, h + 7), D = x.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: F } = de(D);
     b.push({
       weekNumber: H,
       year: F,
-      days: k
+      days: x
     });
   }
   return b;
@@ -179,7 +179,7 @@ const ce = (t) => {
     click: t
   })
 ]);
-class kt extends p {
+class xt extends p {
   /**
    * This will declare the props for the compiler.
    *
@@ -297,11 +297,11 @@ class kt extends p {
     ]);
   }
 }
-const ke = (t, e) => {
+const xe = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, xe = (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) => ke(e, a) }))
+}, 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 }) => {
   const l = t || "justify-start";
   return N({
@@ -318,7 +318,7 @@ const ke = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? xe({ toggle: t.toggle }) : we({
+      (e) => e.label === "checkbox" ? ke({ toggle: t.toggle }) : we({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -567,7 +567,7 @@ class De extends j {
     this.list.refresh();
   }
 }
-const xt = d((t) => new De(
+const kt = d((t) => new De(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -736,7 +736,7 @@ class vt extends p {
           class: "flex gap-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", x.data],
+            value: ["[[path]]", k.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -749,7 +749,7 @@ class vt extends p {
    * @returns {void}
    */
   afterSetup() {
-    const e = x.data.path;
+    const e = k.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1389,7 +1389,7 @@ class qe extends g {
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", x.data],
+          value: ["[[path]]", k.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1401,7 +1401,7 @@ class qe extends g {
    * @returns {void}
    */
   afterSetup() {
-    const e = x.data.path;
+    const e = k.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1535,14 +1535,14 @@ class Mt extends g {
    */
   render() {
     const e = this.select.bind(this);
-    return o({ class: "underlined-button-tab-panel" }, [
+    return o({ class: "underlined-button-tab-panel flex flex-auto flex-col" }, [
       Je({
         class: this.class,
         options: this.options,
         callBack: e
       }),
       I({
-        class: "tab-content pt-6",
+        class: "tab-content pt-6 flex flex-auto flex-col",
         onState: ["selected", this.updateContent.bind(this)]
       })
     ]);
@@ -1691,7 +1691,7 @@ class nt extends g {
         class: "flex flex-row items-center",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", x.data],
+          value: ["[[path]]", k.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1703,7 +1703,7 @@ class nt extends g {
    * @returns {void}
    */
   afterSetup() {
-    const e = x.data.path;
+    const e = k.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1955,7 +1955,7 @@ class ot extends p {
     const e = this.canvas, s = this.container, a = W.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let c = n + "px", r = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const u = a.width, b = a.height, h = u / n, k = b / l, D = Math.min(h, k);
+      const u = a.width, b = a.height, h = u / n, x = b / l, D = Math.min(h, x);
       c = n * D + "px", r = l * D + "px";
     }
     e.style.width = c, e.style.height = r;
@@ -2112,7 +2112,7 @@ class Ot extends p {
 }
 export {
   Dt as B,
-  xe as C,
+  ke as C,
   ye as D,
   we as H,
   Ct as I,
@@ -2122,7 +2122,7 @@ export {
   wt as S,
   R as T,
   Re as U,
-  kt as W,
+  xt as W,
   ue as a,
   $ as b,
   de as c,
@@ -2133,7 +2133,7 @@ export {
   pe as h,
   be as i,
   j,
-  xt as k,
+  kt as k,
   yt as l,
   St as m,
   Lt as n,

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

@@ -36,6 +36,13 @@ export class Modal extends Component {
      * @values true, false
      */
     hidePrimaryButton: boolean;
+    /**
+     * @member {boolean} hideFooter
+     * @default false
+     * @description This will hide the footer.
+     * @values true, false
+     */
+    hideFooter: boolean;
     /**
      * @member {string} icon
      */

package/package.json

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