@base-framework/ui 1.2.21 → 1.2.23

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

@@ -1,10 +1,10 @@
-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 V, Span as g, Button as w, OnState as T, Div as o, Legend as rt, Fieldset as it, H4 as Ue, P as k, Label as W, Checkbox as de, Input as p, Textarea as ct, UseParent as _, Img as ue, H5 as dt, H2 as Z, Form as ut, Header as X, Footer as he, A as Ye, H3 as fe, Nav as ge, Ul as ee, Li as me, OnStateOpen as be, On as J, Dialog as ht, Th as Ve, Thead as ft, Tr as gt, Table as xe, Time as mt, H1 as bt } from "@base-framework/atoms";
+import { Atom as r, Jot as M, Component as C, Html as xt, Data as z, Events as j, DateTime as te, NavLink as pt, 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 { Timer as yt, TableBody as wt, DataTableBody as vt, ScrollableTableBody as kt, List as Ct } from "@base-framework/organisms";
 import { F as U } from "./format-DE4rFWuD.js";
-import { F as vt } from "./bside-template-C7AQgQ6H.js";
-const kt = {
+import { F as St } from "./bside-template-C7AQgQ6H.js";
+const $t = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -12,15 +12,15 @@ const kt = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, ie = r((e, t) => {
-  const s = kt[e.size || "sm"];
-  return Y({
+}, ce = r((e, t) => {
+  const s = $t[e.size || "sm"];
+  return V({
     ...e,
     // @ts-ignore
     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") ? ce(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 = {
+}) : ce(e, t) : null, ha = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, fa = (e) => typeof e == "string" && e.includes("<svg"), Ie = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,17 +150,17 @@ const kt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Ct = (e) => De[e] || De.gray, St = (e, t = {}) => {
-  const s = Ct(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
+}, Dt = (e) => Ie[e] || Ie.gray, It = (e, t = {}) => {
+  const s = Dt(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) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m = St(s, { backgroundColor: l, textColor: i, ringColor: c });
+}, ga = r((e, t) => {
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m = It(s, { backgroundColor: l, textColor: i, ringColor: c });
   return g({ ...h, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-class We extends C {
+class _e 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, _e)
 );
-class ua extends We {
+class ma extends _e {
   /**
    * Declare public props and their defaults.
    */
@@ -229,7 +229,7 @@ class ua extends We {
     ]);
   }
 }
-const ne = {
+const ae = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
   md: "w-10 h-10",
@@ -237,7 +237,7 @@ const ne = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class ha extends C {
+class ba extends C {
   /**
    * Declare public props.
    */
@@ -268,7 +268,7 @@ class ha extends C {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = ne[this.size] || ne.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, h = this.circle ?? !1;
+    const t = this.icon, s = this.activeIcon || this.icon, n = ae[this.size] || ae.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, h = this.circle ?? !1;
     return w({
       click: () => this.handleToggle(),
       // @ts-ignore
@@ -283,8 +283,8 @@ class ha extends C {
     ]);
   }
 }
-const fa = r((e, t) => {
-  const s = e.size || "md", n = ne[s] || ne.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
+const xa = r((e, t) => {
+  const s = e.size || "md", n = ae[s] || ae.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return w({
     ...e,
     // @ts-ignore
@@ -294,12 +294,43 @@ 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 qe = 0;
+const Y = /* @__PURE__ */ new Map(), Tt = () => {
+  const e = globalThis.location?.hash || "";
+  return (e ? e.replace(/^#\/?/, "") : globalThis.location?.pathname || "/").replace(/^\/+/, "");
+};
+if (typeof globalThis.history?.pushState == "function") {
+  const e = globalThis.history.pushState;
+  globalThis.history.pushState = function(...t) {
+    qe++;
+    const s = String(t[2] || "").replace(/^[#/]+/, "");
+    for (const [n, a] of Y)
+      a.basePath && s !== a.basePath && !s.startsWith(a.basePath + "/") && Y.delete(n);
+    return e.apply(this, t);
+  };
+}
+const Ge = (e) => {
+  const t = e || "";
+  if (Y.has(t))
+    return (
+      /** @type {{ historyLength: number, pushCount: number, basePath: string }} */
+      Y.get(t)
+    );
+  const s = {
+    historyLength: globalThis.history.length,
+    pushCount: qe,
+    basePath: Tt()
+  };
+  return Y.set(t, s), s;
+}, Ke = (e) => {
+  Y.delete(e || "");
+}, 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,38 +342,40 @@ 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;
+}, s)), Mt = (e) => {
+  const t = Ge(e.backUrl);
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (e.allowHistory === !0 && (s || a > 0)) {
-      globalThis.history.go(-l);
+    Ke(e.backUrl);
+    const n = globalThis.history.length - t.historyLength + 1;
+    if (e.allowHistory === !0 && t.pushCount > 0) {
+      globalThis.history.go(-n);
       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({
+}, Pt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || Mt(t), pe({
   ...e,
   ...t
-}, s))), It = (e) => {
-  const t = globalThis.history.length, s = t > qe;
+}, s))), Bt = (e) => {
+  const t = Ge(e.backUrl);
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (s || a > 0) {
-      globalThis.history.go(-l);
+    Ke(e.backUrl);
+    const n = globalThis.history.length - t.historyLength + 1;
+    if (t.pushCount > 0) {
+      globalThis.history.go(-n);
       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({
+}, zt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || Bt(t), pe({
   ...e,
   ...t
-}, s))), Mt = r((e, t) => {
+}, s))), Ot = r((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -359,42 +392,42 @@ 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" }),
-  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) => {
+}), 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: Pt({ class: "with-icon back-button" }),
+  smartBack: zt({ class: "with-icon back-button" }),
+  circleIcon: Ot
+}, b = r((e, t) => (Me[e.variant] || Me.primary)(e, t)), pa = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Nt = 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);
-}), Pt = r((e, t) => at({
+}), Rt = r((e, t) => rt({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), ma = r((e, t) => {
+}, t)), ya = r((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return ot({
+  return it({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && Pt(e.legend),
+    e.legend && Rt(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), zt = r((e, t) => {
+}), Ft = r((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -409,14 +442,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({
+}), Lt = "flex h-10 w-full px-3 py-2 text-sm", P = "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", A = "placeholder:text-muted-foreground", ye = `${Lt} ${P} ${I} ${A} ${D}`, jt = ({ id: e, checked: t, bind: s, required: n }) => de({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -426,15 +459,15 @@ const fa = r((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Lt = () => g({ class: "absolute text-xs pointer-events-none" }, [
+}), At = () => g({ class: "absolute text-xs pointer-events-none" }, [
   T(
     "checked",
-    (e) => e ? Y({
+    (e) => e ? V({
       class: "w-2 h-2 pointer-events-none",
       html: u.check
     }) : null
   )
-]), Rt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Ht = ({ 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}
@@ -454,13 +487,13 @@ const fa = r((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Nt({ bind: t, checked: s, id: e, required: n }),
-  Lt()
-]), Ft = ({ id: e, label: t, clickHandler: s }) => V({
+  jt({ bind: t, checked: s, id: e, required: n }),
+  At()
+]), Et = ({ id: e, label: t, clickHandler: s }) => W({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), jt = M(
+}, t), Ut = M(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -499,7 +532,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({
+        Ht({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -511,22 +544,22 @@ const fa = r((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Ft({ id: e, label: this.label, clickHandler: t })
+        this.label && Et({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), Ht = (e) => {
+), Yt = (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;
-}, At = (e) => {
-  const t = e.target, s = Ht(t.value);
+}, Vt = (e) => {
+  const t = e.target, s = Yt(t.value);
   s && (t.value = s);
 }, N = r((e) => p({
   ...e,
   // @ts-ignore
-  class: `${pe} ${e.class || ""}`.trim()
-})), ba = r((e) => N({
+  class: `${ye} ${e.class || ""}`.trim()
+})), wa = r((e) => N({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -536,8 +569,8 @@ const fa = r((e, t) => {
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: At
-})), xa = r((e) => N({
+  keyup: Vt
+})), va = r((e) => N({
   ...e,
   type: "email",
   // @ts-ignore
@@ -545,47 +578,47 @@ const fa = r((e, t) => {
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), pa = r((e) => lt({
+})), ka = r((e) => ct({
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${B} ${I} ${H} ${D} ${e.class || ""}`.trim()
-})), ya = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
+  class: `flex w-full h-24 px-3 py-2 text-sm ${P} ${I} ${A} ${D} ${e.class || ""}`.trim()
+})), Ca = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
   p({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
-  e.label && V({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), wa = r((e) => p({
+  e.label && W({ forHTML: e.value, class: "cursor-pointer" }, e.label)
+]), Sa = r((e) => p({
   ...e,
   type: "date",
   // @ts-ignore
-  class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), va = r((e) => p({
+  class: `${P} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), $a = r((e) => p({
   ...e,
   type: "time",
   // @ts-ignore
-  class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), ka = r((e) => p({
+  class: `${P} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Da = r((e) => p({
   ...e,
   type: "datetime-local",
   // @ts-ignore
-  class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Ca = r((e) => p({
+  class: `${P} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ia = r((e) => p({
   ...e,
   type: "month",
   // @ts-ignore
-  class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Sa = r((e) => p({
+  class: `${P} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ta = r((e) => p({
   ...e,
   type: "week",
   // @ts-ignore
-  class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), $a = r((e) => N({
+  class: `${P} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ma = r((e) => N({
   ...e,
   type: "number"
-})), Da = r((e) => N({
+})), Pa = r((e) => N({
   ...e,
   type: "password"
 }));
@@ -593,29 +626,29 @@ r((e) => N({
   ...e,
   type: "search"
 }));
-const Ia = r((e) => N({
+const Ba = r((e) => N({
   ...e,
   type: "url"
-})), Ta = r((e) => N({
+})), za = r((e) => N({
   ...e,
   type: "hidden"
-})), Ma = r((e) => p({
+})), Oa = r((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
-  class: `${B} text-foreground p-0 ${D} ${e.class || ""}`.trim()
+  class: `${P} text-foreground p-0 ${D} ${e.class || ""}`.trim()
 }));
-r((e) => ce({
+r((e) => de({
   ...e,
   // @ts-ignore
-  class: `flex h-4 w-4 text-foreground ${B} ${I} ${D} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${P} ${I} ${D} ${e.class || ""}`.trim()
 }));
-const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ba = r((e) => p({
+const Wt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Na = r((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${pe} ${Et} ${e.class || ""}`.trim()
-})), Pa = O(
+  class: `${ye} ${Wt} ${e.class || ""}`.trim()
+})), Ra = O(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -648,7 +681,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       return o({ class: "relative w-full h-4 flex items-center" }, [
         // Track
         o({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        W(({ state: e }) => [
+        _(({ state: e }) => [
           // Filled Track
           o({
             class: "absolute h-2 bg-primary rounded-full",
@@ -687,15 +720,15 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), za = r((e) => ({
+), Fa = r((e) => ({
   tag: "select",
   onCreated(t) {
-    e.options && gt.setupSelectOptions(t, e.options);
+    e.options && xt.setupSelectOptions(t, e.options);
   },
   ...e,
   // @ts-ignore
-  class: `${pe} ${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: `${ye} ${e.class || ""}`.trim()
+})), _t = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : ue({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -704,7 +737,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) => {
+})), qt = (e) => !e || isNaN(e) ? null : e, Pe = (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 -->
@@ -747,20 +780,20 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: i
   });
-}, Oa = r((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Me(t, s);
+}, La = r((e) => {
+  const t = e.progress || 0, s = e.class || "", n = Pe(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = Yt(a), a ? Me(a, s) : n)
+      (a) => (a = qt(a), a ? Pe(a, s) : n)
     ]
   }, [n]);
-}), Vt = () => W(({ state: e }) => o({
+}), Gt = () => _(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), Na = O(
+})), ja = O(
   {
     /**
      * This will render the progress bar component.
@@ -769,7 +802,7 @@ const Et = "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" }, [
-        Vt()
+        Gt()
       ]);
     },
     /**
@@ -812,7 +845,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 = {}) => {
+), Aa = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -833,7 +866,7 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Ra = r((e = {}) => {
+}), Ha = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -863,8 +896,8 @@ 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) => {
-  const n = Wt(e);
+}, Kt = (e) => Be[String(e)] || Be.top, Ea = r(({ position: e = "top", content: t }, s) => {
+  const n = Kt(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
@@ -875,7 +908,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",
@@ -901,25 +934,25 @@ const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, qt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, 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;
+]), Jt = (e) => dt({ class: "font-semibold" }, e), Zt = (e) => k({ class: "text-sm text-muted-foreground" }, e), Ua = r(({ title: e, description: t, icon: s, type: n = "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),
+    s && Qt(s, i),
     o({ class: "flex flex-col" }, [
-      Gt(e),
-      _t(t)
+      Jt(e),
+      Zt(t)
     ])
   ]);
-}), Kt = (e, t) => {
+}), Xt = (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, h = s.bottom + i;
   const m = globalThis.innerHeight - s.bottom, v = s.top;
   return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && v > m ? h = s.top + i - n.height - a : m < n.height && (h = s.bottom + i - (n.height - m) - a), { x: c, y: h };
 };
-class te extends C {
+class se extends C {
   /**
    * This will set up the data.
    *
@@ -996,7 +1029,7 @@ class te extends C {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = Kt(t, s);
+    const t = this.button ?? null, s = this.panel, n = Xt(t, s);
     this.data.position = n;
   }
   /**
@@ -1048,29 +1081,29 @@ class te extends C {
     this?.panel?.hidePopover();
   }
 }
-const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Jt = r((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Zt = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Xt = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), Ha = r((e, t = []) => Bt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const es = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ts = r((e, t) => W({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ss = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ns = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), Ya = r((e, t = []) => Nt({ 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),
+  e.title && Z({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
   e.description && k({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
   ...t
-])), Aa = r((e, t = []) => (
+])), Va = r((e, t = []) => (
   // @ts-ignore
-  zt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  Ft({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
-)), Ea = r((e, t = []) => {
+)), Wa = 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);
-}), es = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Ge = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = Ge(n.children, t, s)), !n.required) ? n : es(n) ? {
+}), as = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Qe = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = Qe(n.children, t, s)), !n.required) ? n : as(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), ts = r((e, t) => {
-  const a = Ge(t, (l) => {
+} : n), os = r((e, t) => {
+  const a = Qe(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1079,7 +1112,7 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), Ua = O(
+}), _a = O(
   {
     /**
      * The initial state of the FormField.
@@ -1104,41 +1137,41 @@ const Qt = 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" }, [
-        Qt([
-          Jt({ htmlFor: t }, s),
-          ts({
+        es([
+          ts({ htmlFor: t }, s),
+          os({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && Zt({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && Xt(l)] })
+          n && ss({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && ns(l)] })
         ])
       ]);
     }
   }
-), ss = (e, t, s = null) => {
+), ls = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, _e = r(
+}, Je = r(
   (e, t) => (
     // @ts-ignore
-    it({ ...e, submit: (s, n) => ss(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    ut({ ...e, submit: (s, n) => ls(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
-), Ya = r((e, t) => (
+), qa = r((e, t) => (
   // @ts-ignore
   o({ ...e, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)
-)), Va = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+)), Ga = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
-  e.title && J({ class: "font-semibold" }, e.title),
+  e.title && Z({ class: "font-semibold" }, e.title),
   ...t
-])), Wa = (e, t) => o({ class: "flex justify-between" }, [
+])), Ka = (e, t) => o({ class: "flex justify-between" }, [
   g({ class: "text-muted-foreground" }, e),
   g(t)
-]), qa = (e, t) => o({ class: "flex" }, [
+]), Qa = (e, t) => o({ class: "flex" }, [
   g({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   g(t)
-]), ns = r(({ title: e, description: t, back: s, icon: n, options: a = [] }) => Z({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+]), rs = r(({ title: e, description: t, back: s, icon: n, options: a = [] }) => 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)
    */
@@ -1156,12 +1189,12 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   ]),
   o({ class: "flex flex-auto flex-row justify-between ml-2 gap-2 min-w-0" }, [
     o({ class: "flex flex-auto flex-col min-w-0" }, [
-      J({ class: "text-lg font-semibold m-0 truncate" }, e),
+      Z({ class: "text-lg font-semibold m-0 truncate" }, e),
       t && o({ class: "text-sm text-muted-foreground truncate" }, t)
     ]),
     o({ class: "flex flex-none items-center gap-2" }, a)
   ])
-])), Ga = r((e, t) => {
+])), Ja = r((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1171,7 +1204,7 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       l.target === i.panel && (l.preventDefault(), l.stopPropagation(), i.state.open = !1);
     }
   }, [
-    _e({
+    Je({
       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),
@@ -1179,13 +1212,13 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       // @ts-ignore
       ...e.gestureHandlers
     }, [
-      ns(e),
+      rs(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
-      !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)
+      !e.hideFooter && he({ 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",
@@ -1211,22 +1244,22 @@ const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, as = (e) => Z({ class: "flex justify-center" }, [
-  he({ class: "text-lg font-bold mb-0" }, e)
-]), os = r(({ href: e, class: t }, s) => Ue({
+}, is = (e) => X({ class: "flex justify-center" }, [
+  fe({ class: "text-lg font-bold mb-0" }, e)
+]), cs = 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",
   animateOut: "pullRight",
   role: "alert"
-}, s)), ls = r(({ close: e, class: t }, s) => o({
+}, s)), ds = 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",
   animateOut: "pullRight",
   role: "alert"
 }, s));
-class _a extends C {
+class Za extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -1250,10 +1283,10 @@ class _a extends C {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? os({
+    return a ? cs({
       href: a,
       class: `${t} ${s}`
-    }, l) : ls({
+    }, l) : ds({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1265,7 +1298,7 @@ class _a extends C {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new bt(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new yt(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1274,7 +1307,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.
@@ -1303,10 +1336,10 @@ class _a extends C {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && as(this.title)
+            this.title && is(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
-          (this.primary || this.secondary) && ue({ class: "margin-top-24 flex align-center" }, this.getButtons())
+          (this.primary || this.secondary) && he({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
       b({
@@ -1327,25 +1360,25 @@ 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, oe = 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"]],
   click: (n, { state: a }) => {
-    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), rs(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), us(e);
   }
 }, [
   x({}, s),
   g(t)
-])), rs = (e) => {
+])), us = (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;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, Ka = M(
+}, Xa = M(
   {
     /**
      * This will render the component.
@@ -1355,9 +1388,9 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     render() {
       return o({ class: "flex flex-auto flex-col" }, [
         o({ class: "grid grid-cols-3 gap-4" }, [
-          ae({ label: "System", value: "system", icon: u.adjustments.horizontal }),
-          ae({ label: "Light", value: "light", icon: u.sun }),
-          ae({ label: "Dark", value: "dark", icon: u.moon })
+          oe({ label: "System", value: "system", icon: u.adjustments.horizontal }),
+          oe({ label: "Light", value: "light", icon: u.sun }),
+          oe({ label: "Dark", value: "dark", icon: u.moon })
         ])
       ]);
     },
@@ -1372,7 +1405,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       };
     }
   }
-), Qa = O(
+), eo = O(
   {
     /**
      * The initial state of the Toggle.
@@ -1406,7 +1439,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
           s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
-        ce({
+        de({
           cache: "checkbox",
           class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
           /**
@@ -1424,13 +1457,13 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), is = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Ut({
+), hs = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : _t({
   src: e,
   alt: t,
   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 = {
+})), fs = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), Ze = (e) => !e || e.length < 2 ? e : fs(e), gs = (e) => g([e, (t, s) => {
+  s.textContent = Ze(t);
+}]), Re = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1440,7 +1473,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,8 +1483,8 @@ 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") => {
-  const n = Ke(String(e)), a = hs(s);
+}, ms = (e) => Re[e] || Re.default, bs = (e) => Fe[e] || Fe.default, xs = (e, t = null, s = "md") => {
+  const n = Ze(String(e)), a = bs(s);
   return o(
     {
       class: `
@@ -1461,21 +1494,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
 		`
     },
     [
-      t ? ds(t) : g({ class: "uppercase" }, n)
+      t ? gs(t) : g({ class: "uppercase" }, n)
     ]
   );
-}, gs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = us(a);
+}, ps = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = ms(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      is({ src: e, alt: t }),
-      fs(s, n, a)
+      hs({ src: e, alt: t }),
+      xs(s, n, a)
     ]
   );
-}), ms = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Ja = M(
+}), ys = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, to = M(
   {
     /**
      * Get the initial state for the component.
@@ -1531,13 +1564,13 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          T("loaded", (s) => s === !1 || ms(this.src) ? V({
+          T("loaded", (s) => s === !1 || ys(this.src) ? W({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
-            ie(u.upload),
+            ce(u.upload),
             o("Upload Image")
-          ]) : de({
+          ]) : ue({
             // @ts-ignore
             src: this.src,
             class: "absolute inset-0 w-full h-full object-cover rounded-full"
@@ -1546,7 +1579,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Za = M(
+), so = M(
   {
     /**
      * Get the initial state for the component.
@@ -1604,11 +1637,11 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
         }, [
           T(
             "loaded",
-            (s) => s ? de({
+            (s) => s ? ue({
               // @ts-ignore
               src: this.src,
               class: "absolute inset-0 w-full h-full object-cover rounded-full"
-            }) : V({
+            }) : W({
               htmlFor: e,
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
@@ -1628,7 +1661,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), bs = (e, t) => Ue(
+), ws = (e, t) => Ye(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1636,14 +1669,14 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
   [g(t)]
-), xs = () => x({
+), vs = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, u.chevron.single.right), ps = (e) => o({ class: "flex items-center" }, [
-  e.href ? bs(e.href, e.label) : g(e.label),
-  e.separator && xs()
-]), Xa = M(
+}, u.chevron.single.right), ks = (e) => o({ class: "flex items-center" }, [
+  e.href ? ws(e.href, e.label) : g(e.label),
+  e.separator && vs()
+]), no = M(
   {
     /**
      * Set initial data
@@ -1663,7 +1696,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      */
     render() {
       const e = this.data.items.length - 1;
-      return fe(
+      return ge(
         {
           "aria-label": "Breadcrumb",
           class: "flex items-center gap-x-1 text-sm"
@@ -1672,7 +1705,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
           o({
             role: "list",
             class: "flex items-center",
-            for: ["items", (t, s) => ps({
+            for: ["items", (t, s) => ks({
               href: t.href,
               label: t.label,
               separator: s < e
@@ -1682,7 +1715,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 +1724,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` }, [
+}, Cs = (e) => Le[e] || Le.default, Ss = ({ 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", {
@@ -1702,10 +1735,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       n.activeIndex = e, a && a(e);
     }
   })
-]), vs = (e, t) => Array.from({ length: e }, (s, n) => ws({
+]), $s = (e, t) => Array.from({ length: e }, (s, n) => Ss({
   index: n,
   size: t
-})), eo = M(
+})), ao = M(
   {
     /**
      * Defines component data (props).
@@ -1727,7 +1760,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = ys(this.size || "sm"), s = vs(this.data.count, t);
+      const e = this.gap || "gap-2", t = Cs(this.size || "sm"), s = $s(this.data.count, t);
       return o(
         { class: "flex justify-center items-center py-2" },
         [
@@ -1736,7 +1769,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), ks = ({ toggleDropdown: e }) => w(
+), Ds = ({ toggleDropdown: e }) => w(
   {
     cache: "button",
     class: "relative z-2 inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-input hover:bg-muted h-10 px-4 py-2 justify-between",
@@ -1746,27 +1779,27 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     g({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
     x({ size: "sm" }, u.chevron.upDown)
   ]
-), Cs = (e, t, s) => ge({
+), Is = (e, t, s) => me({
   class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
   click: () => t(e),
   onState: [s, "selectedValue", { "bg-secondary": e.value }]
 }, [
   e.icon && g({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
   g({ class: "text-base font-normal" }, e.label)
-]), Ss = (e, t) => o({ class: "w-full border rounded-md" }, [
-  X({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Cs(s, e, t)] })
-]), $s = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
+]), Ts = (e, t) => o({ class: "w-full border rounded-md" }, [
+  ee({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Is(s, e, t)] })
+]), Ms = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
   T(
     "open",
-    (s, n, a) => s ? new te({
+    (s, n, a) => s ? new se({
       cache: "dropdown",
       parent: a,
       button: a.button
     }, [
-      Ss(e, t)
+      Ts(e, t)
     ]) : null
   )
-]), to = M(
+]), oo = M(
   {
     /**
      * This will set up the data.
@@ -1847,8 +1880,8 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
       return o({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
-        ks({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        $s({
+        Ds({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        Ms({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1868,21 +1901,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Qe = ({ icon: e, click: t, ariaLabel: s }) => b({
+), Xe = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Ds = ({ click: e }) => Qe({
+}), Ps = ({ click: e }) => Xe({
   icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Is = ({ click: e }) => Qe({
+}), Bs = ({ click: e }) => Xe({
   icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Ts = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
+}), zs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => _(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
   blur: (l, { state: i }) => {
@@ -1895,7 +1928,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), so = O(
+})), lo = O(
   {
     /**
      * Initial state for the counter component.
@@ -1918,20 +1951,20 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     render() {
       const e = this.class ?? "";
       return o({ class: `flex flex-auto items-center justify-between gap-x-4 p-4 ${e}` }, [
-        Ds({ click: () => this.state.decrement("count") }),
-        Ts({
+        Ps({ click: () => this.state.decrement("count") }),
+        zs({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Is({ click: () => this.state.increment("count") })
+        Bs({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), Ms = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Os = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
-  ee.monthNames.map(
+  te.monthNames.map(
     (n, a) => b(
       {
         click: (l) => {
@@ -1943,10 +1976,10 @@ 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) => {
-  const a = Ns(t, n);
-  return a || (e ? Ps(e) : s ? zs(s) : "text-foreground");
-}, oe = (e) => {
+), B = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Ns = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), L = (e, t, s) => `${e}-${B(t + 1)}-${B(s)}`, Rs = (e) => e ? "bg-accent text-primary" : "", Fs = (e) => e ? "text-muted-foreground opacity-50" : "", Ls = (e, t) => e === t, js = (e, t) => Ls(e, t) ? "bg-primary text-primary-foreground" : "", As = (e, t, s, n) => {
+  const a = js(t, n);
+  return a || (e ? Rs(e) : s ? Fs(s) : "text-foreground");
+}, le = (e) => {
   const {
     day: t,
     currentDate: s,
@@ -1960,7 +1993,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)}
+				${As(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -1971,29 +2004,29 @@ 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;
+}, re = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Hs = (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, H = 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 = re(y, q, H, t), $ = new Date(H, q, y) < new Date(t.year, t.month, t.date), R = n && $;
     v.push(
-      oe({
+      le({
         day: y,
         currentDate: i,
-        date: F(A, q, y),
+        date: L(H, q, y),
         isToday: S,
         isOutsideMonth: !0,
         select: s,
-        disabled: L
+        disabled: R
       })
     );
   }
   for (let d = 1; d <= h; d++) {
-    const y = le(d, l, a, t), S = new Date(a, l, d) < new Date(t.year, t.month, t.date), $ = n && S;
+    const y = re(d, l, a, t), S = new Date(a, l, d) < new Date(t.year, t.month, t.date), $ = n && S;
     v.push(
-      oe({
+      le({
         day: d,
         currentDate: i,
-        date: F(a, l, d),
+        date: L(a, l, d),
         isToday: y,
         isOutsideMonth: !1,
         select: s,
@@ -2001,14 +2034,14 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  const E = l === 11 ? 0 : l + 1, se = l === 11 ? a + 1 : a, f = (7 - v.length % 7) % 7;
+  const E = l === 11 ? 0 : l + 1, ne = l === 11 ? a + 1 : a, f = (7 - v.length % 7) % 7;
   for (let d = 1; d <= f; d++) {
-    const y = le(d, E, se, t), S = new Date(se, E, d) < new Date(t.year, t.month, t.date), $ = n && S;
+    const y = re(d, E, ne, t), S = new Date(ne, E, d) < new Date(t.year, t.month, t.date), $ = n && S;
     v.push(
-      oe({
+      le({
         day: d,
         currentDate: i,
-        date: F(se, E, d),
+        date: L(ne, E, d),
         isToday: y,
         isOutsideMonth: !0,
         select: s,
@@ -2017,7 +2050,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 +2063,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" }, [
+), Es = ({ 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 })
-]), js = (e) => o(
+  je({ label: "Previous", click: n }),
+  je({ label: "Next", click: s })
+]), Us = (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({
+), Ys = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Us), Vs = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  Es({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2050,10 +2083,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, Hs()),
+        o({ class: "grid grid-cols-7" }, Ys()),
         o(
           { class: "grid grid-cols-7" },
-          Rs(
+          Hs(
             e.current,
             e.today,
             e.select,
@@ -2063,7 +2096,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]
     ]
   })
-]), Es = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
+]), Ws = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
   const n = t - 50, a = Array.from({ length: 101 }, (l, i) => n + i);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2081,7 +2114,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     )
   );
 };
-class Us extends C {
+class _s extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -2097,7 +2130,7 @@ class Us extends C {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Bs(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Ns(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2140,7 +2173,7 @@ class Us extends C {
    * @returns {string}
    */
   getMonthName(t) {
-    return ee.monthNames[t];
+    return te.monthNames[t];
   }
   /**
    * This will go to the previous month.
@@ -2172,7 +2205,7 @@ class Us extends C {
    */
   setCurrentDate(t, s, n = null) {
     const a = this.data;
-    a.current.month = t, a.current.year = s, typeof n == "number" && (a.current.date = P(n)), a.currentDate = `${s}-${P(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
+    a.current.month = t, a.current.year = s, typeof n == "number" && (a.current.date = B(n)), a.currentDate = `${s}-${B(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -2194,7 +2227,7 @@ class Us extends C {
       T("view", (t) => {
         switch (t) {
           case "months":
-            return Ms(
+            return Os(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2206,7 +2239,7 @@ class Us extends C {
               }
             );
           case "years":
-            return Es(
+            return Ws(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2218,7 +2251,7 @@ class Us extends C {
               }
             );
           default:
-            return As({
+            return Vs({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2239,57 +2272,57 @@ class Us extends C {
     ]);
   }
 }
-const Ys = (e) => {
+const qs = (e) => {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += "/" + e.substring(2, 4), e.length > 4 && (t += "/" + e.substring(4, 8)))), t;
-}, Vs = (e) => {
+}, Gs = (e) => {
   if (e.length !== 8)
     return null;
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10), n = parseInt(e.substring(4, 8), 10);
   return t >= 1 && t <= 12 && s >= 1 && s <= 31 && n >= 1900 ? `${n}-${t.toString().padStart(2, "0")}-${s.toString().padStart(2, "0")}` : null;
-}, Ws = ({ bind: e, required: t }) => p({
+}, Ks = ({ bind: e, required: t }) => p({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), qs = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
+}), Qs = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
   cache: "dateInput",
   class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
   placeholder: e || "mm/dd/yyyy",
   input: t,
   focus: s,
-  onState: ["selectedDate", (n) => n ? ee.format("standard", n) : ""]
-}), Gs = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
+  onState: ["selectedDate", (n) => n ? te.format("standard", n) : ""]
+}), Js = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
   {
     class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
   },
   [
-    Ws({ bind: e, required: t }),
-    qs({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    Ks({ bind: e, required: t }),
+    Qs({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
     w(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
         click: s
       },
       [
-        Y({ html: u.calendar.days })
+        V({ html: u.calendar.days })
       ]
     )
   ]
-), _s = ({ handleDateSelect: e, blockPriorDates: t }) => me(
-  (s, n, a) => new te({
+), Zs = ({ handleDateSelect: e, blockPriorDates: t }) => be(
+  (s, n, a) => new se({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new Us({
+    new _s({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), no = O(
+), ro = O(
   {
     /**
      * The initial state of the DatePicker.
@@ -2318,8 +2351,8 @@ const Ys = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = Ys(s);
-      const n = Vs(s);
+      e.target.value = qs(s);
+      const n = Gs(s);
       n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
@@ -2356,7 +2389,7 @@ const Ys = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          Gs({
+          Js({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2364,7 +2397,7 @@ const Ys = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          _s({
+          Zs({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2372,7 +2405,7 @@ const Ys = (e) => {
       );
     }
   }
-), je = ({ label: e, click: t }) => b(
+), Ae = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2385,15 +2418,15 @@ const Ys = (e) => {
     variant: "icon",
     icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
   }
-), 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" }, [
+), Xs = ({ 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 })
-]), Qs = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Js = () => o(
+  Ae({ label: "Previous", click: n }),
+  Ae({ label: "Next", click: s })
+]), en = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), tn = () => 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)
-), Zs = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(en)
+), sn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
   let h = "ghost", m = "";
   return n || a ? (h = "default", m = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (m = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (m += " opacity-50 cursor-not-allowed"), i && (m += " text-muted-foreground opacity-50"), b(
     {
@@ -2406,46 +2439,46 @@ const Ys = (e) => {
     },
     e.toString()
   );
-}, 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;
+}, nn = ({ 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(), H = 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, K = a === y, Q = l === y, lt = a && l && y > a && y < l;
     h.push({
       day: d,
       iso: y,
       disabled: G,
-      isStart: _,
-      isEnd: K,
-      isBetween: nt,
+      isStart: K,
+      isEnd: Q,
+      isBetween: lt,
       isOtherMonth: !0,
       click: () => n(y)
     });
   }
   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, K = l === d, Q = a && l && d > a && d < l;
     h.push({
       day: f,
       iso: d,
-      disabled: L,
+      disabled: R,
       isStart: G,
-      isEnd: _,
-      isBetween: K,
+      isEnd: K,
+      isBetween: Q,
       isOtherMonth: !1,
       click: () => {
         n(d);
       }
     });
   }
-  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, H, f), y = new Date(E, H, f), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, K = l === d, Q = a && l && d > a && d < l;
     h.push({
       day: f,
       iso: d,
-      disabled: L,
+      disabled: R,
       isStart: G,
-      isEnd: _,
-      isBetween: K,
+      isEnd: K,
+      isBetween: Q,
       isOtherMonth: !0,
       click: () => n(d)
     });
@@ -2453,7 +2486,7 @@ const Ys = (e) => {
   return o(
     { class: "grid grid-cols-7 gap-1" },
     h.map(
-      (f, d) => Zs({
+      (f, d) => sn({
         day: f.day,
         iso: f.iso,
         disabled: f.disabled,
@@ -2465,8 +2498,8 @@ const Ys = (e) => {
       })
     )
   );
-}, en = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  Ks({
+}, an = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  Xs({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2481,8 +2514,8 @@ const Ys = (e) => {
     onSet: [
       "currentDate",
       () => [
-        Js(),
-        Xs({
+        tn(),
+        nn({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2495,9 +2528,9 @@ const Ys = (e) => {
       ]
     ]
   })
-])), tn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), on = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
-  ee.monthNames.map(
+  te.monthNames.map(
     (n, a) => b(
       {
         click: (l) => {
@@ -2509,25 +2542,25 @@ const Ys = (e) => {
       n.substring(0, 3)
     )
   )
-), sn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
-  Q("selecting", (l) => b({
+), ln = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
+  J("selecting", (l) => b({
     click: n,
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     o({ class: "font-medium" }, He("current.start", "Start Date"))
   ])),
-  Q("selecting", (l) => b({
+  J("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
     o({ class: "font-medium" }, He("current.end", "End Date"))
   ]))
-]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t : nn(s)], nn = (e) => {
+]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t : rn(s)], rn = (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 }) => {
+}, cn = ({ currentYear: e, onSelect: t }) => {
   const s = e - 50, n = Array.from({ length: 101 }, (a, l) => s + l);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2545,7 +2578,7 @@ const Ys = (e) => {
     )
   );
 };
-class on extends C {
+class dn extends C {
   /**
    * Declare compiler props.
    *
@@ -2568,7 +2601,7 @@ class on extends C {
         year: t.getFullYear()
       },
       monthName: this.getMonthName(n),
-      currentData: `${s.getFullYear()}-${P(s.getMonth() + 1)}-${P(s.getDate())}`,
+      currentData: `${s.getFullYear()}-${B(s.getMonth() + 1)}-${B(s.getDate())}`,
       current: {
         date: t.getDate(),
         month: n,
@@ -2586,7 +2619,7 @@ class on extends C {
    * @returns {string}
    */
   getMonthName(t) {
-    return ee.monthNames[t];
+    return te.monthNames[t];
   }
   /**
    * Initialize component state.
@@ -2632,7 +2665,7 @@ class on extends C {
    */
   setCurrent({ month: t, year: s, date: n = null }) {
     const a = this.data.current;
-    a.month = (t + 12) % 12, a.year = s + (t < 0 ? -1 : t > 11 ? 1 : 0), n !== null && (a.date = n), this.data.monthName = this.getMonthName(a.month), this.data.currentDate = `${s}-${P(t + 1)}-${P(a.date)}`;
+    a.month = (t + 12) % 12, a.year = s + (t < 0 ? -1 : t > 11 ? 1 : 0), n !== null && (a.date = n), this.data.monthName = this.getMonthName(a.month), this.data.currentDate = `${s}-${B(t + 1)}-${B(a.date)}`;
   }
   /**
    * Render the range calendar.
@@ -2642,7 +2675,7 @@ class on extends C {
   render() {
     const { today: t, current: s, selecting: n } = this.data, { start: a, end: l } = s;
     return o({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
-      sn({
+      ln({
         start: a,
         end: l,
         selecting: n,
@@ -2656,7 +2689,7 @@ class on extends C {
       T("view", (i) => {
         switch (i) {
           case "months":
-            return tn(
+            return on(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2666,7 +2699,7 @@ class on extends C {
               }
             );
           case "years":
-            return an(
+            return cn(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2675,7 +2708,7 @@ class on extends C {
               }
             );
           default:
-            return en({
+            return an({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2703,35 +2736,35 @@ class on extends C {
     ]);
   }
 }
-const ln = ({ bind: e, required: t }) => p({
+const un = ({ bind: e, required: t }) => p({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), rn = ({ bind: e, required: t, toggleOpen: s }) => w({
+}), hn = ({ bind: e, required: t, toggleOpen: s }) => w({
   class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
-  ln({ bind: e, required: t }),
-  W(({ state: n }) => [
+  un({ bind: e, required: t }),
+  _(({ state: n }) => [
     g(U.date(["[[start]]", n], "Start Date")),
     g(" - "),
     g(U.date(["[[end]]", n], "End Date"))
   ]),
-  Y({ html: u.calendar.days })
-]), cn = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
+  V({ html: u.calendar.days })
+]), fn = ({ handleDateSelect: e, blockPriorDates: t }) => be((s, n, a) => new se({
   cache: "dropdown",
   parent: a,
   button: a.panel,
   size: "xl"
 }, [
-  new on({
+  new dn({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), ao = O(
+])), io = O(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2767,12 +2800,12 @@ const ln = ({ bind: e, required: t }) => p({
         this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
       };
       return o({ class: "relative w-full max-w-[320px]" }, [
-        rn({
+        hn({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        cn({
+        fn({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2780,11 +2813,11 @@ const ln = ({ bind: e, required: t }) => p({
     }
   }
 );
-function dn(e) {
+function gn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function un(e) {
+function mn(e) {
   if (e.length < 4)
     return { formattedTime: null, hour: null, minute: null, meridian: null };
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10);
@@ -2798,7 +2831,7 @@ function un(e) {
     meridian: a
   };
 }
-function hn({ bind: e, required: t }) {
+function bn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2806,7 +2839,7 @@ function hn({ bind: e, required: t }) {
     required: t
   });
 }
-function fn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
+function xn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
   return p({
     cache: "timeInput",
     class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
@@ -2816,27 +2849,27 @@ function fn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function gn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
+function pn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
   return o(
     {
       class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
     },
     [
-      hn({ bind: e, required: t }),
-      fn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      bn({ bind: e, required: t }),
+      xn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       w(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
           click: s
         },
         [
-          Y({ html: u.clock })
+          V({ html: u.clock })
         ]
       )
     ]
   );
 }
-function re({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
+function ie({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
   return o(
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((l) => {
@@ -2850,9 +2883,9 @@ function re({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function mn({ handleTimeSelect: e }) {
-  return me(
-    (t, s, n) => new te(
+function yn({ handleTimeSelect: e }) {
+  return be(
+    (t, s, n) => new se(
       {
         cache: "dropdown",
         parent: n,
@@ -2867,7 +2900,7 @@ function mn({ handleTimeSelect: e }) {
               { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
                 // Hours column
-                re({
+                ie({
                   items: Array.from({ length: 12 }, (a, l) => l + 1),
                   handleTimeSelect: e,
                   state: n.state,
@@ -2875,7 +2908,7 @@ function mn({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // Minutes column
-                re({
+                ie({
                   items: Array.from({ length: 60 }, (a, l) => l),
                   handleTimeSelect: e,
                   state: n.state,
@@ -2883,7 +2916,7 @@ function mn({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // AM/PM column
-                re({
+                ie({
                   items: ["AM", "PM"],
                   handleTimeSelect: e,
                   state: n.state,
@@ -2897,7 +2930,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);
@@ -2910,7 +2943,7 @@ function Ae(e) {
     meridian: l
   });
 }
-const oo = O(
+const co = O(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -2918,7 +2951,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 +2967,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,
@@ -2958,8 +2991,8 @@ const oo = O(
      * @param {Event} e
      */
     handleInputChange(e) {
-      let t = e.target.value.replace(/[^\d]/g, ""), s = dn(t);
-      const n = un(t);
+      let t = e.target.value.replace(/[^\d]/g, ""), s = gn(t);
+      const n = mn(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
@@ -2995,7 +3028,7 @@ const oo = O(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          gn({
+          pn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -3003,18 +3036,18 @@ const oo = O(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          mn({
+          yn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), bn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), wn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   x({ size: "lg" }, e)
-]), xn = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
-  J({ class: "text-lg font-semibold" }, e)
-]), lo = r((e, t) => ct(
+]), vn = ({ title: e }) => X({ class: "flex flex-auto items-center" }, [
+  Z({ class: "text-lg font-semibold" }, e)
+]), uo = r((e, t) => ht(
   {
     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
@@ -3027,21 +3060,21 @@ const oo = O(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && bn(e.icon, e.iconColor),
+      e.icon && wn(e.icon, e.iconColor),
       o({ class: "flex flex-auto flex-col gap-4" }, [
         o({ class: "flex flex-auto flex-col gap-y-2" }, [
-          xn(e),
+          vn(e),
           // @ts-ignore
           e.description && k({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
           o({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         // @ts-ignore
-        e.buttons && ue({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
+        e.buttons && he({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
       ])
     ])
   ]
-)), ro = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  _e({ class: "flex flex-auto flex-col" }, [
+)), ho = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
+  Je({ 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
@@ -3050,9 +3083,9 @@ const oo = O(
           x({ size: "lg" }, e.icon)
         ])
       ]),
-      Z({ class: "py-4 text-center" }, [
+      X({ class: "py-4 text-center" }, [
         // @ts-ignore
-        J({ class: "text-xl font-bold" }, e.title),
+        Z({ class: "text-xl font-bold" }, e.title),
         // @ts-ignore
         k({ class: "pb-8 text-muted-foreground" }, e.description || ""),
         ...t
@@ -3071,28 +3104,28 @@ r(({ value: e, label: t }) => w({
   dataSet: ["performance", ["state", e, "active"]],
   click: (s, { state: n }) => n.performance = e
 }, t));
-const pn = (e, t) => {
+const kn = (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 || ""}` }, [
-  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 }) => {
+}, Cn = (e) => Ve({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+  _((t) => new Ut({ class: "mr-2", onChange: (s, n) => kn(t, n) }))
+]), Sn = ({ 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))
   }, [
     o({ class: `flex flex-auto w-full items-center ${i}` }, [
       g(n),
-      t && Y({ class: "ml-2", html: u.arrows.upDown })
+      t && V({ class: "ml-2", html: u.arrows.upDown })
     ])
   ]);
-}, ye = (e) => dt([
-  ut({
+}, we = (e) => ft([
+  gt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? yn({ toggle: e.toggle }) : wn({
+      (t) => t.label === "checkbox" ? Cn({ toggle: e.toggle }) : Sn({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3101,7 +3134,7 @@ const pn = (e, t) => {
       })
     ]
   })
-]), vn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new xt({
+]), $n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new wt({
   cache: "list",
   key: e,
   items: t,
@@ -3111,7 +3144,7 @@ const pn = (e, t) => {
   skeleton: l,
   columnCount: i
 });
-class Je extends C {
+class et extends C {
   /**
    * Initializes component data.
    *
@@ -3190,14 +3223,14 @@ class Je extends C {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        be({ class: "w-full" }, [
+        xe({ 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({
+          $n({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3276,7 +3309,7 @@ class Je extends C {
     this.data.selectedRows = [];
   }
 }
-const kn = (e) => new pt({
+const Dn = (e) => new vt({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3289,7 +3322,7 @@ const kn = (e) => new pt({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Cn extends Je {
+class In extends et {
   /**
    * Renders the DataTable component.
    *
@@ -3298,14 +3331,14 @@ class Cn extends Je {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        be({ class: "w-full" }, [
+        xe({ 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({
+          Dn({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -3341,7 +3374,7 @@ class Cn extends Je {
     this.list.refresh();
   }
 }
-const io = r((e) => new Cn(
+const fo = r((e) => new In(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3372,7 +3405,7 @@ const io = r((e) => new Cn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Sn = (e) => new yt({
+)), Tn = (e) => new kt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3386,7 +3419,7 @@ const io = r((e) => new Cn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class $n extends Je {
+class Mn extends et {
   /**
    * Renders the DataTable component.
    *
@@ -3395,14 +3428,14 @@ class $n extends Je {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        be({ class: "w-full" }, [
+        xe({ 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({
+          Tn({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3440,7 +3473,7 @@ class $n extends Je {
     this.list.refresh();
   }
 }
-const co = r((e) => new $n(
+const go = r((e) => new Mn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3473,28 +3506,28 @@ const co = r((e) => new $n(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Dn = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
+)), Pn = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
   k({ class: "text-base font-semibold leading-6 m-0" }, e),
   k({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
-])), In = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), Bn = () => o({ class: "flex items-center gap-x-1.5" }, [
   o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
     o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), Tn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
+]), zn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   g("Last seen "),
-  ht({ datetime: e }, "3h ago")
-]), Mn = (e, t) => e === "online" ? In() : Tn(t), Bn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+  mt({ datetime: e }, "3h ago")
+]), On = (e, t) => e === "online" ? Bn() : zn(t), Nn = 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),
-  Mn(s, t)
-])), Pn = (e) => e.split(" ").map((s) => s[0]).join(""), zn = r((e) => ge({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+  On(s, t)
+])), Rn = (e) => e.split(" ").map((s) => s[0]).join(""), Fn = r((e) => me({ 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
-    gs({ src: e.image, alt: e.name, fallbackText: Pn(e.name) }),
+    ps({ src: e.image, alt: e.name, fallbackText: Rn(e.name) }),
     // @ts-ignore
-    Dn({ name: e.name, email: e.email })
+    Pn({ name: e.name, email: e.email })
   ]),
-  Bn({
+  Nn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3502,16 +3535,16 @@ const co = r((e) => new $n(
     // @ts-ignore
     status: e.status
   })
-])), uo = r((e) => new wt({
+])), mo = r((e) => new Ct({
   cache: "list",
   key: "name",
   // @ts-ignore
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: zn
+  rowItem: Fn
 }));
-class On extends C {
+class Ln extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3572,14 +3605,14 @@ class On extends C {
     });
   }
 }
-const Nn = r(({ options: e, click: t }, s) => ({
+const jn = r(({ options: e, click: t }, s) => ({
   tag: "li",
   ...{
     class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${e ? " sub" : ""}`,
     click: t
   },
   children: s
-})), Ln = (e, t = null, s = !1) => [
+})), An = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -3588,7 +3621,7 @@ const Nn = r(({ options: e, click: t }, s) => ({
   }, [
     x({ size: "sm" }, t)
   ]),
-  V({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
+  W({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
   s && g(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
@@ -3606,7 +3639,7 @@ const Nn = r(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class Ze extends C {
+class tt extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3623,7 +3656,7 @@ class Ze extends C {
    */
   render() {
     const t = !this.options && this.callBack;
-    return Nn(
+    return jn(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3637,8 +3670,8 @@ class Ze extends C {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || Ln(String(this.label), this.icon, t);
-    return this.href ? new mt(
+    const t = this.options && this.options.length > 0, s = this.content || An(String(this.label), this.icon, t);
+    return this.href ? new pt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3647,7 +3680,7 @@ class Ze extends C {
         exact: this.exact || !1
       },
       s
-    ) : new On({
+    ) : new Ln({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3665,10 +3698,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 Hn = r(({ map: e }, t) => ee({ 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 En extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3684,8 +3717,8 @@ class Fn extends C {
    */
   render() {
     const t = this.mapOptions(this.options), s = this.class || "", n = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return fe({ class: `navigation flex flex-auto flex-col ${s}` }, [
-      X({
+    return ge({ class: `navigation flex flex-auto flex-col ${s}` }, [
+      ee({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${n}`,
         map: t
       }),
@@ -3717,7 +3750,7 @@ class Fn extends C {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return Rn({ map: s }, t.group);
+    return Hn({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3726,10 +3759,10 @@ class Fn extends C {
    * @returns {object}
    */
   addLink(t) {
-    return new Ze(t);
+    return new tt(t);
   }
 }
-class Xe extends Fn {
+class st extends En {
   onCreated() {
     this.links = [];
   }
@@ -3740,7 +3773,7 @@ class Xe extends Fn {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new An(
+    return new Vn(
       {
         parentLink: t,
         options: t.options
@@ -3764,7 +3797,7 @@ class Xe extends Fn {
    * @returns {object}
    */
   addLink(t) {
-    const s = new Ze(t);
+    const s = new tt(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3775,11 +3808,11 @@ class Xe extends Fn {
     };
   }
 }
-const jn = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), Hn = (e, t) => {
+const Un = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), Yn = (e, t) => {
   const s = e.link.panel.pathname;
-  return !s && e.isSelected() ? !0 : e.exact ? t === s : jn(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : Un(s, t);
 };
-class An extends Xe {
+class Vn extends st {
   /**
    * This will declare the props for the compiler.
    *
@@ -3795,8 +3828,8 @@ class An extends Xe {
    */
   render() {
     const t = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, s = this.mapOptions(this.options);
-    return fe({ class: t, onState: this.onState() }, [
-      X({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
+    return ge({ class: t, onState: this.onState() }, [
+      ee({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
     ]);
   }
   /**
@@ -3808,7 +3841,7 @@ class An extends Xe {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", ve.data],
+        value: ["[[path]]", ke.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -3849,7 +3882,7 @@ class An extends Xe {
    * @returns {void}
    */
   afterSetup() {
-    const t = ve.data.path;
+    const t = ke.data.path;
     this.updateLinks(t);
   }
   /**
@@ -3861,27 +3894,27 @@ class An extends Xe {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = Hn(n, t), s === !0))
+      if (n.rendered && (s = Yn(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const En = (e) => he({ class: "text-lg ml-2" }, e), Un = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+const Wn = (e) => fe({ class: "text-lg ml-2" }, e), _n = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
   b({
     variant: "icon",
     class: "m-2",
     click: (t, { state: s }) => s.toggle("open"),
     icon: u.arrows.left
   }),
-  e.title && En(e.title)
-]), Yn = () => o({
+  e.title && Wn(e.title)
+]), qn = () => o({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (e, { state: t }) => t.open = !1
 });
-class Vn extends C {
+class Gn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3900,7 +3933,7 @@ class Vn extends C {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      Yn(),
+      qn(),
       // Popover Content
       o({
         class: `
@@ -3909,7 +3942,7 @@ class Vn extends C {
         dataSet: ["open", ["expanded", !0, "true"]]
       }, [
         o({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
-          Un({ title: this.title }),
+          _n({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -3947,31 +3980,31 @@ class Vn extends C {
     this.container = app.root;
   }
 }
-const et = () => b({ class: "m-2", variant: "ghost", addState() {
+const nt = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   x({}, u.bar.three)
-]), Wn = (e) => he({ class: "text-lg ml-2" }, e), qn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  et(),
-  e.title && Wn(e.title)
-]), tt = (e, t) => {
+]), Kn = (e) => fe({ class: "text-lg ml-2" }, e), Qn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  nt(),
+  e.title && Kn(e.title)
+]), at = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
-      tt(s.options, t);
+      at(s.options, t);
       return;
     }
     s.callBack = t;
   });
-}, st = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, ot = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   T(
     "open",
     (t) => t ? [
-      new Vn({ title: e.title }, [
-        W(({ state: s }) => {
+      new Gn({ title: e.title }, [
+        _(({ state: s }) => {
           const n = (a) => s.open = !1;
-          return tt(e.options, n), new Xe(
+          return at(e.options, n), new st(
             {
               options: e.options
             }
@@ -3980,23 +4013,23 @@ const et = () => b({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), ho = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), bo = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    et(),
-    st(e)
+    nt(),
+    ot(e)
   ])
-])), fo = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), xo = 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" }, [
-    qn(e),
-    st(e)
+    Qn(e),
+    ot(e)
   ])
-])), go = r((e) => {
+])), po = r((e) => {
   const t = e.margin || "m-4 ml-0";
   return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
     b({ variant: "back", class: "ghost", ...e })
   ]);
 });
-class Gn extends C {
+class Jn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4091,13 +4124,13 @@ class Gn extends C {
     return this.children;
   }
 }
-Ve.addType("dockableOverlay", (e) => {
+We.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class mo extends Gn {
+class yo extends Jn {
   /**
    * This will stop presistence.
    *
@@ -4167,7 +4200,7 @@ class mo extends Gn {
    * @returns {void}
    */
   afterSetup() {
-    Ve.add(
+    We.add(
       this.container,
       "dockableOverlay",
       {
@@ -4202,7 +4235,7 @@ class mo extends Gn {
     this.state.docked = this.canDock();
   }
 }
-const _n = r(({ index: e, click: t, state: s }, n) => ge({
+const Zn = r(({ index: e, click: t, state: s }, n) => me({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4211,10 +4244,10 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
     }]
   ],
   click: () => t(e)
-}, n)), Kn = r(({ selectOption: e, state: t }) => X({
+}, n)), Xn = r(({ selectOption: e, state: t }) => ee({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
-  for: ["filteredOptions", (s, n) => _n({ index: n, click: e, state: t }, s.label)]
-})), Qn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
+  for: ["filteredOptions", (s, n) => Zn({ index: n, click: e, state: t }, s.label)]
+})), ea = r((e) => o({ class: "relative flex flex-auto items-center" }, [
   N({
     cache: "input",
     // @ts-ignore
@@ -4239,20 +4272,20 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), Jn = (e) => o({
+])), ta = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
-      return new te({
+      return new se({
         cache: "dropdown",
         parent: n,
         button: n.input,
         size: "xl"
       }, [
-        Kn(e)
+        Xn(e)
       ]);
   }]
-}), bo = M(
+}), wo = M(
   {
     /**
      * This will set up the data object.
@@ -4349,7 +4382,7 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        Qn({
+        ea({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4361,7 +4394,7 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        Jn({
+        ta({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4372,7 +4405,7 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
       ]);
     }
   }
-), xo = r((e) => {
+), vo = r((e) => {
   const t = e.icon ?? u.magnifyingGlass.default;
   return o({
     // @ts-ignore
@@ -4408,7 +4441,7 @@ const _n = r(({ index: e, click: t, state: s }, n) => ge({
     })
   ]);
 });
-class Zn extends C {
+class sa extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4426,7 +4459,7 @@ class Zn extends C {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class Xn extends Zn {
+class na extends sa {
   /**
    * This will be called every time the route
    * is activated.
@@ -4436,15 +4469,15 @@ class Xn extends Zn {
   update(t) {
   }
 }
-const ea = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
+const aa = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
   tag: "section",
   ...e,
   children: t
-})), ta = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  ft({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+})), oa = r(({ title: e, description: t }) => X({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+  bt({ 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 po extends Xn {
+class ko extends na {
   /**
    * This will declare the props for the compiler.
    *
@@ -4459,133 +4492,133 @@ class po extends Xn {
    * @returns {object}
    */
   render() {
-    return ea([
-      ta({
+    return aa([
+      oa({
         title: this.title,
         description: this.description
       }),
-      vt(this.children)
+      St(this.children)
     ]);
   }
 }
 export {
-  Ta as $,
-  ja as A,
-  go as B,
-  Us as C,
-  Je as D,
-  Va as E,
-  lo as F,
-  mo as G,
-  eo as H,
-  io as I,
-  xa as J,
-  ro as K,
-  ma as L,
-  Ba as M,
-  _e as N,
-  Ha as O,
-  Ea as P,
-  Aa as Q,
-  ts as R,
-  Zt as S,
-  Ua as T,
-  zt as U,
-  Qt as V,
-  Jt as W,
-  Xt as X,
-  F as Y,
-  po as Z,
-  wn as _,
-  gs as a,
-  P as a$,
-  ie as a0,
-  Ut as a1,
-  Ja as a2,
-  Xe as a3,
+  za as $,
+  Ua as A,
+  po as B,
+  _s as C,
+  et as D,
+  Ga as E,
+  uo as F,
+  yo as G,
+  ao as H,
+  fo as I,
+  va as J,
+  ho as K,
+  ya as L,
+  Na as M,
+  Je as N,
+  Ya as O,
+  Wa as P,
+  Va as Q,
+  os as R,
+  ss as S,
+  _a as T,
+  Ft as U,
+  es as V,
+  ts as W,
+  ns as X,
+  L as Y,
+  ko as Z,
+  Sn as _,
+  ps as a,
+  B as a$,
+  ce as a0,
+  _t as a1,
+  to as a2,
+  st as a3,
   N as a4,
-  Pt as a5,
-  ga as a6,
-  Za as a7,
-  Ze as a8,
-  ea as a9,
-  bo as aA,
-  Qn as aB,
-  za as aC,
-  xo as aD,
-  Wa as aE,
-  An as aF,
-  ye as aG,
-  ba as aH,
-  pa as aI,
-  Ka as aJ,
-  va as aK,
-  oo as aL,
-  qn as aM,
-  Qa as aN,
-  ua as aO,
-  Fa as aP,
+  Rt as a5,
+  pa as a6,
+  so as a7,
+  tt as a8,
+  aa as a9,
+  wo as aA,
+  ea as aB,
+  Fa as aC,
+  vo as aD,
+  Ka as aE,
+  Vn as aF,
+  we as aG,
+  wa as aH,
+  ka as aI,
+  Xa as aJ,
+  $a as aK,
+  co as aL,
+  Qn as aM,
+  eo as aN,
+  ma as aO,
+  Ea as aP,
   x as aQ,
-  Ia as aR,
-  uo as aS,
-  zn as aT,
-  We as aU,
+  Ba as aR,
+  mo as aS,
+  Fn as aT,
+  _e as aU,
   O as aV,
-  Sa as aW,
-  Bs as aX,
-  Kt as aY,
-  ca as aZ,
-  ia as a_,
-  $e as aa,
-  Ds as ab,
-  ho as ac,
-  fo as ad,
-  As as ae,
-  Ca as af,
-  et as ag,
-  On as ah,
-  Fn as ai,
-  Rn as aj,
-  Vn as ak,
-  _a as al,
-  $a as am,
-  Gn as an,
-  Zn as ao,
-  Da as ap,
-  Is as aq,
-  te as ar,
-  Un as as,
-  Na as at,
-  ya as au,
-  on as av,
-  Pa as aw,
-  La as ax,
-  Ra as ay,
-  co as az,
-  Yn as b,
-  Ga as b0,
-  da as c,
-  Xn as d,
-  Xa as e,
+  Ta as aW,
+  Ns as aX,
+  Xt as aY,
+  fa as aZ,
+  ha as a_,
+  De as aa,
+  Ps as ab,
+  bo as ac,
+  xo as ad,
+  Vs as ae,
+  Ia as af,
+  nt as ag,
+  Ln as ah,
+  En as ai,
+  Hn as aj,
+  Gn as ak,
+  Za as al,
+  Ma as am,
+  Jn as an,
+  sa as ao,
+  Pa as ap,
+  Bs as aq,
+  se as ar,
+  _n as as,
+  ja as at,
+  Ca as au,
+  dn as av,
+  Ra as aw,
+  Aa as ax,
+  Ha as ay,
+  go as az,
+  qn as b,
+  Ja as b0,
+  ga as c,
+  na as d,
+  no as e,
   b as f,
-  Rs as g,
-  Bt as h,
-  jt as i,
-  yn as j,
-  fa as k,
-  Oa as l,
-  ha as m,
-  Ma as n,
-  qa as o,
-  to as p,
-  Ts as q,
-  so as r,
-  vn as s,
-  wa as t,
-  no as u,
-  ao as v,
-  ka as w,
-  oe as x,
-  js as y,
-  Ya as z
+  Hs as g,
+  Nt as h,
+  Ut as i,
+  Cn as j,
+  xa as k,
+  La as l,
+  ba as m,
+  Oa as n,
+  Qa as o,
+  oo as p,
+  zs as q,
+  lo as r,
+  $n as s,
+  Sa as t,
+  ro as u,
+  io as v,
+  Da as w,
+  le as x,
+  Us as y,
+  qa as z
 };