@base-framework/ui 1.2.21 → 1.2.22

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { c as e, f as t, h as o, i as n, k as r, l as i, m as u, n as l, t as p, w as I, J as c, L as m, M as d, U as g, $ as B, a0 as T, a1 as C, a4 as f, a5 as S, a6 as x, aa as h, af as k, am as M, ap as U, at as w, au as F, aw as H, ax as L, ay as P, aC as R, aH as V, aI as Z, aK as b, aO as D, aP as G, aQ as J, aR as W, aU as v, aV as y, aW as E, aZ as K, a_ as N } from "./full-page-B0KVK4o6.js";
+import { c as e, f as t, h as o, i as n, k as r, l as i, m as u, n as l, t as p, w as I, J as c, L as m, M as d, U as g, $ as B, a0 as T, a1 as C, a4 as f, a5 as S, a6 as x, aa as h, af as k, am as M, ap as U, at as w, au as F, aw as H, ax as L, ay as P, aC as R, aH as V, aI as Z, aK as b, aO as D, aP as G, aQ as J, aR as W, aU as v, aV as y, aW as E, aZ as K, a_ as N } from "./full-page-CJLpFbzU.js";
 import { S as Q } from "./skeleton-BlY3opxG.js";
 export {
   e as Badge,

package/dist/{confirmation-vmRFmz5-.js → confirmation-CYi1gvFQ.js}

@@ -1,6 +1,6 @@
 import { Component as c, Html as m, Dom as y, base as w, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
 import { Li as v, Span as u, Div as r, Ul as D, Button as S, I as x, OnState as B, Time as Y } from "@base-framework/atoms";
-import { ar as k, b0 as C, f as h, al as N, F as O } from "./full-page-B0KVK4o6.js";
+import { ar as k, b0 as C, f as h, al as N, F as O } from "./full-page-CJLpFbzU.js";
 import { List as F, DynamicTime as E } from "@base-framework/organisms";
 class X extends c {
   /**

package/dist/{full-page-B0KVK4o6.js → full-page-CJLpFbzU.js}

@@ -1,5 +1,5 @@
-import { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as at, Fieldset as ot, H4 as Ee, P as k, Label as V, Checkbox as ce, Input as p, Textarea as lt, UseParent as W, Img as de, H5 as rt, H2 as J, Form as it, Header as Z, Footer as ue, A as Ue, H3 as he, Nav as fe, Ul as X, Li as ge, OnStateOpen as me, On as Q, Dialog as ct, Th as Ye, Thead as dt, Tr as ut, Table as be, Time as ht, H1 as ft } from "@base-framework/atoms";
-import { Atom as r, Jot as M, Component as C, Html as gt, Data as z, Events as j, DateTime as ee, NavLink as mt, router as ve, DataTracker as Ve } from "@base-framework/base";
+import { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as at, Fieldset as ot, H4 as Ue, P as k, Label as V, Checkbox as ce, Input as p, Textarea as lt, UseParent as W, Img as de, H5 as rt, H2 as J, Form as it, Header as Z, Footer as ue, A as Ye, H3 as he, Nav as fe, Ul as X, Li as ge, OnStateOpen as me, On as Q, Dialog as ct, Th as Ve, Thead as dt, Tr as ut, Table as be, Time as ht, H1 as ft } from "@base-framework/atoms";
+import { Atom as r, Jot as M, Component as C, Html as gt, Data as z, Events as j, DateTime as ee, NavLink as mt, router as ke, DataTracker as We } from "@base-framework/base";
 import { Icons as u } from "./icons.es.js";
 import { Timer as bt, TableBody as xt, DataTableBody as pt, ScrollableTableBody as yt, List as wt } from "@base-framework/organisms";
 import { F as U } from "./format-DE4rFWuD.js";
@@ -20,7 +20,7 @@ const kt = {
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), ke = {
+}), Ce = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const kt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Ce = {
+}, Se = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,13 +43,13 @@ const kt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Se = {
+}, $e = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, $e = r((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = ke[t] || ke.sm, a = Ce[t] || Ce.sm, l = Se[s] || Se.outlined;
+}, De = r((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = Ce[t] || Ce.sm, a = Se[t] || Se.sm, l = $e[s] || $e.outlined;
   return g({
     ...e,
     // @ts-ignore
@@ -62,14 +62,14 @@ const kt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? $e({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? De({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? $e({
+}) : typeof t == "string" ? De({
   ...e,
   name: t
-}) : ie(e, t) : null, ia = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ca = (e) => typeof e == "string" && e.includes("<svg"), De = {
+}) : ie(e, t) : null, ia = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ca = (e) => typeof e == "string" && e.includes("<svg"), Ie = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,7 +150,7 @@ const kt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Ct = (e) => De[e] || De.gray, St = (e, t = {}) => {
+}, Ct = (e) => Ie[e] || Ie.gray, St = (e, t = {}) => {
   const s = Ct(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
 }, da = r((e, t) => {
@@ -160,7 +160,7 @@ const kt = {
     ...t || []
   ]);
 });
-class We extends C {
+class qe extends C {
   /**
    * This will set the component context.
    *
@@ -176,9 +176,9 @@ class We extends C {
 }
 const O = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, We)
+  M(e, qe)
 );
-class ua extends We {
+class ua extends qe {
   /**
    * Declare public props and their defaults.
    */
@@ -294,12 +294,20 @@ const fa = r((e, t) => {
     e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
-}), qe = globalThis.history?.length ?? 0, R = (e) => r((t, s) => w({
+});
+let xe = 0;
+if (typeof globalThis.history?.pushState == "function") {
+  const e = globalThis.history.pushState;
+  globalThis.history.pushState = function(...t) {
+    return xe++, e.apply(this, t);
+  };
+}
+const F = (e) => r((t, s) => w({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), xe = r(
+}, s)), pe = r(
   (e, t) => w({
     ...e,
     // @ts-ignore
@@ -311,35 +319,35 @@ const fa = r((e, t) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), Ie = (e) => r((t, s) => xe({
+), Te = (e) => r((t, s) => pe({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
 }, s)), $t = (e) => {
-  const t = globalThis.history.length, s = t > qe;
+  const t = globalThis.history.length;
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (e.allowHistory === !0 && (s || a > 0)) {
-      globalThis.history.go(-l);
+    const n = globalThis.history.length - t, a = n + 1;
+    if (e.allowHistory === !0 && (n > 0 || xe > 0)) {
+      globalThis.history.go(-a);
       return;
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, Dt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || $t(t), xe({
+}, Dt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || $t(t), pe({
   ...e,
   ...t
 }, s))), It = (e) => {
-  const t = globalThis.history.length, s = t > qe;
+  const t = globalThis.history.length;
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (s || a > 0) {
-      globalThis.history.go(-l);
+    const n = globalThis.history.length - t, a = n + 1;
+    if (n > 0 || xe > 0) {
+      globalThis.history.go(-a);
       return;
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, Tt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || It(t), xe({
+}, Tt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || It(t), pe({
   ...e,
   ...t
 }, s))), Mt = r((e, t) => {
@@ -359,20 +367,20 @@ const fa = r((e, t) => {
     e.icon ? x({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
     ...t || []
   ]);
-}), Te = {
-  primary: R({ class: "primary" }),
-  secondary: R({ class: "secondary" }),
-  destructive: R({ class: "destructive" }),
-  warning: R({ class: "warning" }),
-  outline: R({ class: "outline" }),
-  ghost: R({ class: "ghost" }),
-  link: R({ class: "link" }),
-  icon: Ie({ class: "icon" }),
-  withIcon: Ie({ class: "with-icon" }),
+}), Me = {
+  primary: F({ class: "primary" }),
+  secondary: F({ class: "secondary" }),
+  destructive: F({ class: "destructive" }),
+  warning: F({ class: "warning" }),
+  outline: F({ class: "outline" }),
+  ghost: F({ class: "ghost" }),
+  link: F({ class: "link" }),
+  icon: Te({ class: "icon" }),
+  withIcon: Te({ class: "with-icon" }),
   back: Dt({ class: "with-icon back-button" }),
   smartBack: Tt({ class: "with-icon back-button" }),
   circleIcon: Mt
-}, b = r((e, t) => (Te[e.variant] || Te.primary)(e, t)), ga = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Bt = r((e, t) => {
+}, b = r((e, t) => (Me[e.variant] || Me.primary)(e, t)), ga = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Bt = r((e, t) => {
   const s = e.margin ?? "my-5 mx-5", n = e.padding ?? "p-4", a = e.border ?? "border-border";
   return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), o({
     ...e,
@@ -409,14 +417,14 @@ const fa = r((e, t) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      Ee({ class: "text-base" }, e.label),
+      Ue({ class: "text-base" }, e.label),
       // @ts-ignore
       e.description && k({ class: "text-sm text-muted-foreground" }, e.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
     o({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), Ot = "flex h-10 w-full px-3 py-2 text-sm", B = "rounded-md border border-border bg-input", I = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", D = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", H = "placeholder:text-muted-foreground", pe = `${Ot} ${B} ${I} ${H} ${D}`, Nt = ({ id: e, checked: t, bind: s, required: n }) => ce({
+}), Ot = "flex h-10 w-full px-3 py-2 text-sm", B = "rounded-md border border-border bg-input", I = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", D = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", H = "placeholder:text-muted-foreground", ye = `${Ot} ${B} ${I} ${H} ${D}`, Nt = ({ id: e, checked: t, bind: s, required: n }) => ce({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -426,7 +434,7 @@ const fa = r((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Lt = () => g({ class: "absolute text-xs pointer-events-none" }, [
+}), Rt = () => g({ class: "absolute text-xs pointer-events-none" }, [
   T(
     "checked",
     (e) => e ? Y({
@@ -434,7 +442,7 @@ const fa = r((e, t) => {
       html: u.check
     }) : null
   )
-]), Rt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Ft = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${I}
@@ -455,8 +463,8 @@ const fa = r((e, t) => {
   click: a
 }, [
   Nt({ bind: t, checked: s, id: e, required: n }),
-  Lt()
-]), Ft = ({ id: e, label: t, clickHandler: s }) => V({
+  Rt()
+]), Lt = ({ id: e, label: t, clickHandler: s }) => V({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
@@ -499,7 +507,7 @@ const fa = r((e, t) => {
     render() {
       const e = this.getId(), t = (s) => this.clickHandler(s);
       return o({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
-        Rt({
+        Ft({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -511,7 +519,7 @@ const fa = r((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Ft({ id: e, label: this.label, clickHandler: t })
+        this.label && Lt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
@@ -525,7 +533,7 @@ const fa = r((e, t) => {
 }, N = r((e) => p({
   ...e,
   // @ts-ignore
-  class: `${pe} ${e.class || ""}`.trim()
+  class: `${ye} ${e.class || ""}`.trim()
 })), ba = r((e) => N({
   ...e,
   type: "tel",
@@ -614,7 +622,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${pe} ${Et} ${e.class || ""}`.trim()
+  class: `${ye} ${Et} ${e.class || ""}`.trim()
 })), Pa = O(
   {
     /**
@@ -694,7 +702,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   },
   ...e,
   // @ts-ignore
-  class: `${pe} ${e.class || ""}`.trim()
+  class: `${ye} ${e.class || ""}`.trim()
 })), Ut = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : de({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
@@ -704,7 +712,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
    * If there's an error loading the image, hide it.
    */
   error: (a) => a.target.style.visibility = "hidden"
-})), Yt = (e) => !e || isNaN(e) ? null : e, Me = (e, t) => {
+})), Yt = (e) => !e || isNaN(e) ? null : e, Be = (e, t) => {
   const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, i = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
@@ -748,13 +756,13 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     html: i
   });
 }, Oa = r((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Me(t, s);
+  const t = e.progress || 0, s = e.class || "", n = Be(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = Yt(a), a ? Me(a, s) : n)
+      (a) => (a = Yt(a), a ? Be(a, s) : n)
     ]
   }, [n]);
 }), Vt = () => W(({ state: e }) => o({
@@ -812,7 +820,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       e < 0 && (e = 0), e > 100 && (e = 100), this.state.progress = e;
     }
   }
-), La = r((e = {}) => {
+), Ra = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -833,7 +841,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Ra = r((e = {}) => {
+}), Fa = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -854,7 +862,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Be = {
+}), Pe = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
   "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -863,7 +871,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   "bottom-left": "top-full right-full transform translate-x-1 mt-2",
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
-}, Wt = (e) => Be[String(e)] || Be.top, Fa = r(({ position: e = "top", content: t }, s) => {
+}, Wt = (e) => Pe[String(e)] || Pe.top, La = r(({ position: e = "top", content: t }, s) => {
   const n = Wt(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
@@ -875,7 +883,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 			`
     }, t)
   ]);
-}), Pe = {
+}), ze = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -904,7 +912,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 }, qt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
 ]), Gt = (e) => rt({ class: "font-semibold" }, e), _t = (e) => k({ class: "text-sm text-muted-foreground" }, e), ja = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
-  const { borderColor: a, bgColor: l, iconColor: i } = Pe[n] || Pe.default;
+  const { borderColor: a, bgColor: l, iconColor: i } = ze[n] || ze.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
     s && qt(s, i),
@@ -1185,7 +1193,7 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       !e.hideFooter && ue({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
     ])
   ]);
-}), ze = {
+}), Oe = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -1213,7 +1221,7 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   }
 }, as = (e) => Z({ class: "flex justify-center" }, [
   he({ class: "text-lg font-bold mb-0" }, e)
-]), os = r(({ href: e, class: t }, s) => Ue({
+]), os = r(({ href: e, class: t }, s) => Ye({
   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}`,
   href: e,
   animateIn: "pullRightIn",
@@ -1274,7 +1282,7 @@ class _a extends C {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return ze[t] || ze.default;
+    return Oe[t] || Oe.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -1327,7 +1335,7 @@ class _a extends C {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
+const Ne = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -1339,7 +1347,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   g(t)
 ])), rs = (e) => {
   const t = document.documentElement;
-  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Oe && !Oe("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Ne && !Ne("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -1430,7 +1438,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   class: "rounded-full"
 })), cs = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), Ke = (e) => !e || e.length < 2 ? e : cs(e), ds = (e) => g([e, (t, s) => {
   s.textContent = Ke(t);
-}]), Ne = {
+}]), Re = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1440,7 +1448,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "h-48 w-48",
   "4xl": "h-64 w-64",
   default: "h-12 w-12"
-}, Le = {
+}, Fe = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -1450,7 +1458,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, us = (e) => Ne[e] || Ne.default, hs = (e) => Le[e] || Le.default, fs = (e, t = null, s = "md") => {
+}, us = (e) => Re[e] || Re.default, hs = (e) => Fe[e] || Fe.default, fs = (e, t = null, s = "md") => {
   const n = Ke(String(e)), a = hs(s);
   return o(
     {
@@ -1628,7 +1636,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), bs = (e, t) => Ue(
+), bs = (e, t) => Ye(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1682,7 +1690,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Re = {
+), Le = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1691,7 +1699,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, ys = (e) => Re[e] || Re.default, ws = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, ys = (e) => Le[e] || Le.default, ws = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   g({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -1943,7 +1951,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       n.substring(0, 3)
     )
   )
-), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Bs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), F = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Ps = (e) => e ? "bg-accent text-primary" : "", zs = (e) => e ? "text-muted-foreground opacity-50" : "", Os = (e, t) => e === t, Ns = (e, t) => Os(e, t) ? "bg-primary text-primary-foreground" : "", Ls = (e, t, s, n) => {
+), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Bs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), L = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Ps = (e) => e ? "bg-accent text-primary" : "", zs = (e) => e ? "text-muted-foreground opacity-50" : "", Os = (e, t) => e === t, Ns = (e, t) => Os(e, t) ? "bg-primary text-primary-foreground" : "", Rs = (e, t, s, n) => {
   const a = Ns(t, n);
   return a || (e ? Ps(e) : s ? zs(s) : "text-foreground");
 }, oe = (e) => {
@@ -1960,7 +1968,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
-				${Ls(a, s, l, n)}
+				${Rs(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -1971,19 +1979,19 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     },
     t.toString()
   );
-}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Rs = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, i = F(a, l, e.date), c = new Date(a, l, 1).getDay(), h = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], q = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
+}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Fs = (e, t, s, n = !1) => {
+  const { year: a, month: l } = e, i = L(a, l, e.date), c = new Date(a, l, 1).getDay(), h = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], q = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
-    const y = m - d, S = le(y, q, A, t), $ = new Date(A, q, y) < new Date(t.year, t.month, t.date), L = n && $;
+    const y = m - d, S = le(y, q, A, t), $ = new Date(A, q, y) < new Date(t.year, t.month, t.date), R = n && $;
     v.push(
       oe({
         day: y,
         currentDate: i,
-        date: F(A, q, y),
+        date: L(A, q, y),
         isToday: S,
         isOutsideMonth: !0,
         select: s,
-        disabled: L
+        disabled: R
       })
     );
   }
@@ -1993,7 +2001,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       oe({
         day: d,
         currentDate: i,
-        date: F(a, l, d),
+        date: L(a, l, d),
         isToday: y,
         isOutsideMonth: !1,
         select: s,
@@ -2008,7 +2016,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       oe({
         day: d,
         currentDate: i,
-        date: F(se, E, d),
+        date: L(se, E, d),
         isToday: y,
         isOutsideMonth: !0,
         select: s,
@@ -2017,7 +2025,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     );
   }
   return v;
-}, Fe = ({ label: e, click: t }) => b(
+}, je = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2030,16 +2038,16 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     variant: "icon",
     icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
   }
-), Fs = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), Ls = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Fe({ label: "Previous", click: n }),
-  Fe({ label: "Next", click: s })
+  je({ label: "Previous", click: n }),
+  je({ label: "Next", click: s })
 ]), js = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
 ), Hs = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(js), As = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  Fs({
+  Ls({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2053,7 +2061,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
         o({ class: "grid grid-cols-7" }, Hs()),
         o(
           { class: "grid grid-cols-7" },
-          Rs(
+          Fs(
             e.current,
             e.today,
             e.select,
@@ -2372,7 +2380,7 @@ const Ys = (e) => {
       );
     }
   }
-), je = ({ label: e, click: t }) => b(
+), He = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2388,8 +2396,8 @@ const Ys = (e) => {
 ), Ks = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  je({ label: "Previous", click: n }),
-  je({ label: "Next", click: s })
+  He({ label: "Previous", click: n }),
+  He({ label: "Next", click: s })
 ]), Qs = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Js = () => o(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
   ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Qs)
@@ -2409,7 +2417,7 @@ const Ys = (e) => {
 }, Xs = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
   const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), h = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, q = new Date(v, m + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, E = t.month === 11 ? t.year + 1 : t.year;
   for (let f = i - 1; f >= 0; f--) {
-    const d = q - f, y = F(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), L = S < $, G = s && L, _ = a === y, K = l === y, nt = a && l && y > a && y < l;
+    const d = q - f, y = L(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), R = S < $, G = s && R, _ = a === y, K = l === y, nt = a && l && y > a && y < l;
     h.push({
       day: d,
       iso: y,
@@ -2422,11 +2430,11 @@ const Ys = (e) => {
     });
   }
   for (let f = 1; f <= c; f++) {
-    const d = F(t.year, t.month, f), y = new Date(t.year, t.month, f), S = new Date(e.year, e.month, e.date), $ = y < S, L = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
+    const d = L(t.year, t.month, f), y = new Date(t.year, t.month, f), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
     h.push({
       day: f,
       iso: d,
-      disabled: L,
+      disabled: R,
       isStart: G,
       isEnd: _,
       isBetween: K,
@@ -2436,13 +2444,13 @@ const Ys = (e) => {
       }
     });
   }
-  const we = (7 - h.length % 7) % 7;
-  for (let f = 1; f <= we; f++) {
-    const d = F(E, A, f), y = new Date(E, A, f), S = new Date(e.year, e.month, e.date), $ = y < S, L = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
+  const ve = (7 - h.length % 7) % 7;
+  for (let f = 1; f <= ve; f++) {
+    const d = L(E, A, f), y = new Date(E, A, f), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
     h.push({
       day: f,
       iso: d,
-      disabled: L,
+      disabled: R,
       isStart: G,
       isEnd: _,
       isBetween: K,
@@ -2515,16 +2523,16 @@ const Ys = (e) => {
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, He("current.start", "Start Date"))
+    o({ class: "font-medium" }, Ae("current.start", "Start Date"))
   ])),
   Q("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, He("current.end", "End Date"))
+    o({ class: "font-medium" }, Ae("current.end", "End Date"))
   ]))
-]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t : nn(s)], nn = (e) => {
+]), Ae = (e, t) => [`[[${e}]]`, (s) => s == null ? t : nn(s)], nn = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
 }, an = ({ currentYear: e, onSelect: t }) => {
@@ -2897,7 +2905,7 @@ function mn({ handleTimeSelect: e }) {
     )
   );
 }
-function Ae(e) {
+function Ee(e) {
   if (!e)
     return { hour: null, minute: null, meridian: null };
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
@@ -2918,7 +2926,7 @@ const oo = O(
      * @member {object} state
      */
     state() {
-      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ae(e);
+      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ee(e);
       return {
         selectedTime: e,
         open: !1,
@@ -2934,7 +2942,7 @@ const oo = O(
      */
     after() {
       if (this.input.value) {
-        const { hour: e, minute: t, meridian: s } = Ae(this.input.value);
+        const { hour: e, minute: t, meridian: s } = Ee(this.input.value);
         this.state.set({
           hour: e,
           minute: t,
@@ -3074,11 +3082,11 @@ r(({ value: e, label: t }) => w({
 const pn = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, yn = (e) => Ye({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+}, yn = (e) => Ve({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
   W((t) => new jt({ class: "mr-2", onChange: (s, n) => pn(t, n) }))
 ]), wn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const i = e || "justify-start";
-  return Ye({
+  return Ve({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
@@ -3087,7 +3095,7 @@ const pn = (e, t) => {
       t && Y({ class: "ml-2", html: u.arrows.upDown })
     ])
   ]);
-}, ye = (e) => dt([
+}, we = (e) => dt([
   ut({
     class: "text-muted-foreground border-b",
     map: [
@@ -3194,7 +3202,7 @@ class Je extends C {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           vn({
@@ -3302,7 +3310,7 @@ class Cn extends Je {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           kn({
@@ -3399,7 +3407,7 @@ class $n extends Je {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           Sn({
@@ -3579,7 +3587,7 @@ const Nn = r(({ options: e, click: t }, s) => ({
     click: t
   },
   children: s
-})), Ln = (e, t = null, s = !1) => [
+})), Rn = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -3637,7 +3645,7 @@ class Ze extends C {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || Ln(String(this.label), this.icon, t);
+    const t = this.options && this.options.length > 0, s = this.content || Rn(String(this.label), this.icon, t);
     return this.href ? new mt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
@@ -3665,10 +3673,10 @@ class Ze extends C {
     this.link.update(t);
   }
 }
-const Rn = r(({ map: e }, t) => X({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  Ee({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+const Fn = r(({ map: e }, t) => X({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
+  Ue({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
-class Fn extends C {
+class Ln extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3717,7 +3725,7 @@ class Fn extends C {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return Rn({ map: s }, t.group);
+    return Fn({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3729,7 +3737,7 @@ class Fn extends C {
     return new Ze(t);
   }
 }
-class Xe extends Fn {
+class Xe extends Ln {
   onCreated() {
     this.links = [];
   }
@@ -3808,7 +3816,7 @@ class An extends Xe {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", ve.data],
+        value: ["[[path]]", ke.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -3849,7 +3857,7 @@ class An extends Xe {
    * @returns {void}
    */
   afterSetup() {
-    const t = ve.data.path;
+    const t = ke.data.path;
     this.updateLinks(t);
   }
   /**
@@ -4091,7 +4099,7 @@ class Gn extends C {
     return this.children;
   }
 }
-Ve.addType("dockableOverlay", (e) => {
+We.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
@@ -4167,7 +4175,7 @@ class mo extends Gn {
    * @returns {void}
    */
   afterSetup() {
-    Ve.add(
+    We.add(
       this.container,
       "dockableOverlay",
       {
@@ -4494,7 +4502,7 @@ export {
   Qt as V,
   Jt as W,
   Xt as X,
-  F as Y,
+  L as Y,
   po as Z,
   wn as _,
   gs as a,
@@ -4515,7 +4523,7 @@ export {
   xo as aD,
   Wa as aE,
   An as aF,
-  ye as aG,
+  we as aG,
   ba as aH,
   pa as aI,
   Ka as aJ,
@@ -4524,19 +4532,19 @@ export {
   qn as aM,
   Qa as aN,
   ua as aO,
-  Fa as aP,
+  La as aP,
   x as aQ,
   Ia as aR,
   uo as aS,
   zn as aT,
-  We as aU,
+  qe as aU,
   O as aV,
   Sa as aW,
   Bs as aX,
   Kt as aY,
   ca as aZ,
   ia as a_,
-  $e as aa,
+  De as aa,
   Ds as ab,
   ho as ac,
   fo as ad,
@@ -4544,8 +4552,8 @@ export {
   Ca as af,
   et as ag,
   On as ah,
-  Fn as ai,
-  Rn as aj,
+  Ln as ai,
+  Fn as aj,
   Vn as ak,
   _a as al,
   $a as am,
@@ -4559,8 +4567,8 @@ export {
   ya as au,
   on as av,
   Pa as aw,
-  La as ax,
-  Ra as ay,
+  Ra as ax,
+  Fa as ay,
   co as az,
   Yn as b,
   Ga as b0,
@@ -4568,7 +4576,7 @@ export {
   Xn as d,
   Xa as e,
   b as f,
-  Rs as g,
+  Fs as g,
   Bt as h,
   jt as i,
   yn as j,

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { A as s, a as o, B as t, b as r, c as n, d as i, e as l, f as p, C as u, g as d, h as m, i as g, j as c, k as T, l as C, m as S, n as I, o as b, p as D, q as B, r as F, D as k, s as M, t as P, u as v, v as N, w as f, x as h, y as x, z as y, E as U, F as W, G as L, H as w, I as H, J as A, K as G, L as R, M as O, N as E, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as pa, a8 as ua, a9 as da, aa as ma, ab as ga, ac as ca, ad as Ta, ae as Ca, af as Sa, ag as Ia, ah as ba, ai as Da, aj as Ba, ak as Fa, al as ka, am as Ma, an as Pa, ao as va, ap as Na, aq as fa, ar as ha, as as xa, at as ya, au as Ua, av as Wa, aw as La, ax as wa, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Oa, aD as Ea, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as re, aW as ne, aX as ie, aY as le, aZ as pe, a_ as ue, a$ as de } from "./full-page-B0KVK4o6.js";
+import { A as s, a as o, B as t, b as r, c as n, d as i, e as l, f as p, C as u, g as d, h as m, i as g, j as c, k as T, l as C, m as S, n as I, o as b, p as D, q as B, r as F, D as k, s as M, t as P, u as v, v as N, w as f, x as h, y as x, z as y, E as U, F as W, G as L, H as w, I as H, J as A, K as G, L as R, M as O, N as E, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as pa, a8 as ua, a9 as da, aa as ma, ab as ga, ac as ca, ad as Ta, ae as Ca, af as Sa, ag as Ia, ah as ba, ai as Da, aj as Ba, ak as Fa, al as ka, am as Ma, an as Pa, ao as va, ap as Na, aq as fa, ar as ha, as as xa, at as ya, au as Ua, av as Wa, aw as La, ax as wa, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Oa, aD as Ea, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as re, aW as ne, aX as ie, aY as le, aZ as pe, a_ as ue, a$ as de } from "./full-page-CJLpFbzU.js";
 import { S as ge } from "./skeleton-BlY3opxG.js";
 import { Icons as Te, MaterialSymbols as Ce } from "./icons.es.js";
-import { C as Ie, D as be, a as De, b as Be, c as Fe, d as ke, e as Me, M as Pe, N as ve, S as Ne, f as fe, g as he, h as xe, T as ye, i as Ue } from "./confirmation-vmRFmz5-.js";
-import { B as Le, I as we, N as He, P as Ae, S as Ge, T as Re, a as Oe, b as Ee, U as Ve, c as Ze, d as je, e as Je, W as _e, f as qe, g as ze, h as Ke, i as Qe, j as Xe, k as Ye, l as $e, m as as, n as es } from "./signature-panel-BlvH_TqX.js";
-import { S as os } from "./sidebar-menu--8cXFwG_.js";
-import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-KDMXr1Zk.js";
+import { C as Ie, D as be, a as De, b as Be, c as Fe, d as ke, e as Me, M as Pe, N as ve, S as Ne, f as fe, g as he, h as xe, T as ye, i as Ue } from "./confirmation-CYi1gvFQ.js";
+import { B as Le, I as we, N as He, P as Ae, S as Ge, T as Re, a as Oe, b as Ee, U as Ve, c as Ze, d as je, e as Je, W as _e, f as qe, g as ze, h as Ke, i as Qe, j as Xe, k as Ye, l as $e, m as as, n as es } from "./signature-panel-Dtr6jInW.js";
+import { S as os } from "./sidebar-menu-Danp9_n6.js";
+import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-Bzd-Jje1.js";
 import { A as ds, B as ms, F as gs, M as cs, T as Ts, a as Cs } from "./bside-template-C7AQgQ6H.js";
 import { F as Is, c as bs } from "./format-DE4rFWuD.js";
 import { I as Bs } from "./image-scaler-1G-JzJVG.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, a as t, e as r, o as e, p as i, q as n, r as m, u as l, v as d, z as C, E as S, F as p, H as D, K as u, N as c, O as g, P as F, Q as T, R as P, S as b, T as f, V as w, W as A, X as I, a2 as M, a7 as N, ab as y, al as B, aq as E, ar as L, aE as R, aJ as U, aL as k, aN as v, aY as x } from "./full-page-B0KVK4o6.js";
-import { C as q, D as O, a as z, b as G, c as H, d as J, e as K, M as Q, N as V, S as W, f as X, g as Y, h as _, T as j, i as Z } from "./confirmation-vmRFmz5-.js";
+import { A as s, a as t, e as r, o as e, p as i, q as n, r as m, u as l, v as d, z as C, E as S, F as p, H as D, K as u, N as c, O as g, P as F, Q as T, R as P, S as b, T as f, V as w, W as A, X as I, a2 as M, a7 as N, ab as y, al as B, aq as E, ar as L, aE as R, aJ as U, aL as k, aN as v, aY as x } from "./full-page-CJLpFbzU.js";
+import { C as q, D as O, a as z, b as G, c as H, d as J, e as K, M as Q, N as V, S as W, f as X, g as Y, h as _, T as j, i as Z } from "./confirmation-CYi1gvFQ.js";
 export {
   s as Alert,
   t as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, Y as v, _ as p, a3 as T, a8 as D, ac as k, ad as N, ae as c, ag as C, ah as B, ai as m, aj as y, ak as S, an as h, as as M, av as W, az as I, aA as U, aB as x, aD as H, aF as P, aG as G, aM as f, aS as L, aT as j, aX as F, a$ as O } from "./full-page-B0KVK4o6.js";
-import { B as z, I as A, N as R, P as X, S as Y, T as _, a as $, b as q, U as E, c as J, d as K, e as Q, W as V, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-BlvH_TqX.js";
-import { S as da } from "./sidebar-menu--8cXFwG_.js";
+import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, Y as v, _ as p, a3 as T, a8 as D, ac as k, ad as N, ae as c, ag as C, ah as B, ai as m, aj as y, ak as S, an as h, as as M, av as W, az as I, aA as U, aB as x, aD as H, aF as P, aG as G, aM as f, aS as L, aT as j, aX as F, a$ as O } from "./full-page-CJLpFbzU.js";
+import { B as z, I as A, N as R, P as X, S as Y, T as _, a as $, b as q, U as E, c as J, d as K, e as Q, W as V, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-Dtr6jInW.js";
+import { S as da } from "./sidebar-menu-Danp9_n6.js";
 export {
   s as BackButton,
   n as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
-import { d as s, Z as g, a9 as n, ao as P } from "./full-page-B0KVK4o6.js";
-import { B as o, C as r, F as i, a as t, S as u } from "./sidebar-menu-page-KDMXr1Zk.js";
+import { d as s, Z as g, a9 as n, ao as P } from "./full-page-CJLpFbzU.js";
+import { B as o, C as r, F as i, a as t, S as u } from "./sidebar-menu-page-Bzd-Jje1.js";
 export {
   s as BasicPage,
   o as BlankPage,

package/dist/{sidebar-menu--8cXFwG_.js → sidebar-menu-Danp9_n6.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { a3 as n } from "./full-page-B0KVK4o6.js";
+import { a3 as n } from "./full-page-CJLpFbzU.js";
 const g = ({ title: l, options: a, class: s = "", 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 ${s}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-KDMXr1Zk.js → sidebar-menu-page-Bzd-Jje1.js}

@@ -1,7 +1,7 @@
 import { Div as s } from "@base-framework/atoms";
-import { d as a, a9 as i, ao as r, ad as n } from "./full-page-B0KVK4o6.js";
+import { d as a, a9 as i, ao as r, ad as n } from "./full-page-CJLpFbzU.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu--8cXFwG_.js";
+import { S as c } from "./sidebar-menu-Danp9_n6.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-BlvH_TqX.js → signature-panel-Dtr6jInW.js}

@@ -1,6 +1,6 @@
 import { Div as r, Button as v, 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 b, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { f as C, an as A, aU as u, $ as F } from "./full-page-B0KVK4o6.js";
+import { f as C, an as A, aU as u, $ as F } from "./full-page-CJLpFbzU.js";
 import { Icons as D } from "./icons.es.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Lt extends k {

package/package.json

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