@base-framework/ui 1.1.26 → 1.2.0

package/dist/{aside-template-BDvEMLnk.js → aside-template-B9V-0xle.js}

@@ -5,6 +5,7 @@ const x = t((l, e) => ({
   ...l,
   children: e
 })), u = t((l, e) => x({
+  // @ts-ignore
   class: "body full-container flex flex-auto flex-col " + l.class,
   ...l
 }, e)), n = t((l, e) => {
@@ -14,6 +15,7 @@ const x = t((l, e) => ({
     children: e
   };
 }), m = t((l, e) => c([
+  // @ts-ignore
   o({ watch: l.watch }, l.text)
 ], e)), f = t((l, e) => {
   const a = l.flex ? "flex flex-none" : "flex flex-auto flex-col";
@@ -27,9 +29,11 @@ const x = t((l, e) => ({
       class: "drawer control w-full md:max-w-[320px]",
       flex: "flex flex-none md:flex-auto flex-col"
     }, [
+      // @ts-ignore
       l.left
     ]),
     f([
+      // @ts-ignore
       l.right
     ])
   ])

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-import { B as e, C as t, a as o, F as n, b as r, L as p, P as I, R as i, S as u, T as l } from "./tooltip-CctHNqZX.js";
-import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-BY-KDbOv.js";
-import { C as F, a as M, D as S, b, E as L, F as P, H as R, I as U, c as h, M as k, N as D, P as H, R as V, T as E, d as G, e as N, U as W, V as v, f as w, W as J } from "./image-Bc-V4BSL.js";
+import { B as e, C as t, a as o, F as n, b as r, L as p, P as I, R as i, S as u, T as l } from "./tooltip-BFST5Fcz.js";
+import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-Dxnuce2_.js";
+import { C as F, a as M, D as S, b, E as L, F as P, H as R, I as U, c as h, M as k, N as D, P as H, R as V, T as E, d as G, e as N, U as W, V as v, f as w, W as J } from "./image-T4fJLqgd.js";
 import { S as q } from "./skeleton-BlY3opxG.js";
 export {
   e as Badge,

package/dist/{bside-template-BCP2pJWN.js → bside-template-oLChzjxQ.js}

@@ -1,11 +1,13 @@
 import { Atom as t } from "@base-framework/base";
-import { T as a, R as l, M as o } from "./aside-template-BDvEMLnk.js";
+import { T as a, R as l, M as o } from "./aside-template-B9V-0xle.js";
 const s = t((e, r) => a({ class: "body bside-container flex flex-auto flex-col" }, [
   l([
     o([
+      // @ts-ignore
       e.left
     ]),
     o([
+      // @ts-ignore
       e.right
     ])
   ])

package/dist/{buttons-BY-KDbOv.js → buttons-Dxnuce2_.js}

@@ -13,6 +13,7 @@ const z = {
   const t = z[n.size || "sm"];
   return y({
     ...n,
+    // @ts-ignore
     class: `stroke-current icon-size ${t} ${n.class || ""}`,
     html: s[0]?.textContent
   });
@@ -48,12 +49,15 @@ const z = {
   const s = n.size || "sm", t = n.variant || "outlined", l = u[s] || u.sm, a = m[s] || m.sm, w = d[t] || d.outlined;
   return v({
     ...n,
+    // @ts-ignore
     class: `inline-flex items-center justify-center ${w} ${l} ${n.class || ""}`,
+    // @ts-ignore
     style: `font-size: ${a}; ${n.style || ""}`,
     // Remove props that shouldn't be passed to the DOM element
     size: void 0,
     variant: void 0,
     name: void 0
+    // @ts-ignore
   }, n.name);
 }), c = (n = {}, s) => s ? typeof s == "string" && s.includes("<svg") ? r(n, s) : typeof s == "object" && s.name ? f({
   ...n,
@@ -65,19 +69,24 @@ const z = {
 }) : r(n, s) : null, U = (n) => n ? !!(typeof n == "object" && n.name || typeof n == "string" && !n.includes("<svg")) : !1, j = (n) => typeof n == "string" && n.includes("<svg"), e = (n) => i((s, t) => o({
   ...n,
   ...s,
+  // @ts-ignore
   class: `bttn ${n.class} ${s.class || ""}`
 }, t)), x = i(
   (n, s) => o({
     ...n,
+    // @ts-ignore
     class: n.class
   }, [
+    // @ts-ignore
     n.icon && n.position !== "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null,
     ...s || [],
+    // @ts-ignore
     n.icon && n.position === "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null
   ])
 ), h = (n) => i((s, t) => x({
   ...n,
   ...s,
+  // @ts-ignore
   class: `bttn ${n.class} ${s.class || ""}`
 }, t)), k = (n) => () => {
   if (n.allowHistory === !0 && globalThis.history.length > 2) {
@@ -98,8 +107,10 @@ const z = {
   }, a = n.backgroundClass || "bg-background/30 hover:bg-background/50";
   return o({
     ...n,
+    // @ts-ignore
     class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${a} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${l[t] || l.md} ${n.class || ""}`
   }, [
+    // @ts-ignore
     n.icon ? c({ size: t === "xs" ? "xs" : "sm" }, n.icon) : null,
     ...s || []
   ]);

package/dist/{empty-state-BeVfxBCx.js → empty-state-BeE1e4GL.js}

@@ -1,16 +1,16 @@
 import { Atom as c, Component as y, Html as A, Dom as Z, base as tt, Data as k, Builder as H, Jot as w, Events as g, DateTime as M } from "@base-framework/base";
 import { Div as n, H5 as et, P as b, Li as q, Span as a, Ul as V, Button as p, I as T, OnState as I, Label as P, H2 as v, Form as st, Header as B, Footer as L, A as G, H3 as ot, Checkbox as nt, Input as f, Img as W, Nav as it, UseParent as _, OnStateOpen as O, Time as rt, Dialog as lt } from "@base-framework/atoms";
-import { P as S, C as at, R as ct } from "./simple-search-input-CLsIp7zz.js";
-import { U as m, B as h, I as dt } from "./buttons-BY-KDbOv.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-Dbk3_QiK.js";
+import { U as m, B as h, I as dt } from "./buttons-Dxnuce2_.js";
 import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
-import { C as ft, b as pt } from "./tooltip-CctHNqZX.js";
-import { f as C } from "./image-Bc-V4BSL.js";
+import { C as ft, b as pt } from "./tooltip-BFST5Fcz.js";
+import { f as C } from "./image-T4fJLqgd.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";
-import "./mobile-nav-wrapper-gNWndUx9.js";
-import "./aside-template-BDvEMLnk.js";
-import "./full-page-DccgwWsM.js";
-import "./bside-template-BCP2pJWN.js";
+import "./mobile-nav-wrapper-0Aq2acIa.js";
+import "./aside-template-B9V-0xle.js";
+import "./full-page-CgVI1G7F.js";
+import "./bside-template-oLChzjxQ.js";
 const Y = {
   info: {
     borderColor: "border-blue-500",
@@ -173,12 +173,17 @@ class Ne extends y {
   }
 }
 const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e)), Bt = c((t, e) => P({ ...t, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, e)), Ft = c((t, e) => b({ ...t, class: "text-sm text-muted-foreground italic" }, e)), $t = c((t, e) => b({ ...t, class: "text-sm text-destructive" }, e)), Ue = c((t, e = []) => ft({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+  // @ts-ignore
   t.title && v({ class: "text-lg font-semibold py-4 px-6" }, t.title),
+  // @ts-ignore
   t.description && b({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, t.description),
   ...e
-])), Re = c((t, e = []) => pt({ label: t.label, description: t.description, class: "py-4 px-6", border: t.border }, [
-  n({ class: "flex flex-col gap-y-6" }, e)
-])), He = c((t, e = []) => {
+])), Re = c((t, e = []) => (
+  // @ts-ignore
+  pt({ label: t.label, description: t.description, class: "py-4 px-6", border: t.border }, [
+    n({ class: "flex flex-col gap-y-6" }, e)
+  ])
+)), He = c((t, e = []) => {
   const s = t.border ? "border-t" : "";
   return n({ ...t, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${t.class || ""}` }, e);
 }), Mt = (t) => t.tag === "input" || t.tag === "select" || t.tag === "textarea", J = (t, e, s) => t.map((o) => !o || (o.children && o.children.length > 0 && (o.children = J(o.children, e, s)), !o.required) ? o : Mt(o) ? {
@@ -240,8 +245,15 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
 ), Lt = (t, e, s = null) => {
   t.target.checkValidity() && (t.preventDefault(), s && s(t, e));
 }, K = c(
-  (t, e) => st({ ...t, submit: (s, o) => Lt(s, o, t.submit), class: `w-full ${t.class ?? ""}` }, e)
-), Ve = c((t, e) => n({ ...t, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${t.class || ""}` }, e)), Ge = c((t, e = []) => n({ class: "flex flex-col gap-y-3 py-4" }, [
+  (t, e) => (
+    // @ts-ignore
+    st({ ...t, submit: (s, o) => Lt(s, o, t.submit), class: `w-full ${t.class ?? ""}` }, e)
+  )
+), Ve = c((t, e) => (
+  // @ts-ignore
+  n({ ...t, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${t.class || ""}` }, e)
+)), Ge = c((t, e = []) => n({ class: "flex flex-col gap-y-3 py-4" }, [
+  // @ts-ignore
   t.title && v({ class: "font-semibold" }, t.title),
   ...e
 ])), We = (t, e) => n({ class: "flex justify-between" }, [
@@ -277,6 +289,7 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
   const s = t.class?.includes("drawer");
   return n({
     popover: "manual",
+    // @ts-ignore
     class: `modal ${s ? "" : "m-auto top-0 right-0 bottom-0 left-0"} ${s ? "" : "h-full max-h-screen"} fixed z-20 grid w-full gap-2 lg:border bg-background text-foreground shadow-xl wrap-break-words p-0 overflow-y-auto ${t.class}`,
     click: (r, l) => {
       r.target === l.panel && (r.preventDefault(), r.stopPropagation(), l.state.open = !1);
@@ -284,12 +297,15 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
   }, [
     K({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
+      // @ts-ignore
       submit: (r, l) => t.onSubmit && t.onSubmit(l),
       cache: "modalContent",
+      // @ts-ignore
       ...t.gestureHandlers
     }, [
       Ot(t),
       n({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, e),
+      // @ts-ignore
       !t.hideFooter && L({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, t.buttons)
     ])
   ]);
@@ -454,7 +470,7 @@ class zt extends y {
    * @returns {void}
    */
   beforeDestroy() {
-    this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
+    this?.panel?.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
 class Yt {
@@ -873,7 +889,7 @@ class Ke extends y {
    * @returns {void}
    */
   addNotice(e = {}) {
-    e.id = Rt++, e.callBack = () => this.removeNotice(e), this.list.append([e]), this.panel.hidePopover(), this.panel.showPopover();
+    e.id = Rt++, e.callBack = () => this.removeNotice(e), this?.list?.append([e]), this?.panel?.hidePopover(), this?.panel?.showPopover();
   }
   /**
    * This will remove a notification.
@@ -882,7 +898,7 @@ class Ke extends y {
    * @returns {void}
    */
   removeNotice(e) {
-    this.list.delete(e.id), this.list.isEmpty() && this.panel.hidePopover();
+    this?.list?.delete(e.id), this?.list?.isEmpty() && this?.panel?.hidePopover();
   }
 }
 const E = globalThis.matchMedia, F = c(({ value: t, label: e, icon: s }) => p({
@@ -1913,19 +1929,23 @@ const ds = C(
     class: `fixed pullUpIn z-30 w-[98%] border md:w-full max-w-lg bg-popover text-foreground shadow-lg duration-200
 				rounded-lg flex flex-auto flex-col
 				bottom-4 top-auto inset-auto m-auto md:bottom-0 md:top-0 left-0 right-0 ${t.class}`,
+    // @ts-ignore
     click: t.click,
     aria: { expanded: ["open"] }
   },
   [
     n({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
+      // @ts-ignore
       t.icon && we(t.icon, t.iconColor),
       n({ class: "flex flex-auto flex-col gap-4" }, [
         n({ class: "flex flex-auto flex-col gap-y-2" }, [
           Ce(t),
+          // @ts-ignore
           t.description && b({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t.description),
           n({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e)
         ]),
+        // @ts-ignore
         t.buttons && L({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, t.buttons)
       ])
     ])
@@ -2064,12 +2084,16 @@ const hs = c((t, e = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
   K({ class: "flex flex-auto flex-col" }, [
     n({ class: "flex flex-auto flex-col gap-y-4" }, [
       n({ class: "flex flex-auto items-center justify-center" }, [
+        // @ts-ignore
         t.icon && n({ class: "w-16 h-16 mb-2 text-primary" }, [
+          // @ts-ignore
           m({ size: "lg" }, t.icon)
         ])
       ]),
       B({ class: "py-4 text-center" }, [
+        // @ts-ignore
         v({ class: "text-xl font-bold" }, t.title),
+        // @ts-ignore
         b({ class: "pb-8 text-muted-foreground" }, t.description || ""),
         ...e
       ])

package/dist/{full-page-DccgwWsM.js → full-page-CgVI1G7F.js}

@@ -1,6 +1,6 @@
 import { Div as a, Header as l, H1 as r, P as c } from "@base-framework/atoms";
 import { Component as i, Atom as t } from "@base-framework/base";
-import { F as o } from "./aside-template-BDvEMLnk.js";
+import { F as o } from "./aside-template-B9V-0xle.js";
 class n extends i {
   /**
    * This will declare the props for the compiler.

package/dist/{image-Bc-V4BSL.js → image-T4fJLqgd.js}

@@ -1,29 +1,29 @@
-import { Div as h, Label as f, Checkbox as m, Span as x, OnState as $, I as k, Input as r, Textarea as g, Img as y } from "@base-framework/atoms";
+import { Div as h, Label as f, Checkbox as m, Span as p, OnState as x, I as k, Input as n, Textarea as g, Img as y } from "@base-framework/atoms";
 import { Jot as b, Atom as s, Component as I } from "@base-framework/base";
 import { Icons as C } from "./icons.es.js";
-const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-border bg-input", l = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", n = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", i = "placeholder:text-muted-foreground", p = `${v} ${c} ${l} ${i} ${n}`, w = ({ id: e, checked: a, bind: t, required: o }) => m({
+const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-border bg-input", l = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", c = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", o = "placeholder:text-muted-foreground", $ = `${v} ${r} ${l} ${o} ${c}`, w = ({ id: e, checked: a, bind: t, required: d }) => m({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
   aria: {
     checked: ["checked"]
   },
-  required: o,
+  required: d,
   checked: a,
   bind: t
-}), T = () => x({ class: "absolute text-xs pointer-events-none" }, [
-  $(
+}), T = () => p({ class: "absolute text-xs pointer-events-none" }, [
+  x(
     "checked",
     (e) => e ? k({
       class: "w-2 h-2 pointer-events-none",
       html: C.check
     }) : null
   )
-]), H = ({ id: e, bind: a, checked: t, required: o, clickHandler: u }) => h({
+]), H = ({ id: e, bind: a, checked: t, required: d, clickHandler: u }) => h({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${l}
-			${n}`.trim(),
+			${c}`.trim(),
   onState: [
     "checked",
     {
@@ -39,13 +39,13 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-bo
   tabIndex: 0,
   click: u
 }, [
-  w({ bind: a, checked: t, id: e, required: o }),
+  w({ bind: a, checked: t, id: e, required: d }),
   T()
 ]), D = ({ id: e, label: a, clickHandler: t }) => f({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: t
-}, a), S = b(
+}, a), V = b(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -107,86 +107,101 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-bo
 }, P = (e) => {
   const a = e.target, t = E(a.value);
   t && (a.value = t);
-}, d = s((e) => r({
+}, i = s((e) => n({
   ...e,
-  class: `${p} ${e.class || ""}`.trim()
-})), V = s((e) => d({
+  // @ts-ignore
+  class: `${$} ${e.class || ""}`.trim()
+})), j = s((e) => i({
   ...e,
   type: "tel",
+  // @ts-ignore
   name: e.name || "Phone",
+  // @ts-ignore
   label: e.label || "Phone",
   placeholder: "(555) 555-5555",
+  // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: P
-})), j = s((e) => d({
+})), q = s((e) => i({
   ...e,
   type: "email",
+  // @ts-ignore
   name: e.name || "Email",
+  // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), q = s((e) => g({
+})), J = s((e) => g({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${c} ${l} ${i} ${n} ${e.class || ""}`.trim()
-})), J = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
-  r({
+  // @ts-ignore
+  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${l} ${o} ${c} ${e.class || ""}`.trim()
+})), N = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
+  n({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
   e.label && f({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), N = s((e) => r({
+]), R = s((e) => n({
   ...e,
   type: "date",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), R = s((e) => r({
+  // @ts-ignore
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), U = s((e) => n({
   ...e,
   type: "time",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), U = s((e) => r({
+  // @ts-ignore
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => n({
   ...e,
   type: "datetime-local",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => r({
+  // @ts-ignore
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => n({
   ...e,
   type: "month",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => r({
+  // @ts-ignore
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => n({
   ...e,
   type: "week",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => d({
+  // @ts-ignore
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), B = s((e) => i({
   ...e,
   type: "number"
-})), B = s((e) => d({
+})), G = s((e) => i({
   ...e,
   type: "password"
 }));
-s((e) => d({
+s((e) => i({
   ...e,
   type: "search"
 }));
-const G = s((e) => d({
+const K = s((e) => i({
   ...e,
   type: "url"
-})), K = s((e) => d({
+})), Q = s((e) => i({
   ...e,
   type: "hidden"
-})), Q = s((e) => r({
+})), X = s((e) => n({
   ...e,
   type: "color",
-  class: `${c} text-foreground p-0 ${n} ${e.class || ""}`.trim()
+  // @ts-ignore
+  class: `${r} text-foreground p-0 ${c} ${e.class || ""}`.trim()
 }));
 s((e) => m({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${c} ${l} ${n} ${e.class || ""}`.trim()
+  // @ts-ignore
+  class: `flex h-4 w-4 text-foreground ${r} ${l} ${c} ${e.class || ""}`.trim()
 }));
-const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = s((e) => r({
+const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Y = s((e) => n({
   ...e,
   type: "file",
-  class: `${p} ${F} ${e.class || ""}`.trim()
+  // @ts-ignore
+  class: `${$} ${F} ${e.class || ""}`.trim()
 }));
-class Y extends I {
+class L extends I {
   /**
    * This will set the component context.
    *
@@ -200,18 +215,7 @@ class Y extends I {
     return t ? { data: t } : null;
   }
 }
-const Z = (e) => {
-  const a = {
-    setContext(t) {
-      if (this.data)
-        return null;
-      const o = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
-      return o ? { data: o } : null;
-    },
-    ...e
-  };
-  return b(a);
-}, _ = s(({ src: e, alt: a, class: t, checkPath: o = !0 }) => !e || (t = t || "", o && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : y({
+const Z = (e) => b(e, L), _ = s(({ src: e, alt: a, class: t, checkPath: d = !0 }) => !e || (t = t || "", d && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : y({
   class: `absolute w-full h-full object-cover fadeIn ${t}`,
   src: e,
   alt: a,
@@ -222,27 +226,27 @@ const Z = (e) => {
   error: (u) => u.target.style.visibility = "hidden"
 }));
 export {
-  S as C,
-  N as D,
-  j as E,
-  X as F,
-  K as H,
+  V as C,
+  R as D,
+  q as E,
+  Y as F,
+  Q as H,
   _ as I,
-  W as M,
-  A as N,
-  B as P,
-  J as R,
-  V as T,
-  G as U,
-  Y as V,
-  z as W,
-  Q as a,
-  U as b,
-  d as c,
-  q as d,
-  R as e,
+  z as M,
+  B as N,
+  G as P,
+  N as R,
+  j as T,
+  K as U,
+  L as V,
+  A as W,
+  X as a,
+  W as b,
+  i as c,
+  J as d,
+  U as e,
   Z as f,
   l as g,
-  n as h,
-  p as i
+  c as h,
+  $ as i
 };

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, T as d } from "./tooltip-CctHNqZX.js";
-import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-BY-KDbOv.js";
-import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-Bc-V4BSL.js";
+import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, T as d } from "./tooltip-BFST5Fcz.js";
+import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-Dxnuce2_.js";
+import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-T4fJLqgd.js";
 import { S as j } from "./skeleton-BlY3opxG.js";
 import { Icons as J, MaterialSymbols as q } from "./icons.es.js";
-import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-BeVfxBCx.js";
-import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-CLsIp7zz.js";
-import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-D2E1iY4U.js";
-import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-gNWndUx9.js";
-import { S as Ze } from "./sidebar-menu-9uhT3f6A.js";
-import { B as as, F as es, M as ss, P as os } from "./full-page-DccgwWsM.js";
-import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-DxH5thLp.js";
-import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-BDvEMLnk.js";
-import { B as Is } from "./bside-template-BCP2pJWN.js";
+import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-BeE1e4GL.js";
+import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-Dbk3_QiK.js";
+import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-o4xFn_he.js";
+import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-0Aq2acIa.js";
+import { S as Ze } from "./sidebar-menu-BFlRN7Am.js";
+import { B as as, F as es, M as ss, P as os } from "./full-page-CgVI1G7F.js";
+import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-CmgdfPy4.js";
+import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-B9V-0xle.js";
+import { B as Is } from "./bside-template-oLChzjxQ.js";
 import { F as bs, c as Ds } from "./format-DE4rFWuD.js";
 import { I as Fs } from "./image-scaler-1G-JzJVG.js";
 export {

package/dist/{mobile-nav-wrapper-gNWndUx9.js → mobile-nav-wrapper-0Aq2acIa.js}

@@ -1,6 +1,6 @@
 import { Button as k, Div as l, Label as g, Span as b, Ul as r, H4 as w, Nav as u, H3 as d, OnState as S, UseParent as B } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as N, router as L } from "@base-framework/base";
-import { U as o, B as h } from "./buttons-BY-KDbOv.js";
+import { U as o, B as h } from "./buttons-Dxnuce2_.js";
 import { Icons as c } from "./icons.es.js";
 class C extends n {
   /**

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 u, k as c, l as g, 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-BeVfxBCx.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-CLsIp7zz.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 u, k as c, l as g, 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-BeE1e4GL.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-Dbk3_QiK.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,7 +1,7 @@
-import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-CLsIp7zz.js";
-import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-D2E1iY4U.js";
-import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-gNWndUx9.js";
-import { S as ba } from "./sidebar-menu-9uhT3f6A.js";
+import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-Dbk3_QiK.js";
+import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-o4xFn_he.js";
+import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-0Aq2acIa.js";
+import { S as ba } from "./sidebar-menu-BFlRN7Am.js";
 export {
   s as BackButton,
   Y as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
-import { B as s, F as P, M as g, P as n } from "./full-page-DccgwWsM.js";
-import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DxH5thLp.js";
+import { B as s, F as P, M as g, P as n } from "./full-page-CgVI1G7F.js";
+import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-CmgdfPy4.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-9uhT3f6A.js → sidebar-menu-BFlRN7Am.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { I as n } from "./mobile-nav-wrapper-gNWndUx9.js";
+import { I as n } from "./mobile-nav-wrapper-0Aq2acIa.js";
 const g = ({ title: l, options: s, class: a = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${a}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-DxH5thLp.js → sidebar-menu-page-CmgdfPy4.js}

@@ -1,8 +1,8 @@
 import { Div as s } from "@base-framework/atoms";
-import { B as a, M as i, P as r } from "./full-page-DccgwWsM.js";
-import { F as l, A as n } from "./aside-template-BDvEMLnk.js";
-import { b as d } from "./mobile-nav-wrapper-gNWndUx9.js";
-import { S as o } from "./sidebar-menu-9uhT3f6A.js";
+import { B as a, M as i, P as r } from "./full-page-CgVI1G7F.js";
+import { F as l, A as n } from "./aside-template-B9V-0xle.js";
+import { b as d } from "./mobile-nav-wrapper-0Aq2acIa.js";
+import { S as o } from "./sidebar-menu-BFlRN7Am.js";
 class p extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-D2E1iY4U.js → signature-panel-o4xFn_he.js}

@@ -1,9 +1,9 @@
 import { Div as l, Button as b, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
 import { Component as k, Data as I, DateTime as U, router as v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { B as C } from "./buttons-BY-KDbOv.js";
+import { B as C } from "./buttons-Dxnuce2_.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-CLsIp7zz.js";
-import { V as u, H as F } from "./image-Bc-V4BSL.js";
+import { O as A } from "./simple-search-input-Dbk3_QiK.js";
+import { V as u, H as F } from "./image-T4fJLqgd.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {
   /**