@base-framework/ui 1.2.16 → 1.2.17

package/dist/{full-page-B0EJ6uzY.js → full-page-BJUvF3X2.js}

@@ -1,7 +1,7 @@
-import { I as Y, Span as f, Button as w, OnState as T, Div as o, Legend as nt, Fieldset as at, H4 as Ae, P as k, Label as V, Checkbox as ce, Input as p, Textarea as ot, UseParent as W, Img as de, H5 as lt, H2 as J, Form as rt, Header as Z, Footer as ue, A as Ee, H3 as he, Nav as fe, Ul as X, Li as ge, OnStateOpen as me, On as Q, Dialog as it, Th as Ue, Thead as ct, Tr as dt, Table as xe, Time as ut, H1 as ht } from "@base-framework/atoms";
-import { Atom as r, Jot as M, Component as C, Html as ft, Data as z, Events as L, DateTime as ee, NavLink as gt, router as we, DataTracker as Ye } from "@base-framework/base";
-import { Icons as g } from "./icons.es.js";
-import { Timer as mt, TableBody as xt, DataTableBody as bt, ScrollableTableBody as pt, List as yt } from "@base-framework/organisms";
+import { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as nt, Fieldset as at, H4 as Ee, P as k, Label as V, Checkbox as ce, Input as p, Textarea as ot, UseParent as W, Img as de, H5 as lt, H2 as J, Form as rt, 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 it, Th as Ye, Thead as ct, Tr as dt, Table as be, Time as ut, H1 as ht } from "@base-framework/atoms";
+import { Atom as r, Jot as M, Component as C, Html as ft, Data as z, Events as j, DateTime as ee, NavLink as gt, router as ve, DataTracker as Ve } from "@base-framework/base";
+import { Icons as u } from "./icons.es.js";
+import { Timer as mt, TableBody as bt, DataTableBody as xt, ScrollableTableBody as pt, List as yt } from "@base-framework/organisms";
 import { F as U } from "./format-DE4rFWuD.js";
 import { F as wt } from "./bside-template-C7AQgQ6H.js";
 const vt = {
@@ -20,7 +20,7 @@ const vt = {
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), ve = {
+}), ke = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const vt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, ke = {
+}, Ce = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,14 +43,14 @@ const vt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Ce = {
+}, Se = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, Se = r((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = ve[t] || ve.sm, a = ke[t] || ke.sm, l = Ce[s] || Ce.outlined;
-  return f({
+}, $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;
+  return g({
     ...e,
     // @ts-ignore
     class: `inline-flex items-center justify-center ${l} ${n} ${e.class || ""}`,
@@ -62,14 +62,14 @@ const vt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), b = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? Se({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? $e({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? Se({
+}) : typeof t == "string" ? $e({
   ...e,
   name: t
-}) : ie(e, t) : null, oa = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, la = (e) => typeof e == "string" && e.includes("<svg"), $e = {
+}) : ie(e, t) : null, ra = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ia = (e) => typeof e == "string" && e.includes("<svg"), De = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,17 +150,17 @@ const vt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, kt = (e) => $e[e] || $e.gray, Ct = (e, t = {}) => {
+}, kt = (e) => De[e] || De.gray, Ct = (e, t = {}) => {
   const s = kt(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}`;
-}, ra = r((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...u } = e, m = Ct(s, { backgroundColor: l, textColor: i, ringColor: c });
-  return f({ ...u, class: m }, [
-    n ? b({ size: a, class: "mr-1" }, n) : null,
+}, ca = r((e, t) => {
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m = Ct(s, { backgroundColor: l, textColor: i, ringColor: c });
+  return g({ ...h, class: m }, [
+    n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-class Ve extends C {
+class We extends C {
   /**
    * This will set the component context.
    *
@@ -176,9 +176,9 @@ class Ve extends C {
 }
 const O = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, Ve)
+  M(e, We)
 );
-class ia extends Ve {
+class da extends We {
   /**
    * Declare public props and their defaults.
    */
@@ -212,9 +212,9 @@ class ia extends Ve {
     const t = this.size, s = this.icon, n = this.activeIcon || this.icon, a = (() => {
       if (this.dataKey) {
         let l = `[[${this.dataKey}]]`;
-        return this.formatType === "number" ? l = U.number(l, "0") : this.formatType === "money" ? l = U.roundMoney(l) : this.formatType === "date" ? l = U.date(l) : this.formatType === "percent" && (l = U.percentage(l)), f({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, l);
+        return this.formatType === "number" ? l = U.number(l, "0") : this.formatType === "money" ? l = U.roundMoney(l) : this.formatType === "date" ? l = U.date(l) : this.formatType === "percent" && (l = U.percentage(l)), g({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, l);
       }
-      return this.value !== null && this.value !== void 0 ? f({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
+      return this.value !== null && this.value !== void 0 ? g({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
     })();
     return w({
       click: () => this.handleToggle(),
@@ -223,7 +223,7 @@ class ia extends Ve {
     }, [
       T(
         "active",
-        (l) => b({ size: t }, l ? n : s)
+        (l) => x({ size: t }, l ? n : s)
       ),
       a
     ]);
@@ -237,7 +237,7 @@ const ne = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class ca extends C {
+class ua extends C {
   /**
    * Declare public props.
    */
@@ -268,14 +268,14 @@ class ca 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, u = this.circle ?? !1;
+    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;
     return w({
       click: () => this.handleToggle(),
       // @ts-ignore
-      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${u ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
+      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${h ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
       T("active", (m) => [
-        b({
+        x({
           size: a,
           class: `transition-colors ${m ? c : i}`
         }, m ? s : t)
@@ -283,7 +283,7 @@ class ca extends C {
     ]);
   }
 }
-const da = r((e, t) => {
+const ha = r((e, t) => {
   const s = e.size || "md", n = ne[s] || ne.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return w({
     ...e,
@@ -291,7 +291,7 @@ const da = r((e, t) => {
     class: `circle-btn inline-flex items-center justify-center rounded-full border-0 bg-background/40 backdrop-blur-sm text-foreground cursor-pointer transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.icon ? b({ size: a }, e.icon) : null,
+    e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
 }), F = (e) => r((t, s) => w({
@@ -299,19 +299,19 @@ const da = r((e, t) => {
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), We = r(
+}, s)), xe = r(
   (e, t) => w({
     ...e,
     // @ts-ignore
     class: e.class
   }, [
     // @ts-ignore
-    e.icon && e.position !== "right" ? b({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null,
+    e.icon && e.position !== "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null,
     ...t || [],
     // @ts-ignore
-    e.icon && e.position === "right" ? b({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
+    e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), De = (e) => r((t, s) => We({
+), Ie = (e) => r((t, s) => xe({
   ...e,
   ...t,
   // @ts-ignore
@@ -322,10 +322,23 @@ const da = r((e, t) => {
     return;
   }
   e.backUrl && app.navigate(e.backUrl);
-}, $t = (e) => r((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || St(t), We({
+}, $t = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || St(t), xe({
+  ...e,
+  ...t
+}, s))), Dt = (e) => {
+  const t = globalThis.history.length;
+  return () => {
+    const a = globalThis.history.length - t + 1;
+    if (t > 1) {
+      globalThis.history.go(-a);
+      return;
+    }
+    e.backUrl && app.navigate(e.backUrl);
+  };
+}, It = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || Dt(t), xe({
   ...e,
   ...t
-}, s))), Dt = r((e, t) => {
+}, s))), Tt = r((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -339,10 +352,10 @@ const da = r((e, t) => {
     class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${a} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${n[s] || n.md} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.icon ? b({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
+    e.icon ? x({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
     ...t || []
   ]);
-}), Ie = {
+}), Te = {
   primary: F({ class: "primary" }),
   secondary: F({ class: "secondary" }),
   destructive: F({ class: "destructive" }),
@@ -350,22 +363,23 @@ const da = r((e, t) => {
   outline: F({ class: "outline" }),
   ghost: F({ class: "ghost" }),
   link: F({ class: "link" }),
-  icon: De({ class: "icon" }),
-  withIcon: De({ class: "with-icon" }),
+  icon: Ie({ class: "icon" }),
+  withIcon: Ie({ class: "with-icon" }),
   back: $t({ class: "with-icon back-button" }),
-  circleIcon: Dt
-}, x = r((e, t) => (Ie[e.variant] || Ie.primary)(e, t)), ua = r((e, t) => x({ ...e, variant: "withIcon", icon: g.loading, animation: "animate-spin" }, t)), It = r((e, t) => {
+  smartBack: It({ class: "with-icon back-button" }),
+  circleIcon: Tt
+}, b = r((e, t) => (Te[e.variant] || Te.primary)(e, t)), fa = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Mt = 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);
-}), Tt = r((e, t) => nt({
+}), Bt = r((e, t) => nt({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), ha = r((e, t) => {
+}, t)), ga = r((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
   return at({
     ...e,
@@ -373,10 +387,10 @@ const da = r((e, t) => {
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && Tt(e.legend),
+    e.legend && Bt(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), Mt = r((e, t) => {
+}), Pt = r((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -391,14 +405,14 @@ const da = r((e, t) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      Ae({ class: "text-base" }, e.label),
+      Ee({ 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)
   ]);
-}), Bt = "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", be = `${Bt} ${B} ${I} ${H} ${D}`, Pt = ({ id: e, checked: t, bind: s, required: n }) => ce({
+}), zt = "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", A = "placeholder:text-muted-foreground", pe = `${zt} ${B} ${I} ${A} ${D}`, Ot = ({ id: e, checked: t, bind: s, required: n }) => ce({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -408,15 +422,15 @@ const da = r((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), zt = () => f({ class: "absolute text-xs pointer-events-none" }, [
+}), Nt = () => g({ class: "absolute text-xs pointer-events-none" }, [
   T(
     "checked",
     (e) => e ? Y({
       class: "w-2 h-2 pointer-events-none",
-      html: g.check
+      html: u.check
     }) : null
   )
-]), Ot = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Rt = ({ 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}
@@ -436,13 +450,13 @@ const da = r((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Pt({ bind: t, checked: s, id: e, required: n }),
-  zt()
-]), Nt = ({ id: e, label: t, clickHandler: s }) => V({
+  Ot({ bind: t, checked: s, id: e, required: n }),
+  Nt()
+]), Ft = ({ id: e, label: t, clickHandler: s }) => V({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), Rt = M(
+}, t), Lt = M(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -481,7 +495,7 @@ const da = 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 || ""}` }, [
-        Ot({
+        Rt({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -493,22 +507,22 @@ const da = r((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Nt({ id: e, label: this.label, clickHandler: t })
+        this.label && Ft({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), Ft = (e) => {
+), jt = (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;
-}, jt = (e) => {
-  const t = e.target, s = Ft(t.value);
+}, At = (e) => {
+  const t = e.target, s = jt(t.value);
   s && (t.value = s);
 }, N = r((e) => p({
   ...e,
   // @ts-ignore
-  class: `${be} ${e.class || ""}`.trim()
-})), fa = r((e) => N({
+  class: `${pe} ${e.class || ""}`.trim()
+})), ma = r((e) => N({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -518,8 +532,8 @@ const da = r((e, t) => {
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: jt
-})), ga = r((e) => N({
+  keyup: At
+})), ba = r((e) => N({
   ...e,
   type: "email",
   // @ts-ignore
@@ -527,47 +541,47 @@ const da = r((e, t) => {
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), ma = r((e) => ot({
+})), xa = r((e) => ot({
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${B} ${I} ${H} ${D} ${e.class || ""}`.trim()
-})), xa = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
+  class: `flex w-full h-24 px-3 py-2 text-sm ${B} ${I} ${A} ${D} ${e.class || ""}`.trim()
+})), pa = (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)
-]), ba = r((e) => p({
+]), ya = 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()
-})), pa = r((e) => p({
+  class: `${B} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), wa = 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()
-})), ya = r((e) => p({
+  class: `${B} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), va = 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()
-})), wa = r((e) => p({
+  class: `${B} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), ka = 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()
-})), va = r((e) => p({
+  class: `${B} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ca = 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()
-})), ka = r((e) => N({
+  class: `${B} ${I} ${A} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Sa = r((e) => N({
   ...e,
   type: "number"
-})), Ca = r((e) => N({
+})), $a = r((e) => N({
   ...e,
   type: "password"
 }));
@@ -575,13 +589,13 @@ r((e) => N({
   ...e,
   type: "search"
 }));
-const Sa = r((e) => N({
+const Da = r((e) => N({
   ...e,
   type: "url"
-})), $a = r((e) => N({
+})), Ia = r((e) => N({
   ...e,
   type: "hidden"
-})), Da = r((e) => p({
+})), Ta = r((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
@@ -592,12 +606,12 @@ r((e) => ce({
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${B} ${I} ${D} ${e.class || ""}`.trim()
 }));
-const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ia = r((e) => p({
+const Ht = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ma = r((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${be} ${Lt} ${e.class || ""}`.trim()
-})), Ta = O(
+  class: `${pe} ${Ht} ${e.class || ""}`.trim()
+})), Ba = O(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -669,15 +683,15 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), Ma = r((e) => ({
+), Pa = r((e) => ({
   tag: "select",
   onCreated(t) {
     e.options && ft.setupSelectOptions(t, e.options);
   },
   ...e,
   // @ts-ignore
-  class: `${be} ${e.class || ""}`.trim()
-})), Ht = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : de({
+  class: `${pe} ${e.class || ""}`.trim()
+})), Et = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : de({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -686,7 +700,7 @@ const Lt = "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"
-})), At = (e) => !e || isNaN(e) ? null : e, Te = (e, t) => {
+})), Ut = (e) => !e || isNaN(e) ? null : e, Me = (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 -->
@@ -729,20 +743,20 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: i
   });
-}, Ba = r((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Te(t, s);
+}, za = r((e) => {
+  const t = e.progress || 0, s = e.class || "", n = Me(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = At(a), a ? Te(a, s) : n)
+      (a) => (a = Ut(a), a ? Me(a, s) : n)
     ]
   }, [n]);
-}), Et = () => W(({ state: e }) => o({
+}), Yt = () => W(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), Pa = O(
+})), Oa = O(
   {
     /**
      * This will render the progress bar component.
@@ -751,7 +765,7 @@ const Lt = "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" }, [
-        Et()
+        Yt()
       ]);
     },
     /**
@@ -794,7 +808,7 @@ const Lt = "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;
     }
   }
-), za = r((e = {}) => {
+), Na = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -803,7 +817,7 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     blurClass: l = "backdrop-blur",
     zIndexClass: i = "z-9999",
     style: c = ""
-  } = e, u = [
+  } = e, h = [
     "sticky bottom-0 left-0 right-0 w-full",
     i,
     s ? a : "",
@@ -811,11 +825,11 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     t
   ].filter(Boolean).join(" "), m = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
   return o({
-    class: u,
+    class: h,
     style: m,
     "aria-hidden": "true"
   });
-}), Oa = r((e = {}) => {
+}), Ra = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -824,7 +838,7 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     blurClass: l = "backdrop-blur",
     zIndexClass: i = "z-9999",
     style: c = ""
-  } = e, u = [
+  } = e, h = [
     "fixed top-0 left-0 right-0 w-full",
     i,
     s ? a : "",
@@ -832,11 +846,11 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     t
   ].filter(Boolean).join(" "), m = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
   return o({
-    class: u,
+    class: h,
     style: m,
     "aria-hidden": "true"
   });
-}), Me = {
+}), Be = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
   "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -845,19 +859,19 @@ const Lt = "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"
-}, Ut = (e) => Me[String(e)] || Me.top, Na = r(({ position: e = "top", content: t }, s) => {
-  const n = Ut(e);
+}, Vt = (e) => Be[String(e)] || Be.top, Fa = r(({ position: e = "top", content: t }, s) => {
+  const n = Vt(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
-    f({
+    g({
       class: `
 				absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
 				group-hover:opacity-100 transition-opacity duration-200 ${n} pointer-events-none
 			`
     }, t)
   ]);
-}), Be = {
+}), Pe = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -883,23 +897,23 @@ const Lt = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, Yt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
-  b({ size: "sm" }, e)
-]), Vt = (e) => lt({ class: "font-semibold" }, e), Wt = (e) => k({ class: "text-sm text-muted-foreground" }, e), Ra = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
-  const { borderColor: a, bgColor: l, iconColor: i } = Be[n] || Be.default;
+}, Wt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+  x({ size: "sm" }, e)
+]), qt = (e) => lt({ class: "font-semibold" }, e), Gt = (e) => k({ class: "text-sm text-muted-foreground" }, e), La = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
+  const { borderColor: a, bgColor: l, iconColor: i } = Pe[n] || Pe.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
-    s && Yt(s, i),
+    s && Wt(s, i),
     o({ class: "flex flex-col" }, [
-      Vt(e),
-      Wt(t)
+      qt(e),
+      Gt(t)
     ])
   ]);
-}), qt = (e, t) => {
+}), _t = (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, u = s.bottom + i;
+  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 ? u = s.top + i - n.height - a : m < n.height && (u = s.bottom + i - (n.height - m) - a), { x: c, y: u };
+  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 {
   /**
@@ -978,7 +992,7 @@ class te extends C {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = qt(t, s);
+    const t = this.button ?? null, s = this.panel, n = _t(t, s);
     this.data.position = n;
   }
   /**
@@ -1030,28 +1044,28 @@ class te extends C {
     this?.panel?.hidePopover();
   }
 }
-const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), _t = r((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Kt = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Qt = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), Fa = r((e, t = []) => It({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Qt = r((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Jt = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Zt = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), ja = r((e, t = []) => Mt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   // @ts-ignore
   e.title && J({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
   e.description && k({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
   ...t
-])), ja = r((e, t = []) => (
+])), Aa = r((e, t = []) => (
   // @ts-ignore
-  Mt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  Pt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
-)), La = r((e, t = []) => {
+)), Ha = 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);
-}), Jt = (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 : Jt(n) ? {
+}), Xt = (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 : Xt(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), Zt = r((e, t) => {
+} : n), es = r((e, t) => {
   const a = qe(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
@@ -1061,7 +1075,7 @@ const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), Ha = O(
+}), Ea = O(
   {
     /**
      * The initial state of the FormField.
@@ -1086,47 +1100,47 @@ const Gt = 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" }, [
-        Gt([
-          _t({ htmlFor: t }, s),
-          Zt({
+        Kt([
+          Qt({ htmlFor: t }, s),
+          es({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && Kt({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && Qt(l)] })
+          n && Jt({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && Zt(l)] })
         ])
       ]);
     }
   }
-), Xt = (e, t, s = null) => {
+), ts = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
 }, Ge = r(
   (e, t) => (
     // @ts-ignore
-    rt({ ...e, submit: (s, n) => Xt(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    rt({ ...e, submit: (s, n) => ts(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
-), Aa = r((e, t) => (
+), Ua = 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)
-)), Ea = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+)), Ya = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
   e.title && J({ class: "font-semibold" }, e.title),
   ...t
-])), Ua = (e, t) => o({ class: "flex justify-between" }, [
-  f({ class: "text-muted-foreground" }, e),
-  f(t)
-]), Ya = (e, t) => o({ class: "flex" }, [
-  f({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
-  f(t)
-]), es = 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" }, [
+])), Va = (e, t) => o({ class: "flex justify-between" }, [
+  g({ class: "text-muted-foreground" }, e),
+  g(t)
+]), Wa = (e, t) => o({ class: "flex" }, [
+  g({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
+  g(t)
+]), ss = 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" }, [
   /**
    * Back Button (Mobile Only)
    */
-  s && x({
+  s && b({
     variant: "icon",
-    icon: g.arrows.left,
+    icon: u.arrows.left,
     class: "mr-2 p-0 flex sm:hidden",
     click: (l, i) => i.close()
   }),
@@ -1134,7 +1148,7 @@ const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
    * Icon Container
    */
   n && o({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [
-    b({ size: "md" }, n)
+    x({ size: "md" }, n)
   ]),
   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" }, [
@@ -1143,7 +1157,7 @@ const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ]),
     o({ class: "flex flex-none items-center gap-2" }, a)
   ])
-])), Va = r((e, t) => {
+])), qa = r((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1161,13 +1175,13 @@ const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       // @ts-ignore
       ...e.gestureHandlers
     }, [
-      es(e),
+      ss(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)
     ])
   ]);
-}), Pe = {
+}), ze = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -1193,22 +1207,22 @@ const Gt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, ts = (e) => Z({ class: "flex justify-center" }, [
+}, ns = (e) => Z({ class: "flex justify-center" }, [
   he({ class: "text-lg font-bold mb-0" }, e)
-]), ss = r(({ href: e, class: t }, s) => Ee({
+]), as = r(({ href: e, class: t }, s) => Ue({
   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)), ns = r(({ close: e, class: t }, s) => o({
+}, s)), os = 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 Wa extends C {
+class Ga extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -1232,10 +1246,10 @@ class Wa extends C {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? ss({
+    return a ? as({
       href: a,
       class: `${t} ${s}`
-    }, l) : ns({
+    }, l) : os({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1256,7 +1270,7 @@ class Wa extends C {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return Pe[t] || Pe.default;
+    return ze[t] || ze.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -1266,8 +1280,8 @@ class Wa extends C {
   getButtons() {
     return [
       o({ class: "flex flex-row mt-6 gap-2" }, [
-        this.secondary && x({ variant: "outline", click: () => this.secondaryAction && this.secondaryAction() }, this.secondary),
-        this.primary && x({ click: () => this.primaryAction && this.primaryAction() }, this.primary)
+        this.secondary && b({ variant: "outline", click: () => this.secondaryAction && this.secondaryAction() }, this.secondary),
+        this.primary && b({ click: () => this.primaryAction && this.primaryAction() }, this.primary)
       ])
     ];
   }
@@ -1281,20 +1295,20 @@ class Wa extends C {
     return [
       o({ class: "flex items-start" }, [
         this.icon && o({ class: `mr-4 ${t}` }, [
-          b({ size: "md" }, this.icon)
+          x({ size: "md" }, this.icon)
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && ts(this.title)
+            this.title && ns(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())
         ])
       ]),
-      x({
+      b({
         class: "absolute top-[12px] right-[12px]",
         variant: "icon",
-        icon: g.x,
+        icon: u.x,
         click: this.close.bind(this)
       })
     ];
@@ -1309,25 +1323,25 @@ class Wa extends C {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
+const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
   click: (n, { state: a }) => {
-    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), as(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), ls(e);
   }
 }, [
-  b({}, s),
-  f(t)
-])), as = (e) => {
+  x({}, s),
+  g(t)
+])), ls = (e) => {
   const t = document.documentElement;
-  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), ze && !ze("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Oe && !Oe("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, qa = M(
+}, _a = M(
   {
     /**
      * This will render the component.
@@ -1337,9 +1351,9 @@ const ze = 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: g.adjustments.horizontal }),
-          ae({ label: "Light", value: "light", icon: g.sun }),
-          ae({ label: "Dark", value: "dark", icon: g.moon })
+          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 })
         ])
       ]);
     },
@@ -1354,7 +1368,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       };
     }
   }
-), Ga = O(
+), Ka = O(
   {
     /**
      * The initial state of the Toggle.
@@ -1399,20 +1413,20 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
           bind: this.bind,
           required: this.required
         }),
-        f({
+        g({
           class: "absolute h-5 w-5 bg-background rounded-full shadow-md transform transition-transform",
           onState: ["active", { "translate-x-[22px]": !0, "translate-x-[2px]": !1 }]
         })
       ]);
     }
   }
-), os = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Ht({
+), rs = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Et({
   src: e,
   alt: t,
   class: "rounded-full"
-})), ls = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), _e = (e) => !e || e.length < 2 ? e : ls(e), rs = (e) => f([e, (t, s) => {
+})), is = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), _e = (e) => !e || e.length < 2 ? e : is(e), cs = (e) => g([e, (t, s) => {
   s.textContent = _e(t);
-}]), Oe = {
+}]), Ne = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1422,7 +1436,7 @@ const ze = 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"
-}, Ne = {
+}, Re = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -1432,8 +1446,8 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, is = (e) => Oe[e] || Oe.default, cs = (e) => Ne[e] || Ne.default, ds = (e, t = null, s = "md") => {
-  const n = _e(String(e)), a = cs(s);
+}, ds = (e) => Ne[e] || Ne.default, us = (e) => Re[e] || Re.default, hs = (e, t = null, s = "md") => {
+  const n = _e(String(e)), a = us(s);
   return o(
     {
       class: `
@@ -1443,21 +1457,21 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
 		`
     },
     [
-      t ? rs(t) : f({ class: "uppercase" }, n)
+      t ? cs(t) : g({ class: "uppercase" }, n)
     ]
   );
-}, us = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = is(a);
+}, fs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = ds(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      os({ src: e, alt: t }),
-      ds(s, n, a)
+      rs({ src: e, alt: t }),
+      hs(s, n, a)
     ]
   );
-}), hs = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, _a = M(
+}), gs = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Qa = M(
   {
     /**
      * Get the initial state for the component.
@@ -1477,7 +1491,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", L.trigger("click", e));
+      e && (e.value = "", j.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1513,11 +1527,11 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          T("loaded", (s) => s === !1 || hs(this.src) ? V({
+          T("loaded", (s) => s === !1 || gs(this.src) ? V({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
-            ie(g.upload),
+            ie(u.upload),
             o("Upload Image")
           ]) : de({
             // @ts-ignore
@@ -1528,7 +1542,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Ka = M(
+), Ja = M(
   {
     /**
      * Get the initial state for the component.
@@ -1548,7 +1562,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", L.trigger("click", e));
+      e && (e.value = "", j.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1594,7 +1608,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
               htmlFor: e,
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
-              b({}, g.upload),
+              x({}, u.upload),
               o("Upload logo")
             ])
           )
@@ -1610,22 +1624,22 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), fs = (e, t) => Ee(
+), ms = (e, t) => Ue(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
     // Only set aria-current on the last item
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
-  [f(t)]
-), gs = () => b({
+  [g(t)]
+), bs = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, g.chevron.single.right), ms = (e) => o({ class: "flex items-center" }, [
-  e.href ? fs(e.href, e.label) : f(e.label),
-  e.separator && gs()
-]), Qa = M(
+}, u.chevron.single.right), xs = (e) => o({ class: "flex items-center" }, [
+  e.href ? ms(e.href, e.label) : g(e.label),
+  e.separator && bs()
+]), Za = M(
   {
     /**
      * Set initial data
@@ -1654,7 +1668,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
           o({
             role: "list",
             class: "flex items-center",
-            for: ["items", (t, s) => ms({
+            for: ["items", (t, s) => xs({
               href: t.href,
               label: t.label,
               separator: s < e
@@ -1664,7 +1678,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Re = {
+), Fe = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1673,8 +1687,8 @@ const ze = 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"
-}, xs = (e) => Re[e] || Re.default, bs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
-  f({
+}, ps = (e) => Fe[e] || Fe.default, ys = ({ 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", {
       "bg-primary": e,
@@ -1684,10 +1698,10 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       n.activeIndex = e, a && a(e);
     }
   })
-]), ps = (e, t) => Array.from({ length: e }, (s, n) => bs({
+]), ws = (e, t) => Array.from({ length: e }, (s, n) => ys({
   index: n,
   size: t
-})), Ja = M(
+})), Xa = M(
   {
     /**
      * Defines component data (props).
@@ -1709,7 +1723,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = xs(this.size || "sm"), s = ps(this.data.count, t);
+      const e = this.gap || "gap-2", t = ps(this.size || "sm"), s = ws(this.data.count, t);
       return o(
         { class: "flex justify-center items-center py-2" },
         [
@@ -1718,26 +1732,26 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), ys = ({ toggleDropdown: e }) => w(
+), vs = ({ 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",
     click: e
   },
   [
-    f({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
-    b({ size: "sm" }, g.chevron.upDown)
+    g({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
+    x({ size: "sm" }, u.chevron.upDown)
   ]
-), ws = (e, t, s) => ge({
+), ks = (e, t, s) => ge({
   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 && f({ class: "mr-2 flex items-baseline" }, [b({ size: "xs" }, e.icon)]),
-  f({ class: "text-base font-normal" }, e.label)
-]), vs = (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) => ws(s, e, t)] })
-]), ks = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
+  e.icon && g({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
+  g({ class: "text-base font-normal" }, e.label)
+]), Cs = (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) => ks(s, e, t)] })
+]), Ss = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
   T(
     "open",
     (s, n, a) => s ? new te({
@@ -1745,10 +1759,10 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       parent: a,
       button: a.button
     }, [
-      vs(e, t)
+      Cs(e, t)
     ]) : null
   )
-]), Za = M(
+]), eo = M(
   {
     /**
      * This will set up the data.
@@ -1829,8 +1843,8 @@ const ze = 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
-        ys({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        ks({
+        vs({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        Ss({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1850,21 +1864,21 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Ke = ({ icon: e, click: t, ariaLabel: s }) => x({
+), Ke = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Cs = ({ click: e }) => Ke({
-  icon: g.circleMinus,
+}), $s = ({ click: e }) => Ke({
+  icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Ss = ({ click: e }) => Ke({
-  icon: g.circlePlus,
+}), Ds = ({ click: e }) => Ke({
+  icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), $s = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
+}), Is = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
   blur: (l, { state: i }) => {
@@ -1877,7 +1891,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), Xa = O(
+})), to = O(
   {
     /**
      * Initial state for the counter component.
@@ -1900,21 +1914,21 @@ const ze = 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}` }, [
-        Cs({ click: () => this.state.decrement("count") }),
-        $s({
+        $s({ click: () => this.state.decrement("count") }),
+        Is({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Ss({ click: () => this.state.increment("count") })
+        Ds({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), Ds = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Ts = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   ee.monthNames.map(
-    (n, a) => x(
+    (n, a) => b(
       {
         click: (l) => {
           l.preventDefault(), l.stopPropagation(), s(a);
@@ -1925,9 +1939,9 @@ const ze = 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)), Is = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), j = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Ts = (e) => e ? "bg-accent text-primary" : "", Ms = (e) => e ? "text-muted-foreground opacity-50" : "", Bs = (e, t) => e === t, Ps = (e, t) => Bs(e, t) ? "bg-primary text-primary-foreground" : "", zs = (e, t, s, n) => {
-  const a = Ps(t, n);
-  return a || (e ? Ts(e) : s ? Ms(s) : "text-foreground");
+), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Ms = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), L = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Bs = (e) => e ? "bg-accent text-primary" : "", Ps = (e) => e ? "text-muted-foreground opacity-50" : "", zs = (e, t) => e === t, Os = (e, t) => zs(e, t) ? "bg-primary text-primary-foreground" : "", Ns = (e, t, s, n) => {
+  const a = Os(t, n);
+  return a || (e ? Bs(e) : s ? Ps(s) : "text-foreground");
 }, oe = (e) => {
   const {
     day: t,
@@ -1942,7 +1956,7 @@ const ze = 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
-				${zs(a, s, l, n)}
+				${Ns(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -1953,15 +1967,15 @@ const ze = 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, Os = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, i = j(a, l, e.date), c = new Date(a, l, 1).getDay(), u = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], q = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
+}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Rs = (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), R = n && $;
+    const y = m - d, S = le(y, q, H, t), $ = new Date(H, q, y) < new Date(t.year, t.month, t.date), R = n && $;
     v.push(
       oe({
         day: y,
         currentDate: i,
-        date: j(A, q, y),
+        date: L(H, q, y),
         isToday: S,
         isOutsideMonth: !0,
         select: s,
@@ -1969,13 +1983,13 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  for (let d = 1; d <= u; d++) {
+  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;
     v.push(
       oe({
         day: d,
         currentDate: i,
-        date: j(a, l, d),
+        date: L(a, l, d),
         isToday: y,
         isOutsideMonth: !1,
         select: s,
@@ -1983,14 +1997,14 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  const E = l === 11 ? 0 : l + 1, se = l === 11 ? a + 1 : a, h = (7 - v.length % 7) % 7;
-  for (let d = 1; d <= h; d++) {
+  const E = l === 11 ? 0 : l + 1, se = 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;
     v.push(
       oe({
         day: d,
         currentDate: i,
-        date: j(se, E, d),
+        date: L(se, E, d),
         isToday: y,
         isOutsideMonth: !0,
         select: s,
@@ -1999,7 +2013,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     );
   }
   return v;
-}, Fe = ({ label: e, click: t }) => x(
+}, Le = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2010,18 +2024,18 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
-    icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
-  }
-), Ns = ({ 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" }, [
-  x({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  x({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Fe({ label: "Previous", click: n }),
-  Fe({ label: "Next", click: s })
-]), Rs = (e) => o(
+    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" }, [
+  b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+  Le({ label: "Previous", click: n }),
+  Le({ label: "Next", click: s })
+]), Ls = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), Fs = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Rs), js = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  Ns({
+), js = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Ls), As = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  Fs({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2032,10 +2046,10 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, Fs()),
+        o({ class: "grid grid-cols-7" }, js()),
         o(
           { class: "grid grid-cols-7" },
-          Os(
+          Rs(
             e.current,
             e.today,
             e.select,
@@ -2045,12 +2059,12 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]
     ]
   })
-]), Ls = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
+]), Hs = ({ 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" },
     a.map(
-      (l) => x(
+      (l) => b(
         {
           click: (i) => {
             i.preventDefault(), i.stopPropagation(), s(l);
@@ -2063,7 +2077,7 @@ const ze = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     )
   );
 };
-class Hs extends C {
+class Es extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -2079,7 +2093,7 @@ class Hs extends C {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Is(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Ms(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2176,7 +2190,7 @@ class Hs extends C {
       T("view", (t) => {
         switch (t) {
           case "months":
-            return Ds(
+            return Ts(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2188,7 +2202,7 @@ class Hs extends C {
               }
             );
           case "years":
-            return Ls(
+            return Hs(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2200,7 +2214,7 @@ class Hs extends C {
               }
             );
           default:
-            return js({
+            return As({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2221,57 +2235,57 @@ class Hs extends C {
     ]);
   }
 }
-const As = (e) => {
+const Us = (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;
-}, Es = (e) => {
+}, Ys = (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;
-}, Us = ({ bind: e, required: t }) => p({
+}, Vs = ({ 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
-}), Ys = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
+}), Ws = ({ 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) : ""]
-}), Vs = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
+}), qs = ({ 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"
   },
   [
-    Us({ bind: e, required: t }),
-    Ys({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    Vs({ bind: e, required: t }),
+    Ws({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
     w(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
         click: s
       },
       [
-        Y({ html: g.calendar.days })
+        Y({ html: u.calendar.days })
       ]
     )
   ]
-), Ws = ({ handleDateSelect: e, blockPriorDates: t }) => me(
+), Gs = ({ handleDateSelect: e, blockPriorDates: t }) => me(
   (s, n, a) => new te({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new Hs({
+    new Es({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), eo = O(
+), so = O(
   {
     /**
      * The initial state of the DatePicker.
@@ -2300,9 +2314,9 @@ const As = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = As(s);
-      const n = Es(s);
-      n && (this.state.selectedDate = n, this.input.value = n, L.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
+      e.target.value = Us(s);
+      const n = Ys(s);
+      n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -2318,7 +2332,7 @@ const As = (e) => {
      * @param {string} date
      */
     handleDateSelect(e) {
-      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, L.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
+      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
     },
     /**
      * Toggles the calendar popover.
@@ -2338,7 +2352,7 @@ const As = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          Vs({
+          qs({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2346,7 +2360,7 @@ const As = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          Ws({
+          Gs({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2354,7 +2368,7 @@ const As = (e) => {
       );
     }
   }
-), je = ({ label: e, click: t }) => x(
+), je = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2365,22 +2379,22 @@ const As = (e) => {
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
-    icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
+    icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
   }
-), qs = ({ 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" }, [
-  x({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  x({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+), _s = ({ 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 })
-]), Gs = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), _s = () => o(
+]), Ks = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Qs = () => 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(Gs)
-), Ks = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
-  let u = "ghost", m = "";
-  return n || a ? (u = "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"), x(
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Ks)
+), Js = ({ 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(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${m}`,
-      variant: u,
+      variant: h,
       disabled: s,
       click: (v) => {
         v.preventDefault(), v.stopPropagation(), s || c();
@@ -2388,11 +2402,11 @@ const As = (e) => {
     },
     e.toString()
   );
-}, Qs = ({ 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(), u = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, q = new Date(v, m + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, E = t.month === 11 ? t.year + 1 : t.year;
-  for (let h = i - 1; h >= 0; h--) {
-    const d = q - h, y = j(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), R = S < $, G = s && R, _ = a === y, K = l === y, st = a && l && y > a && y < l;
-    u.push({
+}, Zs = ({ 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 = L(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), R = S < $, G = s && R, _ = a === y, K = l === y, st = a && l && y > a && y < l;
+    h.push({
       day: d,
       iso: y,
       disabled: G,
@@ -2403,10 +2417,10 @@ const As = (e) => {
       click: () => n(y)
     });
   }
-  for (let h = 1; h <= c; h++) {
-    const d = j(t.year, t.month, h), y = new Date(t.year, t.month, h), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
-    u.push({
-      day: h,
+  for (let f = 1; f <= c; f++) {
+    const d = L(t.year, t.month, f), y = new Date(t.year, t.month, f), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
+    h.push({
+      day: f,
       iso: d,
       disabled: R,
       isStart: G,
@@ -2418,11 +2432,11 @@ const As = (e) => {
       }
     });
   }
-  const ye = (7 - u.length % 7) % 7;
-  for (let h = 1; h <= ye; h++) {
-    const d = j(E, A, h), y = new Date(E, A, h), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
-    u.push({
-      day: h,
+  const we = (7 - h.length % 7) % 7;
+  for (let f = 1; f <= we; 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, _ = l === d, K = a && l && d > a && d < l;
+    h.push({
+      day: f,
       iso: d,
       disabled: R,
       isStart: G,
@@ -2434,21 +2448,21 @@ const As = (e) => {
   }
   return o(
     { class: "grid grid-cols-7 gap-1" },
-    u.map(
-      (h, d) => Ks({
-        day: h.day,
-        iso: h.iso,
-        disabled: h.disabled,
-        isStart: h.isStart,
-        isEnd: h.isEnd,
-        isBetween: h.isBetween,
-        isOtherMonth: h.isOtherMonth,
-        click: h.click
+    h.map(
+      (f, d) => Js({
+        day: f.day,
+        iso: f.iso,
+        disabled: f.disabled,
+        isStart: f.isStart,
+        isEnd: f.isEnd,
+        isBetween: f.isBetween,
+        isOtherMonth: f.isOtherMonth,
+        click: f.click
       })
     )
   );
-}, Js = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  qs({
+}, Xs = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  _s({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2463,8 +2477,8 @@ const As = (e) => {
     onSet: [
       "currentDate",
       () => [
-        _s(),
-        Qs({
+        Qs(),
+        Zs({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2477,10 +2491,10 @@ const As = (e) => {
       ]
     ]
   })
-])), Zs = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), en = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   ee.monthNames.map(
-    (n, a) => x(
+    (n, a) => b(
       {
         click: (l) => {
           l.preventDefault(), l.stopPropagation(), s(a);
@@ -2491,30 +2505,30 @@ const As = (e) => {
       n.substring(0, 3)
     )
   )
-), Xs = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
-  Q("selecting", (l) => x({
+), tn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
+  Q("selecting", (l) => b({
     click: n,
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, Le("current.start", "Start Date"))
+    o({ class: "font-medium" }, Ae("current.start", "Start Date"))
   ])),
-  Q("selecting", (l) => x({
+  Q("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, Le("current.end", "End Date"))
+    o({ class: "font-medium" }, Ae("current.end", "End Date"))
   ]))
-]), Le = (e, t) => [`[[${e}]]`, (s) => s == null ? t : en(s)], en = (e) => {
+]), Ae = (e, t) => [`[[${e}]]`, (s) => s == null ? t : sn(s)], sn = (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()]}`;
-}, tn = ({ currentYear: e, onSelect: t }) => {
+}, nn = ({ 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" },
     n.map(
-      (a) => x(
+      (a) => b(
         {
           click: (l) => {
             l.preventDefault(), l.stopPropagation(), t(a);
@@ -2527,7 +2541,7 @@ const As = (e) => {
     )
   );
 };
-class sn extends C {
+class an extends C {
   /**
    * Declare compiler props.
    *
@@ -2624,7 +2638,7 @@ class sn 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" }, [
-      Xs({
+      tn({
         start: a,
         end: l,
         selecting: n,
@@ -2638,7 +2652,7 @@ class sn extends C {
       T("view", (i) => {
         switch (i) {
           case "months":
-            return Zs(
+            return en(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2648,7 +2662,7 @@ class sn extends C {
               }
             );
           case "years":
-            return tn(
+            return nn(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2657,7 +2671,7 @@ class sn extends C {
               }
             );
           default:
-            return Js({
+            return Xs({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2672,12 +2686,12 @@ class sn extends C {
                 c.preventDefault(), c.stopPropagation(), this.state.view = "years";
               },
               next: () => {
-                const c = this.data.current, u = c.month === 11 ? { month: 0, year: c.year + 1 } : { month: c.month + 1, year: c.year };
-                this.setCurrent(u);
+                const c = this.data.current, h = c.month === 11 ? { month: 0, year: c.year + 1 } : { month: c.month + 1, year: c.year };
+                this.setCurrent(h);
               },
               previous: () => {
-                const c = this.data.current, u = c.month === 0 ? { month: 11, year: c.year - 1 } : { month: c.month - 1, year: c.year };
-                this.setCurrent(u);
+                const c = this.data.current, h = c.month === 0 ? { month: 11, year: c.year - 1 } : { month: c.month - 1, year: c.year };
+                this.setCurrent(h);
               }
             });
         }
@@ -2685,35 +2699,35 @@ class sn extends C {
     ]);
   }
 }
-const nn = ({ bind: e, required: t }) => p({
+const on = ({ 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
-}), an = ({ bind: e, required: t, toggleOpen: s }) => w({
+}), ln = ({ 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
 }, [
-  nn({ bind: e, required: t }),
+  on({ bind: e, required: t }),
   W(({ state: n }) => [
-    f(U.date(["[[start]]", n], "Start Date")),
-    f(" - "),
-    f(U.date(["[[end]]", n], "End Date"))
+    g(U.date(["[[start]]", n], "Start Date")),
+    g(" - "),
+    g(U.date(["[[end]]", n], "End Date"))
   ]),
-  Y({ html: g.calendar.days })
-]), on = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
+  Y({ html: u.calendar.days })
+]), rn = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
   cache: "dropdown",
   parent: a,
   button: a.panel,
   size: "xl"
 }, [
-  new sn({
+  new an({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), to = O(
+])), no = O(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2746,15 +2760,15 @@ const nn = ({ bind: e, required: t }) => p({
      */
     render() {
       const e = (s, { state: n }) => n.toggle("open"), t = (s, n) => {
-        this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, L.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
+        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]" }, [
-        an({
+        ln({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        on({
+        rn({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2762,11 +2776,11 @@ const nn = ({ bind: e, required: t }) => p({
     }
   }
 );
-function ln(e) {
+function cn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function rn(e) {
+function dn(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);
@@ -2780,7 +2794,7 @@ function rn(e) {
     meridian: a
   };
 }
-function cn({ bind: e, required: t }) {
+function un({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2788,7 +2802,7 @@ function cn({ bind: e, required: t }) {
     required: t
   });
 }
-function dn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
+function hn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
   return p({
     cache: "timeInput",
     class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
@@ -2798,21 +2812,21 @@ function dn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function un({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
+function fn({ 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"
     },
     [
-      cn({ bind: e, required: t }),
-      dn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      un({ bind: e, required: t }),
+      hn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       w(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
           click: s
         },
         [
-          Y({ html: g.clock })
+          Y({ html: u.clock })
         ]
       )
     ]
@@ -2832,7 +2846,7 @@ function re({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function hn({ handleTimeSelect: e }) {
+function gn({ handleTimeSelect: e }) {
   return me(
     (t, s, n) => new te(
       {
@@ -2892,7 +2906,7 @@ function He(e) {
     meridian: l
   });
 }
-const so = O(
+const ao = O(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -2940,14 +2954,14 @@ const so = O(
      * @param {Event} e
      */
     handleInputChange(e) {
-      let t = e.target.value.replace(/[^\d]/g, ""), s = ln(t);
-      const n = rn(t);
+      let t = e.target.value.replace(/[^\d]/g, ""), s = cn(t);
+      const n = dn(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
         meridian: n.meridian,
         selectedTime: n.formattedTime
-      }), this.input.value = n.formattedTime, L.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
+      }), this.input.value = n.formattedTime, j.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -2965,7 +2979,7 @@ const so = O(
     handleTimeSelect({ hour: e, minute: t, meridian: s }) {
       if (e && (this.state.hour = e), t && (this.state.minute = t), s && (this.state.meridian = s), this.state.hour && this.state.minute && this.state.meridian) {
         const n = `${this.state.hour}:${this.state.minute} ${this.state.meridian}`;
-        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, L.trigger("change", this.input), typeof this.change == "function" && this.change(n);
+        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, j.trigger("change", this.input), typeof this.change == "function" && this.change(n);
       }
     },
     /**
@@ -2977,7 +2991,7 @@ const so = O(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          un({
+          fn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2985,18 +2999,18 @@ const so = O(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          hn({
+          gn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), fn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
-  b({ size: "lg" }, e)
-]), gn = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
+), mn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+  x({ size: "lg" }, e)
+]), bn = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
   J({ class: "text-lg font-semibold" }, e)
-]), no = r((e, t) => it(
+]), oo = r((e, t) => it(
   {
     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
@@ -3009,10 +3023,10 @@ const so = O(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && fn(e.icon, e.iconColor),
+      e.icon && mn(e.icon, e.iconColor),
       o({ class: "flex flex-auto flex-col gap-4" }, [
         o({ class: "flex flex-auto flex-col gap-y-2" }, [
-          gn(e),
+          bn(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)
@@ -3022,14 +3036,14 @@ const so = O(
       ])
     ])
   ]
-)), ao = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
+)), lo = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
   Ge({ 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
         e.icon && o({ class: "w-16 h-16 mb-2 text-primary" }, [
           // @ts-ignore
-          b({ size: "lg" }, e.icon)
+          x({ size: "lg" }, e.icon)
         ])
       ]),
       Z({ class: "py-4 text-center" }, [
@@ -3053,28 +3067,28 @@ r(({ value: e, label: t }) => w({
   dataSet: ["performance", ["state", e, "active"]],
   click: (s, { state: n }) => n.performance = e
 }, t));
-const mn = (e, t) => {
+const xn = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, xn = (e) => Ue({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  W((t) => new Rt({ class: "mr-2", onChange: (s, n) => mn(t, n) }))
-]), bn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
+}, pn = (e) => Ye({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+  W((t) => new Lt({ class: "mr-2", onChange: (s, n) => xn(t, n) }))
+]), yn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const i = e || "justify-start";
-  return Ue({
+  return Ye({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
     o({ class: `flex flex-auto w-full items-center ${i}` }, [
-      f(n),
-      t && Y({ class: "ml-2", html: g.arrows.upDown })
+      g(n),
+      t && Y({ class: "ml-2", html: u.arrows.upDown })
     ])
   ]);
-}, pe = (e) => ct([
+}, ye = (e) => ct([
   dt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? xn({ toggle: e.toggle }) : bn({
+      (t) => t.label === "checkbox" ? pn({ toggle: e.toggle }) : yn({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3083,7 +3097,7 @@ const mn = (e, t) => {
       })
     ]
   })
-]), pn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new xt({
+]), wn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new bt({
   cache: "list",
   key: e,
   items: t,
@@ -3174,12 +3188,12 @@ class Qe extends C {
     return o({ class: "w-full flex flex-auto flex-col" }, [
       Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        xe({ class: "w-full" }, [
+        be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && pe({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          pn({
+          wn({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3258,7 +3272,7 @@ class Qe extends C {
     this.data.selectedRows = [];
   }
 }
-const yn = (e) => new bt({
+const vn = (e) => new xt({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3271,7 +3285,7 @@ const yn = (e) => new bt({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class wn extends Qe {
+class kn extends Qe {
   /**
    * Renders the DataTable component.
    *
@@ -3282,12 +3296,12 @@ class wn extends Qe {
     return o({ class: "w-full flex flex-auto flex-col" }, [
       Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        xe({ class: "w-full" }, [
+        be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && pe({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          yn({
+          vn({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -3323,7 +3337,7 @@ class wn extends Qe {
     this.list.refresh();
   }
 }
-const oo = r((e) => new wn(
+const ro = r((e) => new kn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3354,7 +3368,7 @@ const oo = r((e) => new wn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), vn = (e) => new pt({
+)), Cn = (e) => new pt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3368,7 +3382,7 @@ const oo = r((e) => new wn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class kn extends Qe {
+class Sn extends Qe {
   /**
    * Renders the DataTable component.
    *
@@ -3379,12 +3393,12 @@ class kn extends Qe {
     return o({ class: "w-full flex flex-auto flex-col" }, [
       Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        xe({ class: "w-full" }, [
+        be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && pe({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          vn({
+          Cn({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3422,7 +3436,7 @@ class kn extends Qe {
     this.list.refresh();
   }
 }
-const lo = r((e) => new kn(
+const io = r((e) => new Sn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3455,28 +3469,28 @@ const lo = r((e) => new kn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Cn = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
+)), $n = 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)
-])), Sn = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), Dn = () => 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")
-]), $n = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
-  f("Last seen "),
+]), In = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
+  g("Last seen "),
   ut({ datetime: e }, "3h ago")
-]), Dn = (e, t) => e === "online" ? Sn() : $n(t), In = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+]), Tn = (e, t) => e === "online" ? Dn() : In(t), Mn = 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),
-  Dn(s, t)
-])), Tn = (e) => e.split(" ").map((s) => s[0]).join(""), Mn = r((e) => ge({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+  Tn(s, t)
+])), Bn = (e) => e.split(" ").map((s) => s[0]).join(""), Pn = r((e) => ge({ 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
-    us({ src: e.image, alt: e.name, fallbackText: Tn(e.name) }),
+    fs({ src: e.image, alt: e.name, fallbackText: Bn(e.name) }),
     // @ts-ignore
-    Cn({ name: e.name, email: e.email })
+    $n({ name: e.name, email: e.email })
   ]),
-  In({
+  Mn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3484,16 +3498,16 @@ const lo = r((e) => new kn(
     // @ts-ignore
     status: e.status
   })
-])), ro = r((e) => new yt({
+])), co = r((e) => new yt({
   cache: "list",
   key: "name",
   // @ts-ignore
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Mn
+  rowItem: Pn
 }));
-class Bn extends C {
+class zn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3554,24 +3568,24 @@ class Bn extends C {
     });
   }
 }
-const Pn = r(({ options: e, click: t }, s) => ({
+const On = 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
-})), zn = (e, t = null, s = !1) => [
+})), Nn = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
       selected: !0
     }]
   }, [
-    b({ size: "sm" }, t)
+    x({ size: "sm" }, t)
   ]),
   V({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
-  s && f(
+  s && g(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
       onState: [
@@ -3584,7 +3598,7 @@ const Pn = r(({ options: e, click: t }, s) => ({
       ]
     },
     [
-      b({ size: "xs" }, g.chevron.single.down)
+      x({ size: "xs" }, u.chevron.single.down)
     ]
   )
 ];
@@ -3605,7 +3619,7 @@ class Je extends C {
    */
   render() {
     const t = !this.options && this.callBack;
-    return Pn(
+    return On(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3619,7 +3633,7 @@ class Je extends C {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || zn(String(this.label), this.icon, t);
+    const t = this.options && this.options.length > 0, s = this.content || Nn(String(this.label), this.icon, t);
     return this.href ? new gt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
@@ -3629,7 +3643,7 @@ class Je extends C {
         exact: this.exact || !1
       },
       s
-    ) : new Bn({
+    ) : new zn({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3647,10 +3661,10 @@ class Je extends C {
     this.link.update(t);
   }
 }
-const On = r(({ map: e }, t) => X({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  Ae({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, 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)
 ]));
-class Nn extends C {
+class Fn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3699,7 +3713,7 @@ class Nn extends C {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return On({ map: s }, t.group);
+    return Rn({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3711,7 +3725,7 @@ class Nn extends C {
     return new Je(t);
   }
 }
-class Ze extends Nn {
+class Ze extends Fn {
   onCreated() {
     this.links = [];
   }
@@ -3722,7 +3736,7 @@ class Ze extends Nn {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new jn(
+    return new An(
       {
         parentLink: t,
         options: t.options
@@ -3757,11 +3771,11 @@ class Ze extends Nn {
     };
   }
 }
-const Rn = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), Fn = (e, t) => {
+const Ln = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), jn = (e, t) => {
   const s = e.link.panel.pathname;
-  return !s && e.isSelected() ? !0 : e.exact ? t === s : Rn(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : Ln(s, t);
 };
-class jn extends Ze {
+class An extends Ze {
   /**
    * This will declare the props for the compiler.
    *
@@ -3790,7 +3804,7 @@ class jn extends Ze {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", we.data],
+        value: ["[[path]]", ve.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -3831,7 +3845,7 @@ class jn extends Ze {
    * @returns {void}
    */
   afterSetup() {
-    const t = we.data.path;
+    const t = ve.data.path;
     this.updateLinks(t);
   }
   /**
@@ -3843,27 +3857,27 @@ class jn extends Ze {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = Fn(n, t), s === !0))
+      if (n.rendered && (s = jn(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const Ln = (e) => he({ class: "text-lg ml-2" }, e), Hn = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
-  x({
+const Hn = (e) => he({ class: "text-lg ml-2" }, e), En = (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: g.arrows.left
+    icon: u.arrows.left
   }),
-  e.title && Ln(e.title)
-]), An = () => o({
+  e.title && Hn(e.title)
+]), Un = () => o({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (e, { state: t }) => t.open = !1
 });
-class En extends C {
+class Yn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3882,7 +3896,7 @@ class En extends C {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      An(),
+      Un(),
       // Popover Content
       o({
         class: `
@@ -3891,7 +3905,7 @@ class En 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" }, [
-          Hn({ title: this.title }),
+          En({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -3929,15 +3943,15 @@ class En extends C {
     this.container = app.root;
   }
 }
-const Xe = () => x({ class: "m-2", variant: "ghost", addState() {
+const Xe = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
-  b({}, g.bar.three)
-]), Un = (e) => he({ class: "text-lg ml-2" }, e), Yn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  x({}, u.bar.three)
+]), Vn = (e) => he({ class: "text-lg ml-2" }, e), Wn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
   Xe(),
-  e.title && Un(e.title)
+  e.title && Vn(e.title)
 ]), et = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
@@ -3950,7 +3964,7 @@ const Xe = () => x({ class: "m-2", variant: "ghost", addState() {
   T(
     "open",
     (t) => t ? [
-      new En({ title: e.title }, [
+      new Yn({ title: e.title }, [
         W(({ state: s }) => {
           const n = (a) => s.open = !1;
           return et(e.options, n), new Ze(
@@ -3962,23 +3976,23 @@ const Xe = () => x({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), io = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), uo = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
     Xe(),
     tt(e)
   ])
-])), co = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), ho = 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" }, [
-    Yn(e),
+    Wn(e),
     tt(e)
   ])
-])), uo = r((e) => {
+])), fo = r((e) => {
   const t = e.margin || "m-4 ml-0";
   return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
-    x({ variant: "back", class: "ghost", ...e })
+    b({ variant: "back", class: "ghost", ...e })
   ]);
 });
-class Vn extends C {
+class qn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4073,13 +4087,13 @@ class Vn extends C {
     return this.children;
   }
 }
-Ye.addType("dockableOverlay", (e) => {
+Ve.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class ho extends Vn {
+class go extends qn {
   /**
    * This will stop presistence.
    *
@@ -4149,7 +4163,7 @@ class ho extends Vn {
    * @returns {void}
    */
   afterSetup() {
-    Ye.add(
+    Ve.add(
       this.container,
       "dockableOverlay",
       {
@@ -4184,7 +4198,7 @@ class ho extends Vn {
     this.state.docked = this.canDock();
   }
 }
-const Wn = r(({ index: e, click: t, state: s }, n) => ge({
+const Gn = r(({ index: e, click: t, state: s }, n) => ge({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4193,10 +4207,10 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
     }]
   ],
   click: () => t(e)
-}, n)), qn = r(({ selectOption: e, state: t }) => X({
+}, n)), _n = r(({ selectOption: e, state: t }) => X({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
-  for: ["filteredOptions", (s, n) => Wn({ index: n, click: e, state: t }, s.label)]
-})), Gn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
+  for: ["filteredOptions", (s, n) => Gn({ index: n, click: e, state: t }, s.label)]
+})), Kn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
   N({
     cache: "input",
     // @ts-ignore
@@ -4219,9 +4233,9 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
   // @ts-ignore
   e.icon && o({ class: "absolute flex right-0 mr-2" }, [
     // @ts-ignore
-    b({ size: "sm" }, e.icon)
+    x({ size: "sm" }, e.icon)
   ])
-])), _n = (e) => o({
+])), Qn = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
@@ -4231,10 +4245,10 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
         button: n.input,
         size: "xl"
       }, [
-        qn(e)
+        _n(e)
       ]);
   }]
-}), fo = M(
+}), mo = M(
   {
     /**
      * This will set up the data object.
@@ -4331,7 +4345,7 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        Gn({
+        Kn({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4343,7 +4357,7 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        _n({
+        Qn({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4354,14 +4368,14 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
       ]);
     }
   }
-), go = r((e) => {
-  const t = e.icon ?? g.magnifyingGlass.default;
+), bo = r((e) => {
+  const t = e.icon ?? u.magnifyingGlass.default;
   return o({
     // @ts-ignore
     class: `relative flex items-center w-full rounded-xl bg-muted/30 focus-within:ring-2 focus-within:ring-ring transition-all ${e.containerClass || ""}`
   }, [
     o({ class: "absolute left-4 flex items-center pointer-events-none text-muted-foreground" }, [
-      b({ size: "sm" }, t)
+      x({ size: "sm" }, t)
     ]),
     p({
       type: "text",
@@ -4390,7 +4404,7 @@ const Wn = r(({ index: e, click: t, state: s }, n) => ge({
     })
   ]);
 });
-class Kn extends C {
+class Jn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4408,7 +4422,7 @@ class Kn extends C {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class Qn extends Kn {
+class Zn extends Jn {
   /**
    * This will be called every time the route
    * is activated.
@@ -4418,15 +4432,15 @@ class Qn extends Kn {
   update(t) {
   }
 }
-const Jn = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
+const Xn = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
   tag: "section",
   ...e,
   children: t
-})), Zn = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+})), ea = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
   ht({ 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 mo extends Qn {
+class xo extends Zn {
   /**
    * This will declare the props for the compiler.
    *
@@ -4441,8 +4455,8 @@ class mo extends Qn {
    * @returns {object}
    */
   render() {
-    return Jn([
-      Zn({
+    return Xn([
+      ea({
         title: this.title,
         description: this.description
       }),
@@ -4451,123 +4465,123 @@ class mo extends Qn {
   }
 }
 export {
-  $a as $,
-  Ra as A,
-  uo as B,
-  Hs as C,
+  Ia as $,
+  La as A,
+  fo as B,
+  Es as C,
   Qe as D,
-  Ea as E,
-  no as F,
-  ho as G,
-  Ja as H,
-  oo as I,
-  ga as J,
-  ao as K,
-  ha as L,
-  Ia as M,
+  Ya as E,
+  oo as F,
+  go as G,
+  Xa as H,
+  ro as I,
+  ba as J,
+  lo as K,
+  ga as L,
+  Ma as M,
   Ge as N,
-  Fa as O,
-  La as P,
-  ja as Q,
-  Zt as R,
-  Kt as S,
-  Ha as T,
-  Mt as U,
-  Gt as V,
-  _t as W,
-  Qt as X,
-  j as Y,
-  mo as Z,
-  bn as _,
-  us as a,
+  ja as O,
+  Ha as P,
+  Aa as Q,
+  es as R,
+  Jt as S,
+  Ea as T,
+  Pt as U,
+  Kt as V,
+  Qt as W,
+  Zt as X,
+  L as Y,
+  xo as Z,
+  yn as _,
+  fs as a,
   P as a$,
   ie as a0,
-  Ht as a1,
-  _a as a2,
+  Et as a1,
+  Qa as a2,
   Ze as a3,
   N as a4,
-  Tt as a5,
-  ua as a6,
-  Ka as a7,
+  Bt as a5,
+  fa as a6,
+  Ja as a7,
   Je as a8,
-  Jn as a9,
-  fo as aA,
-  Gn as aB,
-  Ma as aC,
-  go as aD,
-  Ua as aE,
-  jn as aF,
-  pe as aG,
-  fa as aH,
-  ma as aI,
-  qa as aJ,
-  pa as aK,
-  so as aL,
-  Yn as aM,
-  Ga as aN,
-  ia as aO,
-  Na as aP,
-  b as aQ,
-  Sa as aR,
-  ro as aS,
-  Mn as aT,
-  Ve as aU,
+  Xn as a9,
+  mo as aA,
+  Kn as aB,
+  Pa as aC,
+  bo as aD,
+  Va as aE,
+  An as aF,
+  ye as aG,
+  ma as aH,
+  xa as aI,
+  _a as aJ,
+  wa as aK,
+  ao as aL,
+  Wn as aM,
+  Ka as aN,
+  da as aO,
+  Fa as aP,
+  x as aQ,
+  Da as aR,
+  co as aS,
+  Pn as aT,
+  We as aU,
   O as aV,
-  va as aW,
-  Is as aX,
-  qt as aY,
-  la as aZ,
-  oa as a_,
-  Se as aa,
-  Cs as ab,
-  io as ac,
-  co as ad,
-  js as ae,
-  wa as af,
+  Ca as aW,
+  Ms as aX,
+  _t as aY,
+  ia as aZ,
+  ra as a_,
+  $e as aa,
+  $s as ab,
+  uo as ac,
+  ho as ad,
+  As as ae,
+  ka as af,
   Xe as ag,
-  Bn as ah,
-  Nn as ai,
-  On as aj,
-  En as ak,
-  Wa as al,
-  ka as am,
-  Vn as an,
-  Kn as ao,
-  Ca as ap,
-  Ss as aq,
+  zn as ah,
+  Fn as ai,
+  Rn as aj,
+  Yn as ak,
+  Ga as al,
+  Sa as am,
+  qn as an,
+  Jn as ao,
+  $a as ap,
+  Ds as aq,
   te as ar,
-  Hn as as,
-  Pa as at,
-  xa as au,
-  sn as av,
-  Ta as aw,
-  za as ax,
-  Oa as ay,
-  lo as az,
-  An as b,
-  Va as b0,
-  ra as c,
-  Qn as d,
-  Qa as e,
-  x as f,
-  Os as g,
-  It as h,
-  Rt as i,
-  xn as j,
-  da as k,
-  Ba as l,
-  ca as m,
-  Da as n,
-  Ya as o,
-  Za as p,
-  $s as q,
-  Xa as r,
-  pn as s,
-  ba as t,
-  eo as u,
-  to as v,
-  ya as w,
+  En as as,
+  Oa as at,
+  pa as au,
+  an as av,
+  Ba as aw,
+  Na as ax,
+  Ra as ay,
+  io as az,
+  Un as b,
+  qa as b0,
+  ca as c,
+  Zn as d,
+  Za as e,
+  b as f,
+  Rs as g,
+  Mt as h,
+  Lt as i,
+  pn as j,
+  ha as k,
+  za as l,
+  ua as m,
+  Ta as n,
+  Wa as o,
+  eo as p,
+  Is as q,
+  to as r,
+  wn as s,
+  ya as t,
+  so as u,
+  no as v,
+  va as w,
   oe as x,
-  Rs as y,
-  Aa as z
+  Ls as y,
+  Ua as z
 };