@base-framework/ui 1.0.2000 → 1.0.2002

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-CcRmukPe.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 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-CcRmukPe.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-Bq-usDxi.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-CcRmukPe.js → signature-panel-Bq-usDxi.js}

@@ -845,11 +845,11 @@ class A extends p {
    * @returns {string}
    */
   getClassName() {
-    return `absolute overlay left-0 top-0 right-0 z-20
+    return `absolute flex flex-auto flex-col overlay left-0 top-0 right-0 z-20
 			h-svh max-h-svh min-h-svh
 			bg-background pointer-events-auto
 			lg:left-16
-			pb-[calc(env(safe-area-inset-bottom)+56px)] will-change-contents ${this.class || ""}`;
+			pb-[calc(env(safe-area-inset-bottom))] will-change-contents ${this.class || ""}`;
   }
   /**
    * This will setup and render the component.

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.2000",
+	"version": "1.0.2002",
 	"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": {