@base-framework/ui 1.2.38 → 1.2.40

package/dist/{full-page-D8_qNN2n.js → full-page-B11uKO2o.js}

@@ -1,10 +1,10 @@
-import { I as j, Span as u, Button as w, OnState as M, Div as o, Legend as ht, Fieldset as ft, H4 as We, P as k, Label as E, Checkbox as he, Input as p, Textarea as qe, UseParent as V, Img as fe, H5 as gt, H2 as J, Form as mt, Header as X, Footer as ge, A as Ge, H3 as me, Nav as be, Ul as Z, Li as xe, OnStateOpen as pe, On as Q, Dialog as bt, Th as Ke, Thead as xt, Tr as pt, Table as ye, Time as yt, H1 as wt } from "@base-framework/atoms";
-import { Atom as r, Jot as P, Component as S, Html as Qe, Data as z, Events as R, DateTime as ee, NavLink as vt, router as De, DataTracker as Je } from "@base-framework/base";
+import { I as j, Span as u, Button as w, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as qe, P as k, Label as E, Checkbox as he, Input as p, Textarea as Ge, UseParent as V, Img as fe, H5 as mt, H2 as J, Form as bt, Header as X, Footer as ge, A as Ke, H3 as me, Nav as be, Ul as Z, Li as xe, OnStateOpen as pe, On as Q, Dialog as xt, Th as Qe, Thead as pt, Tr as yt, Table as ye, Time as wt, H1 as vt } from "@base-framework/atoms";
+import { Atom as r, Jot as P, Component as S, Html as Je, Data as z, Events as R, DateTime as ee, NavLink as kt, router as De, DataTracker as Xe } from "@base-framework/base";
 import { Icons as h } from "./icons.es.js";
-import { Timer as kt, TableBody as Ct, DataTableBody as St, ScrollableTableBody as $t, List as Dt } from "@base-framework/organisms";
+import { Timer as Ct, TableBody as St, DataTableBody as $t, ScrollableTableBody as Dt, List as It } from "@base-framework/organisms";
 import { F as _ } from "./format-DE4rFWuD.js";
-import { F as It } from "./bside-template-C7AQgQ6H.js";
-const Tt = {
+import { F as Tt } from "./bside-template-C7AQgQ6H.js";
+const Mt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -13,7 +13,7 @@ const Tt = {
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
 }, de = r((e, t) => {
-  const s = Tt[e.size || "sm"];
+  const s = Mt[e.size || "sm"];
   return j({
     ...e,
     // @ts-ignore
@@ -150,17 +150,17 @@ const Tt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Mt = (e) => Be[e] || Be.gray, Pt = (e, t = {}) => {
-  const s = Mt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
+}, Pt = (e) => Be[e] || Be.gray, Bt = (e, t = {}) => {
+  const s = Pt(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}`;
 }, Ta = r((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...f } = e, m = Pt(s, { backgroundColor: l, textColor: i, ringColor: c });
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...f } = e, m = Bt(s, { backgroundColor: l, textColor: i, ringColor: c });
   return u({ ...f, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-class Xe extends S {
+class Ze extends S {
   /**
    * This will set the component context.
    *
@@ -176,9 +176,9 @@ class Xe extends S {
 }
 const O = (e) => (
   /** @type {VeilComponentConstructor} */
-  P(e, Xe)
+  P(e, Ze)
 );
-class Ma extends Xe {
+class Ma extends Ze {
   /**
    * Declare public props and their defaults.
    */
@@ -296,26 +296,26 @@ const Ba = r((e, t) => {
   ]);
 });
 let oe = 0;
-const ue = /* @__PURE__ */ new Map(), Bt = () => {
+const ue = /* @__PURE__ */ new Map(), zt = () => {
   const e = globalThis.location?.hash || "";
   return (e ? e.replace(/^#\/?/, "") : globalThis.location?.pathname || "/").replace(/^\/+/, "").replace(/\/+$/, "");
-}, zt = (e, t) => t ? e === t || e.startsWith(t + "/") : !1;
+}, Ot = (e, t) => t ? e === t || e.startsWith(t + "/") : !1;
 if (typeof globalThis.history?.pushState == "function") {
   const e = globalThis.history.pushState;
   globalThis.history.pushState = function(...t) {
     return oe++, e.apply(this, t);
   };
 }
-const Ze = (e) => {
-  const t = e || "", s = Bt(), n = ue.get(t);
-  if (n && zt(s, n.basePath))
+const et = (e) => {
+  const t = e || "", s = zt(), n = ue.get(t);
+  if (n && Ot(s, n.basePath))
     return n;
   const a = {
     pushCount: oe,
     basePath: s
   };
   return ue.set(t, a), a;
-}, et = (e) => {
+}, tt = (e) => {
   ue.delete(e || "");
 }, L = (e) => r((t, s) => w({
   ...e,
@@ -339,10 +339,10 @@ const Ze = (e) => {
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), Ot = (e) => {
-  const t = Ze(e.backUrl);
+}, s)), Nt = (e) => {
+  const t = et(e.backUrl);
   return () => {
-    et(e.backUrl);
+    tt(e.backUrl);
     const n = oe - t.pushCount + 1;
     if (e.allowHistory === !0 && t.pushCount > 0) {
       globalThis.history.go(-n);
@@ -350,13 +350,13 @@ const Ze = (e) => {
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, Nt = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Ot(t), we({
+}, Ft = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Nt(t), we({
   ...e,
   ...t
-}, s))), Ft = (e) => {
-  const t = Ze(e.backUrl);
+}, s))), Lt = (e) => {
+  const t = et(e.backUrl);
   return () => {
-    et(e.backUrl);
+    tt(e.backUrl);
     const n = oe - t.pushCount + 1;
     if (t.pushCount > 0) {
       globalThis.history.go(-n);
@@ -364,10 +364,10 @@ const Ze = (e) => {
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, Lt = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Ft(t), we({
+}, At = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Lt(t), we({
   ...e,
   ...t
-}, s))), At = r((e, t) => {
+}, s))), Rt = r((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -394,32 +394,32 @@ const Ze = (e) => {
   link: L({ class: "link" }),
   icon: ze({ class: "icon" }),
   withIcon: ze({ class: "with-icon" }),
-  back: Nt({ class: "with-icon back-button" }),
-  smartBack: Lt({ class: "with-icon back-button" }),
-  circleIcon: At
-}, b = r((e, t) => (Oe[e.variant] || Oe.primary)(e, t)), za = r((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), Rt = r((e, t) => {
+  back: Ft({ class: "with-icon back-button" }),
+  smartBack: At({ class: "with-icon back-button" }),
+  circleIcon: Rt
+}, b = r((e, t) => (Oe[e.variant] || Oe.primary)(e, t)), za = r((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), jt = 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,
     // @ts-ignore
     class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
   }, t);
-}), jt = r((e, t) => ht({
+}), Et = r((e, t) => ft({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
 }, t)), Oa = r((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return ft({
+  return gt({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && jt(e.legend),
+    e.legend && Et(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), Et = r((e, t) => {
+}), Ht = r((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -434,14 +434,14 @@ const Ze = (e) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      We({ class: "text-base" }, e.label),
+      qe({ 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)
   ]);
-}), Ht = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "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", H = "placeholder:text-muted-foreground", ve = `${Ht} ${D} ${$} ${H} ${C}`, Ut = ({ id: e, checked: t, bind: s, required: n }) => he({
+}), Ut = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "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", H = "placeholder:text-muted-foreground", ve = `${Ut} ${D} ${$} ${H} ${C}`, Yt = ({ id: e, checked: t, bind: s, required: n }) => he({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -451,7 +451,7 @@ const Ze = (e) => {
   required: n,
   checked: t,
   bind: s
-}), Yt = () => u({ class: "absolute text-xs pointer-events-none" }, [
+}), _t = () => u({ class: "absolute text-xs pointer-events-none" }, [
   M(
     "checked",
     (e) => e ? j({
@@ -459,7 +459,7 @@ const Ze = (e) => {
       html: h.check
     }) : null
   )
-]), _t = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Vt = ({ 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
 			${$}
@@ -479,13 +479,13 @@ const Ze = (e) => {
   tabIndex: 0,
   click: a
 }, [
-  Ut({ bind: t, checked: s, id: e, required: n }),
-  Yt()
-]), Vt = ({ id: e, label: t, clickHandler: s }) => E({
+  Yt({ bind: t, checked: s, id: e, required: n }),
+  _t()
+]), Wt = ({ id: e, label: t, clickHandler: s }) => E({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), Wt = P(
+}, t), qt = P(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -524,7 +524,7 @@ const Ze = (e) => {
     render() {
       const e = this.getId(), t = (s) => this.clickHandler(s);
       return o({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
-        _t({
+        Vt({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -536,38 +536,38 @@ const Ze = (e) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Vt({ id: e, label: this.label, clickHandler: t })
+        this.label && Wt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), qt = (e) => {
+), Gt = (e) => {
   if (!e || e.length === 0) return "";
   const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
   return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
-}, Gt = (e) => {
-  const t = e.target, s = qt(t.value);
+}, Kt = (e) => {
+  const t = e.target, s = Gt(t.value);
   s && (t.value = s);
-}, Kt = [
+}, Qt = [
   "peer w-full h-14 px-3 pt-5 pb-1",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent"
-].join(" "), Qt = [
+].join(" "), Jt = [
   "peer w-full min-h-[120px] px-3 pt-6 pb-2",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent resize-y"
-].join(" "), Jt = [
+].join(" "), Xt = [
   "peer w-full h-14 px-3 pt-5 pb-1 pr-10",
   "text-base text-foreground appearance-none",
   D,
   $,
   C
-].join(" "), Xt = [
+].join(" "), Zt = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -578,7 +578,7 @@ const Ze = (e) => {
   "peer-[:placeholder-shown:not(:focus)]:top-1/2",
   "peer-[:placeholder-shown:not(:focus)]:-translate-y-1/2",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), Zt = [
+].join(" "), es = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -588,16 +588,16 @@ const Ze = (e) => {
   // Placeholder state (empty + not focused)
   "peer-[:placeholder-shown:not(:focus)]:top-3.5",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), es = [
+].join(" "), ts = [
   "absolute left-3 top-2",
   "text-xs text-foreground-secondary",
   "pointer-events-none select-none"
 ].join(" ");
-let ts = 0;
-const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ? E(
+let ss = 0;
+const ke = (e) => e.id || e.name || `floating-${++ss}`, Ce = (e, t, s, n) => e ? E(
   { htmlFor: s, class: n },
   t ? [u(e), u({ class: "text-destructive ml-0.5" }, "*")] : e
-) : null, ss = () => j({
+) : null, ns = () => j({
   class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-foreground-secondary",
   html: h.chevron.single.down
 }), te = r((e) => {
@@ -607,9 +607,9 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Kt} ${e.class || ""}`.trim()
+      class: `${Qt} ${e.class || ""}`.trim()
     }),
-    Ce(e.label, e.required, t, Xt)
+    Ce(e.label, e.required, t, Zt)
   ]);
 }), Na = r(
   (e) => te({
@@ -618,7 +618,7 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
     name: e.name || "Phone",
     label: e.label || "Phone",
     pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-    keyup: Gt
+    keyup: Kt
   })
 ), Fa = r(
   (e) => te({
@@ -649,13 +649,13 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
 ), ja = r((e) => {
   const t = ke(e);
   return o({ class: "relative" }, [
-    qe({
+    Ge({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Qt} ${e.class || ""}`.trim()
+      class: `${Jt} ${e.class || ""}`.trim()
     }),
-    Ce(e.label, e.required, t, Zt)
+    Ce(e.label, e.required, t, es)
   ]);
 }), Ea = r((e) => {
   const t = ke(e), { options: s, onCreated: n, ...a } = e;
@@ -664,20 +664,20 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
       tag: "select",
       ...a,
       id: t,
-      class: `[&>option]:text-foreground [&>option]:bg-background ${Jt} ${a.class || ""}`.trim(),
+      class: `[&>option]:text-foreground [&>option]:bg-background ${Xt} ${a.class || ""}`.trim(),
       onCreated(l) {
-        s && Qe.setupSelectOptions(l, s), typeof n == "function" && n(l);
+        s && Je.setupSelectOptions(l, s), typeof n == "function" && n(l);
       }
     },
-    ss(),
-    Ce(e.label, e.required, t, es)
+    ns(),
+    Ce(e.label, e.required, t, ts)
   ]);
-}), ns = (e) => {
+}), as = (e) => {
   if (!e || e.length === 0) return "";
   const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
   return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
-}, as = (e) => {
-  const t = e.target, s = ns(t.value);
+}, os = (e) => {
+  const t = e.target, s = as(t.value);
   s && (t.value = s);
 }, N = r((e) => p({
   ...e,
@@ -693,7 +693,7 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: as
+  keyup: os
 })), Ua = r((e) => N({
   ...e,
   type: "email",
@@ -702,7 +702,7 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Ya = r((e) => qe({
+})), Ya = r((e) => Ge({
   ...e,
   as: "textarea",
   // @ts-ignore
@@ -767,11 +767,11 @@ r((e) => he({
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${D} ${$} ${C} ${e.class || ""}`.trim()
 }));
-const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", to = r((e) => p({
+const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", to = r((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${ve} ${os} ${e.class || ""}`.trim()
+  class: `${ve} ${ls} ${e.class || ""}`.trim()
 })), so = O(
   {
     /**
@@ -849,12 +849,12 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   return {
     tag: "select",
     onCreated(a) {
-      t && Qe.setupSelectOptions(a, t), s && s(a);
+      t && Je.setupSelectOptions(a, t), s && s(a);
     },
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${ve} ${n.class || ""}`.trim()
   };
-}), ls = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
+}), rs = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -863,7 +863,7 @@ const os = "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"
-})), rs = (e) => !e || isNaN(e) ? null : e, Ne = (e, t) => {
+})), is = (e) => !e || isNaN(e) ? null : e, Ne = (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 -->
@@ -913,10 +913,10 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = rs(a), a ? Ne(a, s) : n)
+      (a) => (a = is(a), a ? Ne(a, s) : n)
     ]
   }, [n]);
-}), is = () => V(({ state: e }) => o({
+}), cs = () => V(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
 })), oo = O(
@@ -928,7 +928,7 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
      */
     render() {
       return o({ class: "relative w-full h-4 rounded-full bg-muted" }, [
-        is()
+        cs()
       ]);
     },
     /**
@@ -1022,8 +1022,8 @@ const os = "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"
-}, cs = (e) => Fe[String(e)] || Fe.top, io = r(({ position: e = "top", content: t }, s) => {
-  const n = cs(e);
+}, ds = (e) => Fe[String(e)] || Fe.top, io = r(({ position: e = "top", content: t }, s) => {
+  const n = ds(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
@@ -1060,19 +1060,19 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, ds = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, us = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), us = (e) => gt({ class: "font-semibold" }, e), hs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
+]), hs = (e) => mt({ class: "font-semibold" }, e), fs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
   const { borderColor: a, bgColor: l, iconColor: i } = Le[n] || Le.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
-    s && ds(s, i),
+    s && us(s, i),
     o({ class: "flex flex-col" }, [
-      us(e),
-      hs(t)
+      hs(e),
+      fs(t)
     ])
   ]);
-}), fs = (e, t) => {
+}), gs = (e, t) => {
   const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, l = globalThis.scrollX, i = globalThis.scrollY;
   let c = s.left + l, f = s.bottom + i;
   const m = globalThis.innerHeight - s.bottom, v = s.top;
@@ -1155,7 +1155,7 @@ class se extends S {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = fs(t, s);
+    const t = this.button ?? null, s = this.panel, n = gs(t, s);
     this.data.position = n;
   }
   /**
@@ -1207,7 +1207,7 @@ class se extends S {
     this?.panel?.hidePopover();
   }
 }
-const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ms = r((e, t) => E({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), bs = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), xs = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), uo = r((e, t = []) => Rt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), bs = r((e, t) => E({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), xs = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ps = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), uo = r((e, t = []) => jt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   // @ts-ignore
   e.title && J({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
@@ -1215,21 +1215,21 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   ...t
 ])), ho = r((e, t = []) => (
   // @ts-ignore
-  Et({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  Ht({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
 )), fo = r((e, t = []) => {
   const s = e.border ? "border-t" : "";
   return o({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
-}), ps = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", tt = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = tt(n.children, t, s)), !n.required) ? n : ps(n) ? {
+}), ys = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", st = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = st(n.children, t, s)), !n.required) ? n : ys(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), ys = r((e, t) => {
-  const a = tt(t, (l) => {
+} : n), ws = r((e, t) => {
+  const a = st(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1263,26 +1263,26 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
         this.state.error = l, this.state.hasError = !!l;
       };
       return o({ class: "flex flex-auto gap-y-4" }, [
-        gs([
-          ms({ htmlFor: t }, s),
-          ys({
+        ms([
+          bs({ htmlFor: t }, s),
+          ws({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && bs({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && xs(l)] })
+          n && xs({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && ps(l)] })
         ])
       ]);
     }
   }
-), ws = (e, t, s = null) => {
+), vs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, st = r(
+}, nt = r(
   (e, t) => (
     // @ts-ignore
-    mt({ ...e, submit: (s, n) => ws(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    bt({ ...e, submit: (s, n) => vs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
 ), mo = r((e, t) => (
   // @ts-ignore
@@ -1297,7 +1297,7 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 ]), po = (e, t) => o({ class: "flex" }, [
   u({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   u(t)
-]), vs = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => X({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+]), ks = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => X({ 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 (Mobile Only)
    */
@@ -1325,18 +1325,18 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   return o({
     popover: "manual",
     // @ts-ignore
-    class: `modal ${s ? "top-auto bottom-0 left-0 right-0" : "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 overscroll-y-contain ${e.class}`,
+    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 overscroll-y-contain ${e.class}`,
     click: (l, i) => {
       l.target === i.panel && (l.preventDefault(), l.stopPropagation(), i.state.open = !1);
     }
   }, [
-    st({
+    nt({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (l, i) => e.onSubmit && e.onSubmit(i),
       cache: "modalContent"
     }, [
-      vs(e),
+      ks(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
       !e.hideFooter && ge({ 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)
@@ -1368,15 +1368,15 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, ks = (e) => X({ class: "flex justify-center" }, [
+}, Cs = (e) => X({ class: "flex justify-center" }, [
   me({ class: "text-lg font-bold mb-0" }, e)
-]), Cs = r(({ href: e, class: t }, s) => Ge({
+]), Ss = r(({ href: e, class: t }, s) => Ke({
   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",
   animateOut: "pullRight",
   role: "alert"
-}, s)), Ss = r(({ close: e, class: t }, s) => o({
+}, s)), $s = r(({ close: e, class: t }, s) => o({
   class: `pullRightIn 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}`,
   click: () => e(),
   animateIn: "pullRightIn",
@@ -1407,10 +1407,10 @@ class wo extends S {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? Cs({
+    return a ? Ss({
       href: a,
       class: `${t} ${s}`
-    }, l) : Ss({
+    }, l) : $s({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1422,7 +1422,7 @@ class wo extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new kt(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new Ct(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1460,7 +1460,7 @@ class wo extends S {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && ks(this.title)
+            this.title && Cs(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && ge({ class: "margin-top-24 flex align-center" }, this.getButtons())
@@ -1489,12 +1489,12 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
   click: (n, { state: a }) => {
-    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), $s(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ds(e);
   }
 }, [
   x({}, s),
   u(t)
-])), $s = (e) => {
+])), Ds = (e) => {
   const t = document.documentElement;
   if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Re && !Re("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
@@ -1581,12 +1581,12 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Ds = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : ls({
+), Is = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : rs({
   src: e,
   alt: t,
   class: "rounded-full"
-})), Is = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), nt = (e) => !e || e.length < 2 ? e : Is(e), Ts = (e) => u([e, (t, s) => {
-  s.textContent = nt(t);
+})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), at = (e) => !e || e.length < 2 ? e : Ts(e), Ms = (e) => u([e, (t, s) => {
+  s.textContent = at(t);
 }]), je = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -1607,8 +1607,8 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Ms = (e) => je[e] || je.default, Ps = (e) => Ee[e] || Ee.default, Bs = (e, t = null, s = "md") => {
-  const n = nt(String(e)), a = Ps(s);
+}, Ps = (e) => je[e] || je.default, Bs = (e) => Ee[e] || Ee.default, zs = (e, t = null, s = "md") => {
+  const n = at(String(e)), a = Bs(s);
   return o(
     {
       class: `
@@ -1618,21 +1618,21 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
 		`
     },
     [
-      t ? Ts(t) : u({ class: "uppercase" }, n)
+      t ? Ms(t) : u({ class: "uppercase" }, n)
     ]
   );
-}, zs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Ms(a);
+}, Os = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = Ps(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      Ds({ src: e, alt: t }),
-      Bs(s, n, a)
+      Is({ src: e, alt: t }),
+      zs(s, n, a)
     ]
   );
-}), Os = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Co = P(
+}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = P(
   {
     /**
      * Get the initial state for the component.
@@ -1642,7 +1642,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     state() {
       return {
         // @ts-ignore
-        loaded: !!this.src
+        loaded: !!this.src && !He(this.src)
       };
     },
     /**
@@ -1688,7 +1688,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          M("loaded", (s) => s === !1 || Os(this.src) ? E({
+          M("loaded", (s) => s === !1 || He(this.src) ? E({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
@@ -1713,7 +1713,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     state() {
       return {
         // @ts-ignore
-        loaded: !!this.src
+        loaded: !!this.src && !this.src.includes("[[")
       };
     },
     /**
@@ -1785,7 +1785,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), Ns = (e, t) => Ge(
+), Ns = (e, t) => Ke(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1839,7 +1839,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), He = {
+), Ue = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1848,7 +1848,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, As = (e) => He[e] || He.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, As = (e) => Ue[e] || Ue.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   u({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -2025,17 +2025,17 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), at = ({ icon: e, click: t, ariaLabel: s }) => b({
+), ot = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), _s = ({ click: e }) => at({
+}), _s = ({ click: e }) => ot({
   icon: h.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Vs = ({ click: e }) => at({
+}), Vs = ({ click: e }) => ot({
   icon: h.circlePlus,
   click: e,
   ariaLabel: "Increment"
@@ -2174,7 +2174,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     );
   }
   return v;
-}, Ue = ({ label: e, click: t }) => b(
+}, Ye = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2190,8 +2190,8 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
 ), tn = ({ 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]]"),
-  Ue({ label: "Previous", click: n }),
-  Ue({ label: "Next", click: s })
+  Ye({ label: "Previous", click: n }),
+  Ye({ label: "Next", click: s })
 ]), sn = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
@@ -2529,7 +2529,7 @@ const rn = (e) => {
       );
     }
   }
-), Ye = ({ label: e, click: t }) => b(
+), _e = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2545,8 +2545,8 @@ const rn = (e) => {
 ), gn = ({ 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]]"),
-  Ye({ label: "Previous", click: n }),
-  Ye({ label: "Next", click: s })
+  _e({ label: "Previous", click: n }),
+  _e({ label: "Next", click: s })
 ]), mn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), bn = () => 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(mn)
@@ -2566,14 +2566,14 @@ const rn = (e) => {
 }, pn = ({ 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(), f = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, W = new Date(v, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
   for (let g = i - 1; g >= 0; g--) {
-    const d = W - g, y = A(v, m, d), I = new Date(v, m, d), T = new Date(e.year, e.month, e.date), F = I < T, q = s && F, G = a === y, K = l === y, ut = a && l && y > a && y < l;
+    const d = W - g, y = A(v, m, d), I = new Date(v, m, d), T = new Date(e.year, e.month, e.date), F = I < T, q = s && F, G = a === y, K = l === y, ht = a && l && y > a && y < l;
     f.push({
       day: d,
       iso: y,
       disabled: q,
       isStart: G,
       isEnd: K,
-      isBetween: ut,
+      isBetween: ht,
       isOtherMonth: !0,
       click: () => n(y)
     });
@@ -2672,16 +2672,16 @@ const rn = (e) => {
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, _e("current.start", "Start Date"))
+    o({ class: "font-medium" }, Ve("current.start", "Start Date"))
   ])),
   Q("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, _e("current.end", "End Date"))
+    o({ class: "font-medium" }, Ve("current.end", "End Date"))
   ]))
-]), _e = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (e) => {
+]), Ve = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (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()]}`;
 }, Cn = ({ currentYear: e, onSelect: t }) => {
@@ -3054,7 +3054,7 @@ function On({ handleTimeSelect: e }) {
     )
   );
 }
-function Ve(e) {
+function We(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);
@@ -3075,7 +3075,7 @@ const Bo = O(
      * @member {object} state
      */
     state() {
-      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ve(e);
+      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = We(e);
       return {
         selectedTime: e,
         open: !1,
@@ -3091,7 +3091,7 @@ const Bo = O(
      */
     after() {
       if (this.input.value) {
-        const { hour: e, minute: t, meridian: s } = Ve(this.input.value);
+        const { hour: e, minute: t, meridian: s } = We(this.input.value);
         this.state.set({
           hour: e,
           minute: t,
@@ -3171,7 +3171,7 @@ const Bo = O(
   x({ size: "lg" }, e)
 ]), Fn = ({ title: e }) => X({ class: "flex flex-auto items-center" }, [
   J({ class: "text-lg font-semibold" }, e)
-]), zo = r((e, t) => bt(
+]), zo = r((e, t) => xt(
   {
     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
@@ -3198,7 +3198,7 @@ const Bo = O(
     ])
   ]
 )), Oo = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  st({ class: "flex flex-auto flex-col" }, [
+  nt({ class: "flex flex-auto flex-col" }, [
     o({ class: "flex flex-auto flex-col gap-y-4" }, [
       o({ class: "flex flex-auto items-center justify-center" }, [
         // @ts-ignore
@@ -3231,11 +3231,11 @@ r(({ value: e, label: t }) => w({
 const Ln = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, An = (e) => Ke({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  V((t) => new Wt({ class: "mr-2", onChange: (s, n) => Ln(t, n) }))
+}, An = (e) => Qe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+  V((t) => new qt({ class: "mr-2", onChange: (s, n) => Ln(t, n) }))
 ]), Rn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const i = e || "justify-start";
-  return Ke({
+  return Qe({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
@@ -3244,8 +3244,8 @@ const Ln = (e, t) => {
       t && j({ class: "ml-2", html: h.arrows.upDown })
     ])
   ]);
-}, Se = (e) => xt([
-  pt({
+}, Se = (e) => pt([
+  yt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
@@ -3258,7 +3258,7 @@ const Ln = (e, t) => {
       })
     ]
   })
-]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new Ct({
+]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new St({
   cache: "list",
   key: e,
   items: t,
@@ -3268,7 +3268,7 @@ const Ln = (e, t) => {
   skeleton: l,
   columnCount: i
 });
-class ot extends S {
+class lt extends S {
   /**
    * Initializes component data.
    *
@@ -3433,7 +3433,7 @@ class ot extends S {
     this.data.selectedRows = [];
   }
 }
-const En = (e) => new St({
+const En = (e) => new $t({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3446,7 +3446,7 @@ const En = (e) => new St({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Hn extends ot {
+class Hn extends lt {
   /**
    * Renders the DataTable component.
    *
@@ -3529,7 +3529,7 @@ const No = r((e) => new Hn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Un = (e) => new $t({
+)), Un = (e) => new Dt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3543,7 +3543,7 @@ const No = r((e) => new Hn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Yn extends ot {
+class Yn extends lt {
   /**
    * Renders the DataTable component.
    *
@@ -3640,14 +3640,14 @@ const Fo = r((e) => new Yn(
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Wn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   u("Last seen "),
-  yt({ datetime: e }, "3h ago")
+  wt({ datetime: e }, "3h ago")
 ]), qn = (e, t) => e === "online" ? Vn() : Wn(t), Gn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
   qn(s, t)
 ])), Kn = (e) => e.split(" ").map((s) => s[0]).join(""), Qn = r((e) => xe({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
     // @ts-ignore
-    zs({ src: e.image, alt: e.name, fallbackText: Kn(e.name) }),
+    Os({ src: e.image, alt: e.name, fallbackText: Kn(e.name) }),
     // @ts-ignore
     _n({ name: e.name, email: e.email })
   ]),
@@ -3659,7 +3659,7 @@ const Fo = r((e) => new Yn(
     // @ts-ignore
     status: e.status
   })
-])), Lo = r((e) => new Dt({
+])), Lo = r((e) => new It({
   cache: "list",
   key: "name",
   // @ts-ignore
@@ -3763,7 +3763,7 @@ const Xn = r(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class lt extends S {
+class rt extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3795,7 +3795,7 @@ class lt extends S {
    */
   addLink() {
     const t = this.options && this.options.length > 0, s = this.content || Zn(String(this.label), this.icon, t);
-    return this.href ? new vt(
+    return this.href ? new kt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3823,7 +3823,7 @@ class lt extends S {
   }
 }
 const ea = r(({ map: e }, t) => Z({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  We({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+  qe({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
 class ta extends S {
   /**
@@ -3883,10 +3883,10 @@ class ta extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new lt(t);
+    return new rt(t);
   }
 }
-class rt extends ta {
+class it extends ta {
   onCreated() {
     this.links = [];
   }
@@ -3921,7 +3921,7 @@ class rt extends ta {
    * @returns {object}
    */
   addLink(t) {
-    const s = new lt(t);
+    const s = new rt(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3936,7 +3936,7 @@ const sa = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), na = (e, t) => {
   const s = e.link.panel.pathname;
   return !s && e.isSelected() ? !0 : e.exact ? t === s : sa(s, t);
 };
-class aa extends rt {
+class aa extends it {
   /**
    * This will declare the props for the compiler.
    *
@@ -4104,31 +4104,31 @@ class ia extends S {
     this.container = app.root;
   }
 }
-const it = () => b({ class: "m-2", variant: "ghost", addState() {
+const ct = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   x({}, h.bar.three)
 ]), ca = (e) => me({ class: "text-lg ml-2" }, e), da = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  it(),
+  ct(),
   e.title && ca(e.title)
-]), ct = (e, t) => {
+]), dt = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
-      ct(s.options, t);
+      dt(s.options, t);
       return;
     }
     s.callBack = t;
   });
-}, dt = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, ut = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   M(
     "open",
     (t) => t ? [
       new ia({ title: e.title }, [
         V(({ state: s }) => {
           const n = (a) => s.open = !1;
-          return ct(e.options, n), new rt(
+          return dt(e.options, n), new it(
             {
               options: e.options
             }
@@ -4139,13 +4139,13 @@ const it = () => b({ class: "m-2", variant: "ghost", addState() {
   )
 ]), Ao = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    it(),
-    dt(e)
+    ct(),
+    ut(e)
   ])
 ])), Ro = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   o({ class: "flex flex-auto flex-col w-full" }, [
     da(e),
-    dt(e)
+    ut(e)
   ])
 ])), jo = r((e) => {
   const t = e.margin || "m-4 ml-0";
@@ -4248,7 +4248,7 @@ class ua extends S {
     return this.children;
   }
 }
-Je.addType("dockableOverlay", (e) => {
+Xe.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
@@ -4324,7 +4324,7 @@ class Eo extends ua {
    * @returns {void}
    */
   afterSetup() {
-    Je.add(
+    Xe.add(
       this.container,
       "dockableOverlay",
       {
@@ -4598,7 +4598,7 @@ const pa = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto f
   ...e,
   children: t
 })), ya = r(({ title: e, description: t }) => X({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  wt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+  vt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
   t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
 ]));
 class Yo extends xa {
@@ -4621,7 +4621,7 @@ class Yo extends xa {
         title: this.title,
         description: this.description
       }),
-      It(this.children)
+      Tt(this.children)
     ]);
   }
 }
@@ -4630,7 +4630,7 @@ export {
   co as A,
   jo as B,
   ln as C,
-  ot as D,
+  lt as D,
   bo as E,
   zo as F,
   Eo as G,
@@ -4648,24 +4648,24 @@ export {
   Na as S,
   ja as T,
   Ra as U,
-  st as V,
+  nt as V,
   uo as W,
   fo as X,
   ho as Y,
-  ys as Z,
-  bs as _,
-  zs as a,
+  ws as Z,
+  xs as _,
+  Os as a,
   Qn as a$,
-  Et as a0,
-  gs as a1,
-  ms as a2,
-  xs as a3,
+  Ht as a0,
+  ms as a1,
+  bs as a2,
+  ps as a3,
   A as a4,
   Yo as a5,
   Rn as a6,
   Za as a7,
   de as a8,
-  ls as a9,
+  rs as a9,
   la as aA,
   oo as aB,
   _a as aC,
@@ -4694,12 +4694,12 @@ export {
   Xa as aZ,
   Lo as a_,
   Co as aa,
-  rt as ab,
+  it as ab,
   N as ac,
-  jt as ad,
+  Et as ad,
   za as ae,
   So as af,
-  lt as ag,
+  rt as ag,
   pa as ah,
   Pe as ai,
   _s as aj,
@@ -4707,7 +4707,7 @@ export {
   Ro as al,
   an as am,
   Ga as an,
-  it as ao,
+  ct as ao,
   Jn as ap,
   ta as aq,
   ea as ar,
@@ -4720,11 +4720,11 @@ export {
   Vs as ay,
   se as az,
   ra as b,
-  Xe as b0,
+  Ze as b0,
   O as b1,
   Ka as b2,
   Gs as b3,
-  fs as b4,
+  gs as b4,
   Ia as b5,
   Da as b6,
   B as b7,
@@ -4734,8 +4734,8 @@ export {
   $o as e,
   b as f,
   en as g,
-  Rt as h,
-  Wt as i,
+  jt as h,
+  qt as i,
   An as j,
   Ba as k,
   ao as l,