@base-framework/ui 1.2.20 → 1.2.22

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

@@ -1,10 +1,10 @@
-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 { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as at, Fieldset as ot, H4 as Ue, P as k, Label as V, Checkbox as ce, Input as p, Textarea as lt, UseParent as W, Img as de, H5 as rt, H2 as J, Form as it, Header as Z, Footer as ue, A as Ye, H3 as he, Nav as fe, Ul as X, Li as ge, OnStateOpen as me, On as Q, Dialog as ct, Th as Ve, Thead as dt, Tr as ut, Table as be, Time as ht, H1 as ft } from "@base-framework/atoms";
+import { Atom as r, Jot as M, Component as C, Html as gt, Data as z, Events as j, DateTime as ee, NavLink as mt, router as ke, DataTracker as We } from "@base-framework/base";
 import { Icons as u } from "./icons.es.js";
-import { Timer as mt, TableBody as bt, DataTableBody as xt, ScrollableTableBody as pt, List as yt } from "@base-framework/organisms";
+import { Timer as bt, TableBody as xt, DataTableBody as pt, ScrollableTableBody as yt, List as wt } from "@base-framework/organisms";
 import { F as U } from "./format-DE4rFWuD.js";
-import { F as wt } from "./bside-template-C7AQgQ6H.js";
-const vt = {
+import { F as vt } from "./bside-template-C7AQgQ6H.js";
+const kt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -13,14 +13,14 @@ const vt = {
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
 }, ie = r((e, t) => {
-  const s = vt[e.size || "sm"];
+  const s = kt[e.size || "sm"];
   return Y({
     ...e,
     // @ts-ignore
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), ke = {
+}), Ce = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const vt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Ce = {
+}, Se = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,13 +43,13 @@ const vt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Se = {
+}, $e = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, $e = r((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = ke[t] || ke.sm, a = Ce[t] || Ce.sm, l = Se[s] || Se.outlined;
+}, De = r((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = Ce[t] || Ce.sm, a = Se[t] || Se.sm, l = $e[s] || $e.outlined;
   return g({
     ...e,
     // @ts-ignore
@@ -62,14 +62,14 @@ const vt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? $e({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ie(e, t) : typeof t == "object" && t.name ? De({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? $e({
+}) : typeof t == "string" ? De({
   ...e,
   name: t
-}) : ie(e, t) : null, ra = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ia = (e) => typeof e == "string" && e.includes("<svg"), De = {
+}) : ie(e, t) : null, ia = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ca = (e) => typeof e == "string" && e.includes("<svg"), Ie = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,17 +150,17 @@ const vt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, 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;
+}, Ct = (e) => Ie[e] || Ie.gray, St = (e, t = {}) => {
+  const s = Ct(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
-}, 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 });
+}, da = r((e, t) => {
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m = St(s, { backgroundColor: l, textColor: i, ringColor: c });
   return g({ ...h, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-class We extends C {
+class qe extends C {
   /**
    * This will set the component context.
    *
@@ -176,9 +176,9 @@ class We extends C {
 }
 const O = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, We)
+  M(e, qe)
 );
-class da extends We {
+class ua extends qe {
   /**
    * Declare public props and their defaults.
    */
@@ -237,7 +237,7 @@ const ne = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class ua extends C {
+class ha extends C {
   /**
    * Declare public props.
    */
@@ -283,7 +283,7 @@ class ua extends C {
     ]);
   }
 }
-const ha = r((e, t) => {
+const fa = r((e, t) => {
   const s = e.size || "md", n = ne[s] || ne.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return w({
     ...e,
@@ -294,12 +294,20 @@ const ha = r((e, t) => {
     e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
-}), F = (e) => r((t, s) => w({
+});
+let xe = 0;
+if (typeof globalThis.history?.pushState == "function") {
+  const e = globalThis.history.pushState;
+  globalThis.history.pushState = function(...t) {
+    return xe++, e.apply(this, t);
+  };
+}
+const F = (e) => r((t, s) => w({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), xe = r(
+}, s)), pe = r(
   (e, t) => w({
     ...e,
     // @ts-ignore
@@ -311,38 +319,38 @@ const ha = r((e, t) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), Ie = (e) => r((t, s) => xe({
+), Te = (e) => r((t, s) => pe({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), St = (e) => {
-  const t = globalThis.history.length, s = globalThis.document?.referrer !== "";
+}, s)), $t = (e) => {
+  const t = globalThis.history.length;
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (e.allowHistory === !0 && (t > 1 && s || a > 0)) {
-      globalThis.history.go(-l);
+    const n = globalThis.history.length - t, a = n + 1;
+    if (e.allowHistory === !0 && (n > 0 || xe > 0)) {
+      globalThis.history.go(-a);
       return;
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, $t = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || St(t), xe({
+}, Dt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || $t(t), pe({
   ...e,
   ...t
-}, s))), Dt = (e) => {
-  const t = globalThis.history.length, s = globalThis.document?.referrer !== "";
+}, s))), It = (e) => {
+  const t = globalThis.history.length;
   return () => {
-    const a = globalThis.history.length - t, l = a + 1;
-    if (t > 1 && s || a > 0) {
-      globalThis.history.go(-l);
+    const n = globalThis.history.length - t, a = n + 1;
+    if (n > 0 || xe > 0) {
+      globalThis.history.go(-a);
       return;
     }
     e.backUrl && app.navigate(e.backUrl);
   };
-}, It = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || Dt(t), xe({
+}, Tt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || It(t), pe({
   ...e,
   ...t
-}, s))), Tt = r((e, t) => {
+}, s))), Mt = r((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -359,7 +367,7 @@ const ha = r((e, t) => {
     e.icon ? x({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
     ...t || []
   ]);
-}), Te = {
+}), Me = {
   primary: F({ class: "primary" }),
   secondary: F({ class: "secondary" }),
   destructive: F({ class: "destructive" }),
@@ -367,34 +375,34 @@ const ha = r((e, t) => {
   outline: F({ class: "outline" }),
   ghost: F({ class: "ghost" }),
   link: F({ class: "link" }),
-  icon: Ie({ class: "icon" }),
-  withIcon: Ie({ class: "with-icon" }),
-  back: $t({ class: "with-icon back-button" }),
-  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) => {
+  icon: Te({ class: "icon" }),
+  withIcon: Te({ class: "with-icon" }),
+  back: Dt({ class: "with-icon back-button" }),
+  smartBack: Tt({ class: "with-icon back-button" }),
+  circleIcon: Mt
+}, b = r((e, t) => (Me[e.variant] || Me.primary)(e, t)), ga = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Bt = r((e, t) => {
   const s = e.margin ?? "my-5 mx-5", n = e.padding ?? "p-4", a = e.border ?? "border-border";
   return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), o({
     ...e,
     // @ts-ignore
     class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
   }, t);
-}), Bt = r((e, t) => nt({
+}), Pt = r((e, t) => at({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), ga = r((e, t) => {
+}, t)), ma = r((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return at({
+  return ot({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && Bt(e.legend),
+    e.legend && Pt(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), Pt = r((e, t) => {
+}), zt = r((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -409,14 +417,14 @@ const ha = r((e, t) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      Ee({ class: "text-base" }, e.label),
+      Ue({ class: "text-base" }, e.label),
       // @ts-ignore
       e.description && k({ class: "text-sm text-muted-foreground" }, e.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
     o({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), 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", H = "placeholder:text-muted-foreground", pe = `${zt} ${B} ${I} ${H} ${D}`, Ot = ({ id: e, checked: t, bind: s, required: n }) => ce({
+}), Ot = "flex h-10 w-full px-3 py-2 text-sm", B = "rounded-md border border-border bg-input", I = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", D = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", H = "placeholder:text-muted-foreground", ye = `${Ot} ${B} ${I} ${H} ${D}`, Nt = ({ id: e, checked: t, bind: s, required: n }) => ce({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -426,7 +434,7 @@ const ha = r((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Nt = () => g({ class: "absolute text-xs pointer-events-none" }, [
+}), Rt = () => g({ class: "absolute text-xs pointer-events-none" }, [
   T(
     "checked",
     (e) => e ? Y({
@@ -434,7 +442,7 @@ const ha = r((e, t) => {
       html: u.check
     }) : null
   )
-]), Rt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Ft = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${I}
@@ -454,13 +462,13 @@ const ha = r((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Ot({ bind: t, checked: s, id: e, required: n }),
-  Nt()
-]), Ft = ({ id: e, label: t, clickHandler: s }) => V({
+  Nt({ bind: t, checked: s, id: e, required: n }),
+  Rt()
+]), Lt = ({ id: e, label: t, clickHandler: s }) => V({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), Lt = M(
+}, t), jt = M(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -499,7 +507,7 @@ const ha = r((e, t) => {
     render() {
       const e = this.getId(), t = (s) => this.clickHandler(s);
       return o({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
-        Rt({
+        Ft({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -511,22 +519,22 @@ const ha = r((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Ft({ id: e, label: this.label, clickHandler: t })
+        this.label && Lt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), jt = (e) => {
+), Ht = (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;
-}, Ht = (e) => {
-  const t = e.target, s = jt(t.value);
+}, At = (e) => {
+  const t = e.target, s = Ht(t.value);
   s && (t.value = s);
 }, N = r((e) => p({
   ...e,
   // @ts-ignore
-  class: `${pe} ${e.class || ""}`.trim()
-})), ma = r((e) => N({
+  class: `${ye} ${e.class || ""}`.trim()
+})), ba = r((e) => N({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -536,8 +544,8 @@ const ha = r((e, t) => {
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: Ht
-})), ba = r((e) => N({
+  keyup: At
+})), xa = r((e) => N({
   ...e,
   type: "email",
   // @ts-ignore
@@ -545,47 +553,47 @@ const ha = r((e, t) => {
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), xa = r((e) => ot({
+})), pa = r((e) => lt({
   ...e,
   as: "textarea",
   // @ts-ignore
   class: `flex w-full h-24 px-3 py-2 text-sm ${B} ${I} ${H} ${D} ${e.class || ""}`.trim()
-})), pa = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
+})), ya = (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)
-]), ya = r((e) => p({
+]), wa = 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()
-})), wa = r((e) => p({
+})), va = 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()
-})), va = r((e) => p({
+})), ka = 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()
-})), ka = r((e) => p({
+})), Ca = 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()
-})), Ca = r((e) => p({
+})), Sa = 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()
-})), Sa = r((e) => N({
+})), $a = r((e) => N({
   ...e,
   type: "number"
-})), $a = r((e) => N({
+})), Da = r((e) => N({
   ...e,
   type: "password"
 }));
@@ -593,13 +601,13 @@ r((e) => N({
   ...e,
   type: "search"
 }));
-const Da = r((e) => N({
+const Ia = r((e) => N({
   ...e,
   type: "url"
-})), Ia = r((e) => N({
+})), Ta = r((e) => N({
   ...e,
   type: "hidden"
-})), Ta = r((e) => p({
+})), Ma = r((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
@@ -610,12 +618,12 @@ r((e) => ce({
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${B} ${I} ${D} ${e.class || ""}`.trim()
 }));
-const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ma = r((e) => p({
+const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ba = r((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${pe} ${At} ${e.class || ""}`.trim()
-})), Ba = O(
+  class: `${ye} ${Et} ${e.class || ""}`.trim()
+})), Pa = O(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -687,15 +695,15 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), Pa = r((e) => ({
+), za = r((e) => ({
   tag: "select",
   onCreated(t) {
-    e.options && ft.setupSelectOptions(t, e.options);
+    e.options && gt.setupSelectOptions(t, e.options);
   },
   ...e,
   // @ts-ignore
-  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: `${ye} ${e.class || ""}`.trim()
+})), Ut = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : de({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -704,7 +712,7 @@ const At = "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"
-})), Ut = (e) => !e || isNaN(e) ? null : e, Me = (e, t) => {
+})), Yt = (e) => !e || isNaN(e) ? null : e, Be = (e, t) => {
   const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, i = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
@@ -747,20 +755,20 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: i
   });
-}, za = r((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Me(t, s);
+}, Oa = r((e) => {
+  const t = e.progress || 0, s = e.class || "", n = Be(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = Ut(a), a ? Me(a, s) : n)
+      (a) => (a = Yt(a), a ? Be(a, s) : n)
     ]
   }, [n]);
-}), Yt = () => W(({ state: e }) => o({
+}), Vt = () => W(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), Oa = O(
+})), Na = O(
   {
     /**
      * This will render the progress bar component.
@@ -769,7 +777,7 @@ const At = "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" }, [
-        Yt()
+        Vt()
       ]);
     },
     /**
@@ -812,7 +820,7 @@ const At = "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;
     }
   }
-), Na = r((e = {}) => {
+), Ra = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -833,7 +841,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Ra = r((e = {}) => {
+}), Fa = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -854,7 +862,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Be = {
+}), Pe = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
   "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -863,8 +871,8 @@ const At = "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"
-}, Vt = (e) => Be[String(e)] || Be.top, Fa = r(({ position: e = "top", content: t }, s) => {
-  const n = Vt(e);
+}, Wt = (e) => Pe[String(e)] || Pe.top, La = r(({ position: e = "top", content: t }, s) => {
+  const n = Wt(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
@@ -875,7 +883,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 			`
     }, t)
   ]);
-}), Pe = {
+}), ze = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -901,19 +909,19 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, Wt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, qt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), 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;
+]), Gt = (e) => rt({ class: "font-semibold" }, e), _t = (e) => k({ class: "text-sm text-muted-foreground" }, e), ja = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
+  const { borderColor: a, bgColor: l, iconColor: i } = ze[n] || ze.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
-    s && Wt(s, i),
+    s && qt(s, i),
     o({ class: "flex flex-col" }, [
-      qt(e),
-      Gt(t)
+      Gt(e),
+      _t(t)
     ])
   ]);
-}), _t = (e, t) => {
+}), Kt = (e, t) => {
   const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, l = globalThis.scrollX, i = globalThis.scrollY;
   let c = s.left + l, h = s.bottom + i;
   const m = globalThis.innerHeight - s.bottom, v = s.top;
@@ -996,7 +1004,7 @@ class te extends C {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = _t(t, s);
+    const t = this.button ?? null, s = this.panel, n = Kt(t, s);
     this.data.position = n;
   }
   /**
@@ -1048,29 +1056,29 @@ class te extends C {
     this?.panel?.hidePopover();
   }
 }
-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" }, [
+const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Jt = r((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Zt = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Xt = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), Ha = r((e, t = []) => Bt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   // @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
-])), Ha = r((e, t = []) => (
+])), Aa = r((e, t = []) => (
   // @ts-ignore
-  Pt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  zt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
-)), Aa = r((e, t = []) => {
+)), Ea = 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);
-}), 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) ? {
+}), es = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Ge = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = Ge(n.children, t, s)), !n.required) ? n : es(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), es = r((e, t) => {
-  const a = qe(t, (l) => {
+} : n), ts = r((e, t) => {
+  const a = Ge(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1079,7 +1087,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), Ea = O(
+}), Ua = O(
   {
     /**
      * The initial state of the FormField.
@@ -1104,41 +1112,41 @@ const Kt = 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" }, [
-        Kt([
-          Qt({ htmlFor: t }, s),
-          es({
+        Qt([
+          Jt({ htmlFor: t }, s),
+          ts({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && Jt({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && Zt(l)] })
+          n && Zt({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && Xt(l)] })
         ])
       ]);
     }
   }
-), ts = (e, t, s = null) => {
+), ss = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, Ge = r(
+}, _e = r(
   (e, t) => (
     // @ts-ignore
-    rt({ ...e, submit: (s, n) => ts(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    it({ ...e, submit: (s, n) => ss(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
-), Ua = r((e, t) => (
+), Ya = 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)
-)), Ya = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+)), Va = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
   e.title && J({ class: "font-semibold" }, e.title),
   ...t
-])), Va = (e, t) => o({ class: "flex justify-between" }, [
+])), Wa = (e, t) => o({ class: "flex justify-between" }, [
   g({ class: "text-muted-foreground" }, e),
   g(t)
-]), Wa = (e, t) => o({ class: "flex" }, [
+]), qa = (e, t) => o({ class: "flex" }, [
   g({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   g(t)
-]), 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" }, [
+]), ns = r(({ title: e, description: t, back: s, icon: n, options: a = [] }) => Z({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
   /**
    * Back Button (Mobile Only)
    */
@@ -1161,7 +1169,7 @@ const Kt = 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)
   ])
-])), qa = r((e, t) => {
+])), Ga = r((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1171,7 +1179,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       l.target === i.panel && (l.preventDefault(), l.stopPropagation(), i.state.open = !1);
     }
   }, [
-    Ge({
+    _e({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (l, i) => e.onSubmit && e.onSubmit(i),
@@ -1179,13 +1187,13 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       // @ts-ignore
       ...e.gestureHandlers
     }, [
-      ss(e),
+      ns(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)
     ])
   ]);
-}), ze = {
+}), Oe = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -1211,22 +1219,22 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, ns = (e) => Z({ class: "flex justify-center" }, [
+}, as = (e) => Z({ class: "flex justify-center" }, [
   he({ class: "text-lg font-bold mb-0" }, e)
-]), as = r(({ href: e, class: t }, s) => Ue({
+]), os = r(({ href: e, class: t }, s) => Ye({
   class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), os = r(({ close: e, class: t }, s) => o({
+}, s)), ls = 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 Ga extends C {
+class _a extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -1250,10 +1258,10 @@ class Ga extends C {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? as({
+    return a ? os({
       href: a,
       class: `${t} ${s}`
-    }, l) : os({
+    }, l) : ls({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1265,7 +1273,7 @@ class Ga extends C {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new mt(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new bt(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1274,7 +1282,7 @@ class Ga extends C {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return ze[t] || ze.default;
+    return Oe[t] || Oe.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -1303,7 +1311,7 @@ class Ga extends C {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && ns(this.title)
+            this.title && as(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())
@@ -1327,25 +1335,25 @@ class Ga extends C {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
+const Ne = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
   click: (n, { state: a }) => {
-    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), ls(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), rs(e);
   }
 }, [
   x({}, s),
   g(t)
-])), ls = (e) => {
+])), rs = (e) => {
   const t = document.documentElement;
-  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Oe && !Oe("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Ne && !Ne("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, _a = M(
+}, Ka = M(
   {
     /**
      * This will render the component.
@@ -1372,7 +1380,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       };
     }
   }
-), Ka = O(
+), Qa = O(
   {
     /**
      * The initial state of the Toggle.
@@ -1424,13 +1432,13 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), rs = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Et({
+), is = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Ut({
   src: e,
   alt: t,
   class: "rounded-full"
-})), is = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), _e = (e) => !e || e.length < 2 ? e : is(e), cs = (e) => g([e, (t, s) => {
-  s.textContent = _e(t);
-}]), Ne = {
+})), cs = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), Ke = (e) => !e || e.length < 2 ? e : cs(e), ds = (e) => g([e, (t, s) => {
+  s.textContent = Ke(t);
+}]), Re = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1440,7 +1448,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "h-48 w-48",
   "4xl": "h-64 w-64",
   default: "h-12 w-12"
-}, Re = {
+}, Fe = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -1450,8 +1458,8 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, 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);
+}, us = (e) => Re[e] || Re.default, hs = (e) => Fe[e] || Fe.default, fs = (e, t = null, s = "md") => {
+  const n = Ke(String(e)), a = hs(s);
   return o(
     {
       class: `
@@ -1461,21 +1469,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
 		`
     },
     [
-      t ? cs(t) : g({ class: "uppercase" }, n)
+      t ? ds(t) : g({ class: "uppercase" }, n)
     ]
   );
-}, fs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = ds(a);
+}, gs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = us(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      rs({ src: e, alt: t }),
-      hs(s, n, a)
+      is({ src: e, alt: t }),
+      fs(s, n, a)
     ]
   );
-}), gs = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Qa = M(
+}), ms = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Ja = M(
   {
     /**
      * Get the initial state for the component.
@@ -1531,7 +1539,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          T("loaded", (s) => s === !1 || gs(this.src) ? V({
+          T("loaded", (s) => s === !1 || ms(this.src) ? V({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
@@ -1546,7 +1554,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Ja = M(
+), Za = M(
   {
     /**
      * Get the initial state for the component.
@@ -1628,7 +1636,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), ms = (e, t) => Ue(
+), bs = (e, t) => Ye(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1636,14 +1644,14 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
   [g(t)]
-), bs = () => x({
+), xs = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, 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(
+}, u.chevron.single.right), ps = (e) => o({ class: "flex items-center" }, [
+  e.href ? bs(e.href, e.label) : g(e.label),
+  e.separator && xs()
+]), Xa = M(
   {
     /**
      * Set initial data
@@ -1672,7 +1680,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
           o({
             role: "list",
             class: "flex items-center",
-            for: ["items", (t, s) => xs({
+            for: ["items", (t, s) => ps({
               href: t.href,
               label: t.label,
               separator: s < e
@@ -1682,7 +1690,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Fe = {
+), Le = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1691,7 +1699,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, ps = (e) => Fe[e] || Fe.default, ys = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, ys = (e) => Le[e] || Le.default, ws = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   g({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -1702,10 +1710,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       n.activeIndex = e, a && a(e);
     }
   })
-]), ws = (e, t) => Array.from({ length: e }, (s, n) => ys({
+]), vs = (e, t) => Array.from({ length: e }, (s, n) => ws({
   index: n,
   size: t
-})), Xa = M(
+})), eo = M(
   {
     /**
      * Defines component data (props).
@@ -1727,7 +1735,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = ps(this.size || "sm"), s = ws(this.data.count, t);
+      const e = this.gap || "gap-2", t = ys(this.size || "sm"), s = vs(this.data.count, t);
       return o(
         { class: "flex justify-center items-center py-2" },
         [
@@ -1736,7 +1744,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), vs = ({ toggleDropdown: e }) => w(
+), ks = ({ toggleDropdown: e }) => w(
   {
     cache: "button",
     class: "relative z-2 inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-input hover:bg-muted h-10 px-4 py-2 justify-between",
@@ -1746,16 +1754,16 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     g({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
     x({ size: "sm" }, u.chevron.upDown)
   ]
-), ks = (e, t, s) => ge({
+), Cs = (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 && 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" }, [
+]), Ss = (e, t) => o({ class: "w-full border rounded-md" }, [
+  X({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Cs(s, e, t)] })
+]), $s = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
   T(
     "open",
     (s, n, a) => s ? new te({
@@ -1763,10 +1771,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       parent: a,
       button: a.button
     }, [
-      Cs(e, t)
+      Ss(e, t)
     ]) : null
   )
-]), eo = M(
+]), to = M(
   {
     /**
      * This will set up the data.
@@ -1847,8 +1855,8 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
       return o({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
-        vs({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        Ss({
+        ks({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        $s({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1868,21 +1876,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Ke = ({ icon: e, click: t, ariaLabel: s }) => b({
+), Qe = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), $s = ({ click: e }) => Ke({
+}), Ds = ({ click: e }) => Qe({
   icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Ds = ({ click: e }) => Ke({
+}), Is = ({ click: e }) => Qe({
   icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Is = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
+}), Ts = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
   blur: (l, { state: i }) => {
@@ -1895,7 +1903,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), to = O(
+})), so = O(
   {
     /**
      * Initial state for the counter component.
@@ -1918,18 +1926,18 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     render() {
       const e = this.class ?? "";
       return o({ class: `flex flex-auto items-center justify-between gap-x-4 p-4 ${e}` }, [
-        $s({ click: () => this.state.decrement("count") }),
-        Is({
+        Ds({ click: () => this.state.decrement("count") }),
+        Ts({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Ds({ click: () => this.state.increment("count") })
+        Is({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), Ts = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Ms = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   ee.monthNames.map(
     (n, a) => b(
@@ -1943,9 +1951,9 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       n.substring(0, 3)
     )
   )
-), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), 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");
+), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Bs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), L = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Ps = (e) => e ? "bg-accent text-primary" : "", zs = (e) => e ? "text-muted-foreground opacity-50" : "", Os = (e, t) => e === t, Ns = (e, t) => Os(e, t) ? "bg-primary text-primary-foreground" : "", Rs = (e, t, s, n) => {
+  const a = Ns(t, n);
+  return a || (e ? Ps(e) : s ? zs(s) : "text-foreground");
 }, oe = (e) => {
   const {
     day: t,
@@ -1960,7 +1968,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
-				${Ns(a, s, l, n)}
+				${Rs(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -1971,7 +1979,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     },
     t.toString()
   );
-}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Rs = (e, t, s, n = !1) => {
+}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Fs = (e, t, s, n = !1) => {
   const { year: a, month: l } = e, i = L(a, l, e.date), c = new Date(a, l, 1).getDay(), h = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], q = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
     const y = m - d, S = le(y, q, A, t), $ = new Date(A, q, y) < new Date(t.year, t.month, t.date), R = n && $;
@@ -2017,7 +2025,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     );
   }
   return v;
-}, Le = ({ label: e, click: t }) => b(
+}, je = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2030,16 +2038,16 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     variant: "icon",
     icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
   }
-), Fs = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), Ls = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Le({ label: "Previous", click: n }),
-  Le({ label: "Next", click: s })
-]), Ls = (e) => o(
+  je({ label: "Previous", click: n }),
+  je({ label: "Next", click: s })
+]), js = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), js = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Ls), Hs = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  Fs({
+), Hs = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(js), As = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  Ls({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2050,10 +2058,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, js()),
+        o({ class: "grid grid-cols-7" }, Hs()),
         o(
           { class: "grid grid-cols-7" },
-          Rs(
+          Fs(
             e.current,
             e.today,
             e.select,
@@ -2063,7 +2071,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
       ]
     ]
   })
-]), As = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
+]), Es = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
   const n = t - 50, a = Array.from({ length: 101 }, (l, i) => n + i);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2081,7 +2089,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
     )
   );
 };
-class Es extends C {
+class Us extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -2097,7 +2105,7 @@ class Es extends C {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Ms(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Bs(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2194,7 +2202,7 @@ class Es extends C {
       T("view", (t) => {
         switch (t) {
           case "months":
-            return Ts(
+            return Ms(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2206,7 +2214,7 @@ class Es extends C {
               }
             );
           case "years":
-            return As(
+            return Es(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2218,7 +2226,7 @@ class Es extends C {
               }
             );
           default:
-            return Hs({
+            return As({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2239,33 +2247,33 @@ class Es extends C {
     ]);
   }
 }
-const Us = (e) => {
+const Ys = (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;
-}, Ys = (e) => {
+}, Vs = (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;
-}, Vs = ({ bind: e, required: t }) => p({
+}, Ws = ({ 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
-}), Ws = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
+}), qs = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
   cache: "dateInput",
   class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
   placeholder: e || "mm/dd/yyyy",
   input: t,
   focus: s,
   onState: ["selectedDate", (n) => n ? ee.format("standard", n) : ""]
-}), qs = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
+}), Gs = ({ 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"
   },
   [
-    Vs({ bind: e, required: t }),
-    Ws({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    Ws({ bind: e, required: t }),
+    qs({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
     w(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
@@ -2276,20 +2284,20 @@ const Us = (e) => {
       ]
     )
   ]
-), Gs = ({ handleDateSelect: e, blockPriorDates: t }) => me(
+), _s = ({ handleDateSelect: e, blockPriorDates: t }) => me(
   (s, n, a) => new te({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new Es({
+    new Us({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), so = O(
+), no = O(
   {
     /**
      * The initial state of the DatePicker.
@@ -2318,8 +2326,8 @@ const Us = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = Us(s);
-      const n = Ys(s);
+      e.target.value = Ys(s);
+      const n = Vs(s);
       n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
@@ -2356,7 +2364,7 @@ const Us = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          qs({
+          Gs({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2364,7 +2372,7 @@ const Us = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          Gs({
+          _s({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2372,7 +2380,7 @@ const Us = (e) => {
       );
     }
   }
-), je = ({ label: e, click: t }) => b(
+), He = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2385,15 +2393,15 @@ const Us = (e) => {
     variant: "icon",
     icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
   }
-), _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" }, [
+), Ks = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  je({ label: "Previous", click: n }),
-  je({ label: "Next", click: s })
-]), Ks = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Qs = () => o(
+  He({ label: "Previous", click: n }),
+  He({ label: "Next", click: s })
+]), Qs = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Js = () => o(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
-  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Ks)
-), Js = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Qs)
+), Zs = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
   let h = "ghost", m = "";
   return n || a ? (h = "default", m = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (m = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (m += " opacity-50 cursor-not-allowed"), i && (m += " text-muted-foreground opacity-50"), b(
     {
@@ -2406,17 +2414,17 @@ const Us = (e) => {
     },
     e.toString()
   );
-}, Zs = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
+}, Xs = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
   const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), h = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, q = new Date(v, m + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, E = t.month === 11 ? t.year + 1 : t.year;
   for (let f = i - 1; f >= 0; f--) {
-    const d = q - f, y = 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;
+    const d = q - f, y = L(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), R = S < $, G = s && R, _ = a === y, K = l === y, nt = a && l && y > a && y < l;
     h.push({
       day: d,
       iso: y,
       disabled: G,
       isStart: _,
       isEnd: K,
-      isBetween: st,
+      isBetween: nt,
       isOtherMonth: !0,
       click: () => n(y)
     });
@@ -2436,8 +2444,8 @@ const Us = (e) => {
       }
     });
   }
-  const we = (7 - h.length % 7) % 7;
-  for (let f = 1; f <= we; f++) {
+  const ve = (7 - h.length % 7) % 7;
+  for (let f = 1; f <= ve; f++) {
     const d = L(E, A, f), y = new Date(E, A, f), S = new Date(e.year, e.month, e.date), $ = y < S, R = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
     h.push({
       day: f,
@@ -2453,7 +2461,7 @@ const Us = (e) => {
   return o(
     { class: "grid grid-cols-7 gap-1" },
     h.map(
-      (f, d) => Js({
+      (f, d) => Zs({
         day: f.day,
         iso: f.iso,
         disabled: f.disabled,
@@ -2465,8 +2473,8 @@ const Us = (e) => {
       })
     )
   );
-}, Xs = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  _s({
+}, en = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  Ks({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2481,8 +2489,8 @@ const Us = (e) => {
     onSet: [
       "currentDate",
       () => [
-        Qs(),
-        Zs({
+        Js(),
+        Xs({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2495,7 +2503,7 @@ const Us = (e) => {
       ]
     ]
   })
-])), en = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), tn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   ee.monthNames.map(
     (n, a) => b(
@@ -2509,25 +2517,25 @@ const Us = (e) => {
       n.substring(0, 3)
     )
   )
-), tn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
+), sn = ({ 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" }, He("current.start", "Start Date"))
+    o({ class: "font-medium" }, Ae("current.start", "Start Date"))
   ])),
   Q("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, He("current.end", "End Date"))
+    o({ class: "font-medium" }, Ae("current.end", "End Date"))
   ]))
-]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t : sn(s)], sn = (e) => {
+]), Ae = (e, t) => [`[[${e}]]`, (s) => s == null ? t : nn(s)], nn = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
-}, nn = ({ currentYear: e, onSelect: t }) => {
+}, an = ({ currentYear: e, onSelect: t }) => {
   const s = e - 50, n = Array.from({ length: 101 }, (a, l) => s + l);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2545,7 +2553,7 @@ const Us = (e) => {
     )
   );
 };
-class an extends C {
+class on extends C {
   /**
    * Declare compiler props.
    *
@@ -2642,7 +2650,7 @@ class an 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" }, [
-      tn({
+      sn({
         start: a,
         end: l,
         selecting: n,
@@ -2656,7 +2664,7 @@ class an extends C {
       T("view", (i) => {
         switch (i) {
           case "months":
-            return en(
+            return tn(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2666,7 +2674,7 @@ class an extends C {
               }
             );
           case "years":
-            return nn(
+            return an(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2675,7 +2683,7 @@ class an extends C {
               }
             );
           default:
-            return Xs({
+            return en({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2703,35 +2711,35 @@ class an extends C {
     ]);
   }
 }
-const on = ({ bind: e, required: t }) => p({
+const ln = ({ 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
-}), ln = ({ bind: e, required: t, toggleOpen: s }) => w({
+}), rn = ({ 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
 }, [
-  on({ bind: e, required: t }),
+  ln({ bind: e, required: t }),
   W(({ state: n }) => [
     g(U.date(["[[start]]", n], "Start Date")),
     g(" - "),
     g(U.date(["[[end]]", n], "End Date"))
   ]),
   Y({ html: u.calendar.days })
-]), rn = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
+]), cn = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
   cache: "dropdown",
   parent: a,
   button: a.panel,
   size: "xl"
 }, [
-  new an({
+  new on({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), no = O(
+])), ao = O(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2767,12 +2775,12 @@ const on = ({ bind: e, required: t }) => p({
         this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
       };
       return o({ class: "relative w-full max-w-[320px]" }, [
-        ln({
+        rn({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        rn({
+        cn({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2780,11 +2788,11 @@ const on = ({ bind: e, required: t }) => p({
     }
   }
 );
-function cn(e) {
+function dn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function dn(e) {
+function un(e) {
   if (e.length < 4)
     return { formattedTime: null, hour: null, minute: null, meridian: null };
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10);
@@ -2798,7 +2806,7 @@ function dn(e) {
     meridian: a
   };
 }
-function un({ bind: e, required: t }) {
+function hn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2806,7 +2814,7 @@ function un({ bind: e, required: t }) {
     required: t
   });
 }
-function hn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
+function fn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
   return p({
     cache: "timeInput",
     class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
@@ -2816,14 +2824,14 @@ function hn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function fn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
+function gn({ 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"
     },
     [
-      un({ bind: e, required: t }),
-      hn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      hn({ bind: e, required: t }),
+      fn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       w(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
@@ -2850,7 +2858,7 @@ function re({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function gn({ handleTimeSelect: e }) {
+function mn({ handleTimeSelect: e }) {
   return me(
     (t, s, n) => new te(
       {
@@ -2897,7 +2905,7 @@ function gn({ handleTimeSelect: e }) {
     )
   );
 }
-function Ae(e) {
+function Ee(e) {
   if (!e)
     return { hour: null, minute: null, meridian: null };
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
@@ -2910,7 +2918,7 @@ function Ae(e) {
     meridian: l
   });
 }
-const ao = O(
+const oo = O(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -2918,7 +2926,7 @@ const ao = O(
      * @member {object} state
      */
     state() {
-      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ae(e);
+      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ee(e);
       return {
         selectedTime: e,
         open: !1,
@@ -2934,7 +2942,7 @@ const ao = O(
      */
     after() {
       if (this.input.value) {
-        const { hour: e, minute: t, meridian: s } = Ae(this.input.value);
+        const { hour: e, minute: t, meridian: s } = Ee(this.input.value);
         this.state.set({
           hour: e,
           minute: t,
@@ -2958,8 +2966,8 @@ const ao = O(
      * @param {Event} e
      */
     handleInputChange(e) {
-      let t = e.target.value.replace(/[^\d]/g, ""), s = cn(t);
-      const n = dn(t);
+      let t = e.target.value.replace(/[^\d]/g, ""), s = dn(t);
+      const n = un(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
@@ -2995,7 +3003,7 @@ const ao = O(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          fn({
+          gn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -3003,18 +3011,18 @@ const ao = O(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          gn({
+          mn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), mn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), bn = (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" }, [
+]), xn = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
   J({ class: "text-lg font-semibold" }, e)
-]), oo = r((e, t) => it(
+]), lo = r((e, t) => ct(
   {
     class: `fixed pullUpIn z-30 w-[98%] border md:w-full max-w-lg bg-popover text-foreground shadow-lg duration-200
 				rounded-lg flex flex-auto flex-col
@@ -3027,10 +3035,10 @@ const ao = O(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && mn(e.icon, e.iconColor),
+      e.icon && bn(e.icon, e.iconColor),
       o({ class: "flex flex-auto flex-col gap-4" }, [
         o({ class: "flex flex-auto flex-col gap-y-2" }, [
-          bn(e),
+          xn(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)
@@ -3040,8 +3048,8 @@ const ao = O(
       ])
     ])
   ]
-)), lo = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  Ge({ class: "flex flex-auto flex-col" }, [
+)), ro = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
+  _e({ 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
@@ -3071,14 +3079,14 @@ r(({ value: e, label: t }) => w({
   dataSet: ["performance", ["state", e, "active"]],
   click: (s, { state: n }) => n.performance = e
 }, t));
-const xn = (e, t) => {
+const pn = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, 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 }) => {
+}, yn = (e) => Ve({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+  W((t) => new jt({ class: "mr-2", onChange: (s, n) => pn(t, n) }))
+]), wn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const i = e || "justify-start";
-  return Ye({
+  return Ve({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
@@ -3087,12 +3095,12 @@ const xn = (e, t) => {
       t && Y({ class: "ml-2", html: u.arrows.upDown })
     ])
   ]);
-}, ye = (e) => ct([
-  dt({
+}, we = (e) => dt([
+  ut({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? pn({ toggle: e.toggle }) : yn({
+      (t) => t.label === "checkbox" ? yn({ toggle: e.toggle }) : wn({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3101,7 +3109,7 @@ const xn = (e, t) => {
       })
     ]
   })
-]), wn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new bt({
+]), vn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new xt({
   cache: "list",
   key: e,
   items: t,
@@ -3111,7 +3119,7 @@ const xn = (e, t) => {
   skeleton: l,
   columnCount: i
 });
-class Qe extends C {
+class Je extends C {
   /**
    * Initializes component data.
    *
@@ -3194,10 +3202,10 @@ class Qe extends C {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          wn({
+          vn({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3276,7 +3284,7 @@ class Qe extends C {
     this.data.selectedRows = [];
   }
 }
-const vn = (e) => new xt({
+const kn = (e) => new pt({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3289,7 +3297,7 @@ const vn = (e) => new xt({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class kn extends Qe {
+class Cn extends Je {
   /**
    * Renders the DataTable component.
    *
@@ -3302,10 +3310,10 @@ class kn extends Qe {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          vn({
+          kn({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -3341,7 +3349,7 @@ class kn extends Qe {
     this.list.refresh();
   }
 }
-const ro = r((e) => new kn(
+const io = r((e) => new Cn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3372,7 +3380,7 @@ const ro = r((e) => new kn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Cn = (e) => new pt({
+)), Sn = (e) => new yt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3386,7 +3394,7 @@ const ro = r((e) => new kn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Sn extends Qe {
+class $n extends Je {
   /**
    * Renders the DataTable component.
    *
@@ -3399,10 +3407,10 @@ class Sn extends Qe {
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         be({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && we({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          Cn({
+          Sn({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3440,7 +3448,7 @@ class Sn extends Qe {
     this.list.refresh();
   }
 }
-const io = r((e) => new Sn(
+const co = r((e) => new $n(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3473,28 +3481,28 @@ const io = r((e) => new Sn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), $n = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
+)), Dn = 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)
-])), Dn = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), In = () => 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")
-]), In = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
+]), Tn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   g("Last seen "),
-  ut({ datetime: e }, "3h ago")
-]), 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" }, [
+  ht({ datetime: e }, "3h ago")
+]), Mn = (e, t) => e === "online" ? In() : Tn(t), Bn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
-  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" }, [
+  Mn(s, t)
+])), Pn = (e) => e.split(" ").map((s) => s[0]).join(""), zn = r((e) => ge({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
     // @ts-ignore
-    fs({ src: e.image, alt: e.name, fallbackText: Bn(e.name) }),
+    gs({ src: e.image, alt: e.name, fallbackText: Pn(e.name) }),
     // @ts-ignore
-    $n({ name: e.name, email: e.email })
+    Dn({ name: e.name, email: e.email })
   ]),
-  Mn({
+  Bn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3502,16 +3510,16 @@ const io = r((e) => new Sn(
     // @ts-ignore
     status: e.status
   })
-])), co = r((e) => new yt({
+])), uo = r((e) => new wt({
   cache: "list",
   key: "name",
   // @ts-ignore
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Pn
+  rowItem: zn
 }));
-class zn extends C {
+class On extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3572,14 +3580,14 @@ class zn extends C {
     });
   }
 }
-const On = r(({ options: e, click: t }, s) => ({
+const Nn = 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
-})), Nn = (e, t = null, s = !1) => [
+})), Rn = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -3606,7 +3614,7 @@ const On = r(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class Je extends C {
+class Ze extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3623,7 +3631,7 @@ class Je extends C {
    */
   render() {
     const t = !this.options && this.callBack;
-    return On(
+    return Nn(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3637,8 +3645,8 @@ class Je extends C {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || Nn(String(this.label), this.icon, t);
-    return this.href ? new gt(
+    const t = this.options && this.options.length > 0, s = this.content || Rn(String(this.label), this.icon, t);
+    return this.href ? new mt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3647,7 +3655,7 @@ class Je extends C {
         exact: this.exact || !1
       },
       s
-    ) : new zn({
+    ) : new On({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3665,10 +3673,10 @@ class Je extends C {
     this.link.update(t);
   }
 }
-const Rn = r(({ map: e }, t) => X({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  Ee({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+const Fn = r(({ map: e }, t) => X({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
+  Ue({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
-class Fn extends C {
+class Ln extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3717,7 +3725,7 @@ class Fn extends C {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return Rn({ map: s }, t.group);
+    return Fn({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3726,10 +3734,10 @@ class Fn extends C {
    * @returns {object}
    */
   addLink(t) {
-    return new Je(t);
+    return new Ze(t);
   }
 }
-class Ze extends Fn {
+class Xe extends Ln {
   onCreated() {
     this.links = [];
   }
@@ -3740,7 +3748,7 @@ class Ze extends Fn {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new Hn(
+    return new An(
       {
         parentLink: t,
         options: t.options
@@ -3764,7 +3772,7 @@ class Ze extends Fn {
    * @returns {object}
    */
   addLink(t) {
-    const s = new Je(t);
+    const s = new Ze(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3775,11 +3783,11 @@ class Ze extends Fn {
     };
   }
 }
-const Ln = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), jn = (e, t) => {
+const jn = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), Hn = (e, t) => {
   const s = e.link.panel.pathname;
-  return !s && e.isSelected() ? !0 : e.exact ? t === s : Ln(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : jn(s, t);
 };
-class Hn extends Ze {
+class An extends Xe {
   /**
    * This will declare the props for the compiler.
    *
@@ -3808,7 +3816,7 @@ class Hn extends Ze {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", ve.data],
+        value: ["[[path]]", ke.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -3849,7 +3857,7 @@ class Hn extends Ze {
    * @returns {void}
    */
   afterSetup() {
-    const t = ve.data.path;
+    const t = ke.data.path;
     this.updateLinks(t);
   }
   /**
@@ -3861,27 +3869,27 @@ class Hn extends Ze {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = jn(n, t), s === !0))
+      if (n.rendered && (s = Hn(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const An = (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" }, [
+const En = (e) => he({ class: "text-lg ml-2" }, e), Un = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
   b({
     variant: "icon",
     class: "m-2",
     click: (t, { state: s }) => s.toggle("open"),
     icon: u.arrows.left
   }),
-  e.title && An(e.title)
-]), Un = () => o({
+  e.title && En(e.title)
+]), Yn = () => o({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (e, { state: t }) => t.open = !1
 });
-class Yn extends C {
+class Vn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -3900,7 +3908,7 @@ class Yn extends C {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      Un(),
+      Yn(),
       // Popover Content
       o({
         class: `
@@ -3909,7 +3917,7 @@ class Yn 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" }, [
-          En({ title: this.title }),
+          Un({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -3947,31 +3955,31 @@ class Yn extends C {
     this.container = app.root;
   }
 }
-const Xe = () => b({ class: "m-2", variant: "ghost", addState() {
+const et = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   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 && Vn(e.title)
-]), et = (e, t) => {
+]), Wn = (e) => he({ class: "text-lg ml-2" }, e), qn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  et(),
+  e.title && Wn(e.title)
+]), tt = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
-      et(s.options, t);
+      tt(s.options, t);
       return;
     }
     s.callBack = t;
   });
-}, tt = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, st = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   T(
     "open",
     (t) => t ? [
-      new Yn({ title: e.title }, [
+      new Vn({ title: e.title }, [
         W(({ state: s }) => {
           const n = (a) => s.open = !1;
-          return et(e.options, n), new Ze(
+          return tt(e.options, n), new Xe(
             {
               options: e.options
             }
@@ -3980,23 +3988,23 @@ const Xe = () => b({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), uo = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), ho = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    Xe(),
-    tt(e)
+    et(),
+    st(e)
   ])
-])), ho = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), fo = 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" }, [
-    Wn(e),
-    tt(e)
+    qn(e),
+    st(e)
   ])
-])), fo = r((e) => {
+])), go = r((e) => {
   const t = e.margin || "m-4 ml-0";
   return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
     b({ variant: "back", class: "ghost", ...e })
   ]);
 });
-class qn extends C {
+class Gn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4091,13 +4099,13 @@ class qn extends C {
     return this.children;
   }
 }
-Ve.addType("dockableOverlay", (e) => {
+We.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class go extends qn {
+class mo extends Gn {
   /**
    * This will stop presistence.
    *
@@ -4167,7 +4175,7 @@ class go extends qn {
    * @returns {void}
    */
   afterSetup() {
-    Ve.add(
+    We.add(
       this.container,
       "dockableOverlay",
       {
@@ -4202,7 +4210,7 @@ class go extends qn {
     this.state.docked = this.canDock();
   }
 }
-const Gn = r(({ index: e, click: t, state: s }, n) => ge({
+const _n = r(({ index: e, click: t, state: s }, n) => ge({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4211,10 +4219,10 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
     }]
   ],
   click: () => t(e)
-}, n)), _n = r(({ selectOption: e, state: t }) => X({
+}, n)), Kn = 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) => Gn({ index: n, click: e, state: t }, s.label)]
-})), Kn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
+  for: ["filteredOptions", (s, n) => _n({ index: n, click: e, state: t }, s.label)]
+})), Qn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
   N({
     cache: "input",
     // @ts-ignore
@@ -4239,7 +4247,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), Qn = (e) => o({
+])), Jn = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
@@ -4249,10 +4257,10 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
         button: n.input,
         size: "xl"
       }, [
-        _n(e)
+        Kn(e)
       ]);
   }]
-}), mo = M(
+}), bo = M(
   {
     /**
      * This will set up the data object.
@@ -4349,7 +4357,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        Kn({
+        Qn({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4361,7 +4369,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        Qn({
+        Jn({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4372,7 +4380,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
       ]);
     }
   }
-), bo = r((e) => {
+), xo = r((e) => {
   const t = e.icon ?? u.magnifyingGlass.default;
   return o({
     // @ts-ignore
@@ -4408,7 +4416,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
     })
   ]);
 });
-class Jn extends C {
+class Zn extends C {
   /**
    * This will declare the props for the compiler.
    *
@@ -4426,7 +4434,7 @@ class Jn extends C {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class Zn extends Jn {
+class Xn extends Zn {
   /**
    * This will be called every time the route
    * is activated.
@@ -4436,15 +4444,15 @@ class Zn extends Jn {
   update(t) {
   }
 }
-const Xn = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
+const ea = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
   tag: "section",
   ...e,
   children: t
-})), 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),
+})), ta = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+  ft({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
   t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
 ]));
-class xo extends Zn {
+class po extends Xn {
   /**
    * This will declare the props for the compiler.
    *
@@ -4459,133 +4467,133 @@ class xo extends Zn {
    * @returns {object}
    */
   render() {
-    return Xn([
-      ea({
+    return ea([
+      ta({
         title: this.title,
         description: this.description
       }),
-      wt(this.children)
+      vt(this.children)
     ]);
   }
 }
 export {
-  Ia as $,
-  La as A,
-  fo as B,
-  Es as C,
-  Qe as D,
-  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,
-  ja as O,
-  Aa as P,
-  Ha as Q,
-  es as R,
-  Jt as S,
-  Ea as T,
-  Pt as U,
-  Kt as V,
-  Qt as W,
-  Zt as X,
+  Ta as $,
+  ja as A,
+  go as B,
+  Us as C,
+  Je as D,
+  Va as E,
+  lo as F,
+  mo as G,
+  eo as H,
+  io as I,
+  xa as J,
+  ro as K,
+  ma as L,
+  Ba as M,
+  _e as N,
+  Ha as O,
+  Ea as P,
+  Aa as Q,
+  ts as R,
+  Zt as S,
+  Ua as T,
+  zt as U,
+  Qt as V,
+  Jt as W,
+  Xt as X,
   L as Y,
-  xo as Z,
-  yn as _,
-  fs as a,
+  po as Z,
+  wn as _,
+  gs as a,
   P as a$,
   ie as a0,
-  Et as a1,
-  Qa as a2,
-  Ze as a3,
+  Ut as a1,
+  Ja as a2,
+  Xe as a3,
   N as a4,
-  Bt as a5,
-  fa as a6,
-  Ja as a7,
-  Je as a8,
-  Xn as a9,
-  mo as aA,
-  Kn as aB,
-  Pa as aC,
-  bo as aD,
-  Va as aE,
-  Hn 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,
+  Pt as a5,
+  ga as a6,
+  Za as a7,
+  Ze as a8,
+  ea as a9,
+  bo as aA,
+  Qn as aB,
+  za as aC,
+  xo as aD,
+  Wa as aE,
+  An as aF,
+  we as aG,
+  ba as aH,
+  pa as aI,
+  Ka as aJ,
+  va as aK,
+  oo as aL,
+  qn as aM,
+  Qa as aN,
+  ua as aO,
+  La as aP,
   x as aQ,
-  Da as aR,
-  co as aS,
-  Pn as aT,
-  We as aU,
+  Ia as aR,
+  uo as aS,
+  zn as aT,
+  qe as aU,
   O as aV,
-  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,
-  Hs as ae,
-  ka as af,
-  Xe as ag,
-  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,
+  Sa as aW,
+  Bs as aX,
+  Kt as aY,
+  ca as aZ,
+  ia as a_,
+  De as aa,
+  Ds as ab,
+  ho as ac,
+  fo as ad,
+  As as ae,
+  Ca as af,
+  et as ag,
+  On as ah,
+  Ln as ai,
+  Fn as aj,
+  Vn as ak,
+  _a as al,
+  $a as am,
+  Gn as an,
+  Zn as ao,
+  Da as ap,
+  Is as aq,
   te as ar,
-  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,
+  Un as as,
+  Na as at,
+  ya as au,
+  on as av,
+  Pa as aw,
+  Ra as ax,
+  Fa as ay,
+  co as az,
+  Yn as b,
+  Ga as b0,
+  da as c,
+  Xn as d,
+  Xa 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,
+  Fs as g,
+  Bt as h,
+  jt as i,
+  yn as j,
+  fa as k,
+  Oa as l,
+  ha as m,
+  Ma as n,
+  qa as o,
+  to as p,
+  Ts as q,
+  so as r,
+  vn as s,
+  wa as t,
+  no as u,
+  ao as v,
+  ka as w,
   oe as x,
-  Ls as y,
-  Ua as z
+  js as y,
+  Ya as z
 };