@base-framework/ui 1.2.42 → 1.2.44

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

@@ -1,10 +1,10 @@
-import { I as j, Span as u, Button as w, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as qe, P as k, Label as E, Checkbox as he, Input as p, Textarea as Ge, UseParent as V, Img as fe, H5 as mt, H2 as J, Form as bt, Header as X, Footer as ge, A as Ke, H3 as me, Nav as be, Ul as Z, Li as xe, OnStateOpen as pe, On as Q, Dialog as xt, Th as Qe, Thead as pt, Tr as yt, Table as ye, Time as wt, H1 as vt } from "@base-framework/atoms";
-import { Atom as r, Jot as P, Component as S, Html as Je, Data as z, Events as R, DateTime as ee, NavLink as kt, router as De, DataTracker as Xe } from "@base-framework/base";
+import { I as E, Span as u, Button as v, OnState as M, Div as o, Legend as ht, Fieldset as ft, H4 as qe, P as k, Label as H, Checkbox as fe, Input as p, Textarea as Ge, UseParent as W, Img as ge, H5 as gt, H2 as X, Form as mt, Header as Z, Footer as me, A as Ke, H3 as be, Nav as xe, Ul as ee, Li as pe, OnStateOpen as ye, On as J, Dialog as bt, Th as Qe, Thead as xt, Tr as pt, Table as we, Time as yt, H1 as wt } from "@base-framework/atoms";
+import { Atom as r, Jot as P, Component as S, router as oe, Html as Je, Data as z, Events as j, DateTime as te, NavLink as vt, DataTracker as Xe } from "@base-framework/base";
 import { Icons as h } from "./icons.es.js";
-import { Timer as Ct, TableBody as St, DataTableBody as $t, ScrollableTableBody as Dt, List as It } from "@base-framework/organisms";
-import { F as _ } from "./format-DE4rFWuD.js";
-import { F as Tt } from "./bside-template-C7AQgQ6H.js";
-const Mt = {
+import { Timer as kt, TableBody as Ct, DataTableBody as St, ScrollableTableBody as $t, List as Dt } from "@base-framework/organisms";
+import { F as V } from "./format-DE4rFWuD.js";
+import { F as It } from "./bside-template-C7AQgQ6H.js";
+const Tt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -12,15 +12,15 @@ const Mt = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, de = r((e, t) => {
-  const s = Mt[e.size || "sm"];
-  return j({
+}, ue = r((e, t) => {
+  const s = Tt[e.size || "sm"];
+  return E({
     ...e,
     // @ts-ignore
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), Ie = {
+}), De = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const Mt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Te = {
+}, Ie = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,13 +43,13 @@ const Mt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Me = {
+}, Te = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, Pe = r((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Me[s] || Me.outlined;
+}, Me = r((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = De[t] || De.sm, a = Ie[t] || Ie.sm, l = Te[s] || Te.outlined;
   return u({
     ...e,
     // @ts-ignore
@@ -62,14 +62,14 @@ const Mt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? de(e, t) : typeof t == "object" && t.name ? Pe({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ue(e, t) : typeof t == "object" && t.name ? Me({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? Pe({
+}) : typeof t == "string" ? Me({
   ...e,
   name: t
-}) : de(e, t) : null, Da = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Ia = (e) => typeof e == "string" && e.includes("<svg"), Be = {
+}) : ue(e, t) : null, Sa = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, $a = (e) => typeof e == "string" && e.includes("<svg"), Pe = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,11 +150,11 @@ const Mt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Pt = (e) => Be[e] || Be.gray, Bt = (e, t = {}) => {
-  const s = Pt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
+}, Mt = (e) => Pe[e] || Pe.gray, Pt = (e, t = {}) => {
+  const s = Mt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
-}, Ta = r((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...f } = e, m = Bt(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, ...f } = e, m = Pt(s, { backgroundColor: l, textColor: i, ringColor: c });
   return u({ ...f, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
@@ -178,12 +178,12 @@ const O = (e) => (
   /** @type {VeilComponentConstructor} */
   P(e, Ze)
 );
-class Ma extends Ze {
+class Ia extends Ze {
   /**
    * Declare public props and their defaults.
    */
   declareProps() {
-    this.icon = null, this.activeIcon = null, this.value = null, this.dataKey = null, this.active = !1, this.toggle = null, this.size = "sm", this.formatType = "number";
+    this.icon = null, this.activeIcon = null, this.value = null, this.dataKey = null, this.active = !1, this.toggle = null, this.size = "sm", this.fill = !1, this.formatType = "number";
   }
   /**
    * Set up internal states.
@@ -211,25 +211,25 @@ class Ma extends Ze {
   render() {
     const t = this.size, s = this.icon, n = this.activeIcon || this.icon, a = (() => {
       if (this.dataKey) {
-        let l = `[[${this.dataKey}]]`;
-        return this.formatType === "number" ? l = _.number(l, "0") : this.formatType === "money" ? l = _.roundMoney(l) : this.formatType === "date" ? l = _.date(l) : this.formatType === "percent" && (l = _.percentage(l)), u({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, l);
+        let i = `[[${this.dataKey}]]`;
+        return this.formatType === "number" ? i = V.number(i, "0") : this.formatType === "money" ? i = V.roundMoney(i) : this.formatType === "date" ? i = V.date(i) : this.formatType === "percent" && (i = V.percentage(i)), u({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, i);
       }
       return this.value !== null && this.value !== void 0 ? u({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
-    })();
-    return w({
+    })(), l = this.fill;
+    return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `toggle-btn inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer text-foreground/70 hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${this.class || ""}`
     }, [
       M(
         "active",
-        (l) => x({ size: t }, l ? n : s)
+        (i) => x({ size: t, variant: i && l ? "filled" : "outlined" }, i ? n : s)
       ),
       a
     ]);
   }
 }
-const ae = {
+const le = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
   md: "w-10 h-10",
@@ -237,12 +237,12 @@ const ae = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class Pa extends S {
+class Ta extends S {
   /**
    * Declare public props.
    */
   declareProps() {
-    this.icon = null, this.activeIcon = null, this.active = !1, this.size = "md", this.activeClass = "", this.toggle = null;
+    this.icon = null, this.activeIcon = null, this.active = !1, this.size = "md", this.activeClass = "", this.fill = !1, this.toggle = null;
   }
   /**
    * Set up internal states.
@@ -268,24 +268,25 @@ class Pa extends S {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = ae[this.size] || ae.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, f = this.circle ?? !1;
-    return w({
+    const t = this.icon, s = this.activeIcon || this.icon, n = le[this.size] || le.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, f = this.circle ?? !1, m = this.fill;
+    return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${f ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
-      M("active", (m) => [
+      M("active", (w) => [
         x({
           size: a,
-          class: `transition-colors ${m ? c : i}`
-        }, m ? s : t)
+          variant: w && m ? "filled" : "outlined",
+          class: `transition-colors ${w ? c : i}`
+        }, w ? s : t)
       ])
     ]);
   }
 }
-const Ba = r((e, t) => {
-  const s = e.size || "md", n = ae[s] || ae.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
-  return w({
+const Ma = r((e, t) => {
+  const s = e.size || "md", n = le[s] || le.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
+  return v({
     ...e,
     // @ts-ignore
     class: `circle-btn inline-flex items-center justify-center rounded-full border-0 bg-background/40 backdrop-blur-sm text-foreground cursor-pointer transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${e.class || ""}`
@@ -295,35 +296,48 @@ const Ba = r((e, t) => {
     ...t || []
   ]);
 });
-let oe = 0;
-const ue = /* @__PURE__ */ new Map(), zt = () => {
-  const e = globalThis.location?.hash || "";
-  return (e ? e.replace(/^#\/?/, "") : globalThis.location?.pathname || "/").replace(/^\/+/, "").replace(/\/+$/, "");
-}, Ot = (e, t) => t ? e === t || e.startsWith(t + "/") : !1;
+let A = globalThis.history?.state?._pos ?? 0;
+const he = /* @__PURE__ */ new Map(), Be = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), Bt = (e, t) => {
+  if (!t) return !1;
+  const s = Be(e), n = Be(t);
+  return s === n || s.startsWith(n + "/");
+};
 if (typeof globalThis.history?.pushState == "function") {
-  const e = globalThis.history.pushState;
-  globalThis.history.pushState = function(...t) {
-    return oe++, e.apply(this, t);
-  };
+  const e = globalThis.history.pushState, t = globalThis.history.replaceState;
+  globalThis.history.pushState = function(s, n, a) {
+    A++;
+    const l = s !== null && typeof s == "object" ? { ...s, _pos: A } : { _pos: A };
+    return e.call(this, l, n, a);
+  }, globalThis.history.replaceState = function(s, n, a) {
+    const l = globalThis.history.state?._pos ?? A, i = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
+    return t.call(this, i, n, a);
+  }, globalThis.addEventListener("popstate", (s) => {
+    const n = (
+      /** @type {any} */
+      s.state?._pos
+    );
+    typeof n == "number" && (A = n);
+  });
 }
-const et = (e) => {
-  const t = e || "", s = zt(), n = ue.get(t);
-  if (n && Ot(s, n.basePath))
+const zt = (e) => {
+  const t = e || "", s = oe.path || "", n = he.get(t);
+  if (n && Bt(s, n.basePath))
     return n;
   const a = {
-    pushCount: oe,
+    pos: A,
+    sourcePath: oe.lastPath || null,
     basePath: s
   };
-  return ue.set(t, a), a;
-}, tt = (e) => {
-  ue.delete(e || "");
-}, L = (e) => r((t, s) => w({
+  return he.set(t, a), a;
+}, Ot = (e) => {
+  he.delete(e || "");
+}, L = (e) => r((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), we = r(
-  (e, t) => w({
+}, s)), et = r(
+  (e, t) => v({
     ...e,
     // @ts-ignore
     class: e.class
@@ -334,40 +348,27 @@ const et = (e) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), ze = (e) => r((t, s) => we({
+), ze = (e) => r((t, s) => et({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
 }, s)), Nt = (e) => {
-  const t = et(e.backUrl);
-  return () => {
-    tt(e.backUrl);
-    const n = oe - t.pushCount + 1;
-    if (e.allowHistory === !0 && t.pushCount > 0) {
-      globalThis.history.go(-n);
-      return;
-    }
-    e.backUrl && app.navigate(e.backUrl);
-  };
-}, Ft = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Nt(t), we({
-  ...e,
-  ...t
-}, s))), Lt = (e) => {
-  const t = et(e.backUrl);
+  const t = zt(e.backUrl);
   return () => {
-    tt(e.backUrl);
-    const n = oe - t.pushCount + 1;
-    if (t.pushCount > 0) {
+    Ot(e.backUrl);
+    const n = A - t.pos + 1;
+    if (t.pos > 0) {
       globalThis.history.go(-n);
       return;
     }
-    e.backUrl && app.navigate(e.backUrl);
+    const a = t.sourcePath || e.backUrl;
+    a && app.navigate(a);
   };
-}, At = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Lt(t), we({
+}, Ft = (e) => r((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Nt(t), et({
   ...e,
   ...t
-}, s))), Rt = r((e, t) => {
+}, s))), Lt = r((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -375,7 +376,7 @@ const et = (e) => {
     lg: "w-12 h-12",
     xl: "w-14 h-14"
   }, a = e.backgroundClass || "bg-background/30 hover:bg-background/50";
-  return w({
+  return v({
     ...e,
     // @ts-ignore
     class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${a} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${n[s] || n.md} ${e.class || ""}`
@@ -395,31 +396,30 @@ const et = (e) => {
   icon: ze({ class: "icon" }),
   withIcon: ze({ class: "with-icon" }),
   back: Ft({ class: "with-icon back-button" }),
-  smartBack: At({ class: "with-icon back-button" }),
-  circleIcon: Rt
-}, b = r((e, t) => (Oe[e.variant] || Oe.primary)(e, t)), za = r((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), jt = r((e, t) => {
+  circleIcon: Lt
+}, b = r((e, t) => (Oe[e.variant] || Oe.primary)(e, t)), Pa = r((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), At = 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);
-}), Et = r((e, t) => ft({
+}), Rt = r((e, t) => ht({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), Oa = r((e, t) => {
+}, t)), Ba = r((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return gt({
+  return ft({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && Et(e.legend),
+    e.legend && Rt(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), Ht = r((e, t) => {
+}), jt = r((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -441,7 +441,7 @@ const et = (e) => {
     // Controls container: grows to fill remaining space, spacing between items
     o({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), Ut = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", H = "placeholder:text-muted-foreground", ve = `${Ut} ${D} ${$} ${H} ${C}`, Yt = ({ id: e, checked: t, bind: s, required: n }) => he({
+}), Et = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", _ = "placeholder:text-muted-foreground", ve = `${Et} ${D} ${$} ${_} ${C}`, Ht = ({ id: e, checked: t, bind: s, required: n }) => fe({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -454,12 +454,12 @@ const et = (e) => {
 }), _t = () => u({ class: "absolute text-xs pointer-events-none" }, [
   M(
     "checked",
-    (e) => e ? j({
+    (e) => e ? E({
       class: "w-2 h-2 pointer-events-none",
       html: h.check
     }) : null
   )
-]), Vt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), Ut = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${$}
@@ -479,13 +479,13 @@ const et = (e) => {
   tabIndex: 0,
   click: a
 }, [
-  Yt({ bind: t, checked: s, id: e, required: n }),
+  Ht({ bind: t, checked: s, id: e, required: n }),
   _t()
-]), Wt = ({ id: e, label: t, clickHandler: s }) => E({
+]), Yt = ({ id: e, label: t, clickHandler: s }) => H({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), qt = P(
+}, t), Vt = P(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -524,7 +524,7 @@ const et = (e) => {
     render() {
       const e = this.getId(), t = (s) => this.clickHandler(s);
       return o({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
-        Vt({
+        Ut({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -536,38 +536,38 @@ const et = (e) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Wt({ id: e, label: this.label, clickHandler: t })
+        this.label && Yt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), Gt = (e) => {
+), Wt = (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;
-}, Kt = (e) => {
-  const t = e.target, s = Gt(t.value);
+}, qt = (e) => {
+  const t = e.target, s = Wt(t.value);
   s && (t.value = s);
-}, Qt = [
+}, Gt = [
   "peer w-full h-14 px-3 pt-5 pb-1",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent"
-].join(" "), Jt = [
+].join(" "), Kt = [
   "peer w-full min-h-[120px] px-3 pt-6 pb-2",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent resize-y"
-].join(" "), Xt = [
+].join(" "), Qt = [
   "peer w-full h-14 px-3 pt-5 pb-1 pr-10",
   "text-base text-foreground appearance-none",
   D,
   $,
   C
-].join(" "), Zt = [
+].join(" "), Jt = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -578,7 +578,7 @@ const et = (e) => {
   "peer-[:placeholder-shown:not(:focus)]:top-1/2",
   "peer-[:placeholder-shown:not(:focus)]:-translate-y-1/2",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), es = [
+].join(" "), Xt = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -588,102 +588,102 @@ const et = (e) => {
   // Placeholder state (empty + not focused)
   "peer-[:placeholder-shown:not(:focus)]:top-3.5",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), ts = [
+].join(" "), Zt = [
   "absolute left-3 top-2",
   "text-xs text-foreground-secondary",
   "pointer-events-none select-none"
 ].join(" ");
-let ss = 0;
-const ke = (e) => e.id || e.name || `floating-${++ss}`, Ce = (e, t, s, n) => e ? E(
+let es = 0;
+const ke = (e) => e.id || e.name || `floating-${++es}`, Ce = (e, t, s, n) => e ? H(
   { htmlFor: s, class: n },
   t ? [u(e), u({ class: "text-destructive ml-0.5" }, "*")] : e
-) : null, ns = () => j({
+) : null, ts = () => E({
   class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-foreground-secondary",
   html: h.chevron.single.down
-}), te = r((e) => {
+}), se = r((e) => {
   const t = ke(e);
   return o({ class: "relative" }, [
     p({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Qt} ${e.class || ""}`.trim()
+      class: `${Gt} ${e.class || ""}`.trim()
     }),
-    Ce(e.label, e.required, t, Zt)
+    Ce(e.label, e.required, t, Jt)
   ]);
-}), Na = r(
-  (e) => te({
+}), za = r(
+  (e) => se({
     ...e,
     type: "tel",
     name: e.name || "Phone",
     label: e.label || "Phone",
     pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-    keyup: Kt
+    keyup: qt
   })
-), Fa = r(
-  (e) => te({
+), Oa = r(
+  (e) => se({
     ...e,
     type: "email",
     name: e.name || "Email",
     label: e.label || "Email"
   })
-), La = r(
-  (e) => te({
+), Na = r(
+  (e) => se({
     ...e,
     type: "password",
     name: e.name || "Password",
     label: e.label || "Password"
   })
-), Aa = r(
-  (e) => te({
+), Fa = r(
+  (e) => se({
     ...e,
     type: "number"
   })
-), Ra = r(
-  (e) => te({
+), La = r(
+  (e) => se({
     ...e,
     type: "url",
     name: e.name || "Url",
     label: e.label || "URL"
   })
-), ja = r((e) => {
+), Aa = r((e) => {
   const t = ke(e);
   return o({ class: "relative" }, [
     Ge({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Jt} ${e.class || ""}`.trim()
+      class: `${Kt} ${e.class || ""}`.trim()
     }),
-    Ce(e.label, e.required, t, es)
+    Ce(e.label, e.required, t, Xt)
   ]);
-}), Ea = r((e) => {
+}), Ra = r((e) => {
   const t = ke(e), { options: s, onCreated: n, ...a } = e;
   return o({ class: "relative" }, [
     {
       tag: "select",
       ...a,
       id: t,
-      class: `[&>option]:text-foreground [&>option]:bg-background ${Xt} ${a.class || ""}`.trim(),
+      class: `[&>option]:text-foreground [&>option]:bg-background ${Qt} ${a.class || ""}`.trim(),
       onCreated(l) {
         s && Je.setupSelectOptions(l, s), typeof n == "function" && n(l);
       }
     },
-    ns(),
-    Ce(e.label, e.required, t, ts)
+    ts(),
+    Ce(e.label, e.required, t, Zt)
   ]);
-}), as = (e) => {
+}), ss = (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;
-}, os = (e) => {
-  const t = e.target, s = as(t.value);
+}, ns = (e) => {
+  const t = e.target, s = ss(t.value);
   s && (t.value = s);
 }, N = r((e) => p({
   ...e,
   // @ts-ignore
   class: `${ve} ${e.class || ""}`.trim()
-})), Ha = r((e) => N({
+})), ja = r((e) => N({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -693,8 +693,8 @@ const ke = (e) => e.id || e.name || `floating-${++ss}`, Ce = (e, t, s, n) => e ?
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: os
-})), Ua = r((e) => N({
+  keyup: ns
+})), Ea = r((e) => N({
   ...e,
   type: "email",
   // @ts-ignore
@@ -702,47 +702,47 @@ const ke = (e) => e.id || e.name || `floating-${++ss}`, Ce = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Ya = r((e) => Ge({
+})), Ha = r((e) => Ge({
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${H} ${C} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${_} ${C} ${e.class || ""}`.trim()
 })), _a = (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 && E({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), Va = r((e) => p({
+  e.label && H({ forHTML: e.value, class: "cursor-pointer" }, e.label)
+]), Ua = r((e) => p({
   ...e,
   type: "date",
   // @ts-ignore
-  class: `${D} ${$} ${H} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Wa = r((e) => p({
+  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ya = r((e) => p({
   ...e,
   type: "time",
   // @ts-ignore
-  class: `${D} ${$} ${H} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), qa = r((e) => p({
+  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Va = r((e) => p({
   ...e,
   type: "datetime-local",
   // @ts-ignore
-  class: `${D} ${$} ${H} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Ga = r((e) => p({
+  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Wa = r((e) => p({
   ...e,
   type: "month",
   // @ts-ignore
-  class: `${D} ${$} ${H} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Ka = r((e) => p({
+  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), qa = r((e) => p({
   ...e,
   type: "week",
   // @ts-ignore
-  class: `${D} ${$} ${H} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Qa = r((e) => N({
+  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ga = r((e) => N({
   ...e,
   type: "number"
-})), Ja = r((e) => N({
+})), Ka = r((e) => N({
   ...e,
   type: "password"
 }));
@@ -750,29 +750,29 @@ r((e) => N({
   ...e,
   type: "search"
 }));
-const Xa = r((e) => N({
+const Qa = r((e) => N({
   ...e,
   type: "url"
-})), Za = r((e) => N({
+})), Ja = r((e) => N({
   ...e,
   type: "hidden"
-})), eo = r((e) => p({
+})), Xa = r((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
   class: `${D} text-foreground p-0 ${C} ${e.class || ""}`.trim()
 }));
-r((e) => he({
+r((e) => fe({
   ...e,
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${D} ${$} ${C} ${e.class || ""}`.trim()
 }));
-const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", to = r((e) => p({
+const as = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Za = r((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${ve} ${ls} ${e.class || ""}`.trim()
-})), so = O(
+  class: `${ve} ${as} ${e.class || ""}`.trim()
+})), eo = O(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -805,7 +805,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       return o({ class: "relative w-full h-4 flex items-center" }, [
         // Track
         o({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        V(({ state: e }) => [
+        W(({ state: e }) => [
           // Filled Track
           o({
             class: "absolute h-2 bg-primary rounded-full",
@@ -844,7 +844,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), no = r((e) => {
+), to = r((e) => {
   const { options: t, onCreated: s, ...n } = e;
   return {
     tag: "select",
@@ -854,7 +854,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${ve} ${n.class || ""}`.trim()
   };
-}), rs = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
+}), os = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : ge({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -863,7 +863,7 @@ const ls = "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"
-})), is = (e) => !e || isNaN(e) ? null : e, Ne = (e, t) => {
+})), ls = (e) => !e || isNaN(e) ? null : e, Ne = (e, t) => {
   const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, i = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
@@ -906,20 +906,20 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: i
   });
-}, ao = r((e) => {
+}, so = r((e) => {
   const t = e.progress || 0, s = e.class || "", n = Ne(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = is(a), a ? Ne(a, s) : n)
+      (a) => (a = ls(a), a ? Ne(a, s) : n)
     ]
   }, [n]);
-}), cs = () => V(({ state: e }) => o({
+}), rs = () => W(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), oo = O(
+})), no = O(
   {
     /**
      * This will render the progress bar component.
@@ -928,7 +928,7 @@ const ls = "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" }, [
-        cs()
+        rs()
       ]);
     },
     /**
@@ -971,7 +971,7 @@ const ls = "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;
     }
   }
-), lo = r((e = {}) => {
+), ao = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -992,7 +992,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), ro = r((e = {}) => {
+}), oo = r((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -1022,8 +1022,8 @@ const ls = "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"
-}, ds = (e) => Fe[String(e)] || Fe.top, io = r(({ position: e = "top", content: t }, s) => {
-  const n = ds(e);
+}, is = (e) => Fe[String(e)] || Fe.top, lo = r(({ position: e = "top", content: t }, s) => {
+  const n = is(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
@@ -1060,25 +1060,25 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, us = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, cs = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), hs = (e) => mt({ class: "font-semibold" }, e), fs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
+]), ds = (e) => gt({ class: "font-semibold" }, e), us = (e) => k({ class: "text-sm text-muted-foreground" }, e), ro = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
   const { borderColor: a, bgColor: l, iconColor: i } = Le[n] || Le.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
-    s && us(s, i),
+    s && cs(s, i),
     o({ class: "flex flex-col" }, [
-      hs(e),
-      fs(t)
+      ds(e),
+      us(t)
     ])
   ]);
-}), gs = (e, t) => {
+}), hs = (e, t) => {
   const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, l = globalThis.scrollX, i = globalThis.scrollY;
   let c = s.left + l, f = s.bottom + i;
-  const m = globalThis.innerHeight - s.bottom, v = s.top;
-  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && v > m ? f = s.top + i - n.height - a : m < n.height && (f = s.bottom + i - (n.height - m) - a), { x: c, y: f };
+  const m = globalThis.innerHeight - s.bottom, w = s.top;
+  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && w > m ? f = s.top + i - n.height - a : m < n.height && (f = s.bottom + i - (n.height - m) - a), { x: c, y: f };
 };
-class se extends S {
+class ne extends S {
   /**
    * This will set up the data.
    *
@@ -1155,7 +1155,7 @@ class se extends S {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = gs(t, s);
+    const t = this.button ?? null, s = this.panel, n = hs(t, s);
     this.data.position = n;
   }
   /**
@@ -1207,29 +1207,29 @@ class se extends S {
     this?.panel?.hidePopover();
   }
 }
-const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), bs = r((e, t) => E({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), xs = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ps = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), uo = r((e, t = []) => jt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const fs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), gs = r((e, t) => H({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ms = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), bs = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), io = r((e, t = []) => At({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   // @ts-ignore
-  e.title && J({ class: "text-lg font-semibold py-4 px-6" }, e.title),
+  e.title && X({ 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
-])), ho = r((e, t = []) => (
+])), co = r((e, t = []) => (
   // @ts-ignore
-  Ht({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  jt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
-)), fo = r((e, t = []) => {
+)), uo = 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);
-}), ys = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", st = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = st(n.children, t, s)), !n.required) ? n : ys(n) ? {
+}), xs = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", tt = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = tt(n.children, t, s)), !n.required) ? n : xs(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), ws = r((e, t) => {
-  const a = st(t, (l) => {
+} : n), ps = r((e, t) => {
+  const a = tt(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1238,7 +1238,7 @@ const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), go = O(
+}), ho = O(
   {
     /**
      * The initial state of the FormField.
@@ -1263,41 +1263,41 @@ const ms = 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" }, [
-        ms([
-          bs({ htmlFor: t }, s),
-          ws({
+        fs([
+          gs({ htmlFor: t }, s),
+          ps({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && xs({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && ps(l)] })
+          n && ms({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && bs(l)] })
         ])
       ]);
     }
   }
-), vs = (e, t, s = null) => {
+), ys = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, nt = r(
+}, st = r(
   (e, t) => (
     // @ts-ignore
-    bt({ ...e, submit: (s, n) => vs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    mt({ ...e, submit: (s, n) => ys(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
-), mo = r((e, t) => (
+), fo = 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)
-)), bo = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+)), go = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
-  e.title && J({ class: "font-semibold" }, e.title),
+  e.title && X({ class: "font-semibold" }, e.title),
   ...t
-])), xo = (e, t) => o({ class: "flex justify-between" }, [
+])), mo = (e, t) => o({ class: "flex justify-between" }, [
   u({ class: "text-muted-foreground" }, e),
   u(t)
-]), po = (e, t) => o({ class: "flex" }, [
+]), bo = (e, t) => o({ class: "flex" }, [
   u({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   u(t)
-]), ks = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => X({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+]), ws = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => 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)
    */
@@ -1315,12 +1315,12 @@ const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   ]),
   o({ class: "flex flex-auto flex-row justify-between ml-2 gap-2 min-w-0" }, [
     o({ class: `flex flex-auto flex-col min-w-0 ${l ? "items-center" : ""}` }, [
-      J({ class: "text-lg font-semibold m-0 truncate" }, e),
+      X({ class: "text-lg font-semibold m-0 truncate" }, e),
       t && o({ class: "text-sm text-muted-foreground truncate" }, t)
     ]),
     o({ class: "flex flex-none items-center gap-2" }, a)
   ])
-])), yo = r((e, t) => {
+])), xo = r((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1330,16 +1330,16 @@ const ms = 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);
     }
   }, [
-    nt({
+    st({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (l, i) => e.onSubmit && e.onSubmit(i),
       cache: "modalContent"
     }, [
-      ks(e),
+      ws(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
-      !e.hideFooter && ge({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
+      !e.hideFooter && me({ 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)
     ])
   ]);
 }), Ae = {
@@ -1368,22 +1368,22 @@ const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Cs = (e) => X({ class: "flex justify-center" }, [
-  me({ class: "text-lg font-bold mb-0" }, e)
-]), Ss = r(({ href: e, class: t }, s) => Ke({
+}, vs = (e) => Z({ class: "flex justify-center" }, [
+  be({ class: "text-lg font-bold mb-0" }, e)
+]), ks = r(({ href: e, class: t }, s) => Ke({
   class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), $s = r(({ close: e, class: t }, s) => o({
+}, s)), Cs = 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 wo extends S {
+class po extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -1407,10 +1407,10 @@ class wo extends S {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? Ss({
+    return a ? ks({
       href: a,
       class: `${t} ${s}`
-    }, l) : $s({
+    }, l) : Cs({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1422,7 +1422,7 @@ class wo extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new Ct(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new kt(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1460,10 +1460,10 @@ class wo extends S {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && Cs(this.title)
+            this.title && vs(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
-          (this.primary || this.secondary) && ge({ class: "margin-top-24 flex align-center" }, this.getButtons())
+          (this.primary || this.secondary) && me({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
       b({
@@ -1484,17 +1484,17 @@ class wo extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w({
+const Re = globalThis.matchMedia, re = r(({ value: e, label: t, icon: s }) => v({
   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"), Ds(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ss(e);
   }
 }, [
   x({}, s),
   u(t)
-])), Ds = (e) => {
+])), Ss = (e) => {
   const t = document.documentElement;
   if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Re && !Re("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
@@ -1502,7 +1502,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, vo = P(
+}, yo = P(
   {
     /**
      * This will render the component.
@@ -1512,9 +1512,9 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     render() {
       return o({ class: "flex flex-auto flex-col" }, [
         o({ class: "grid grid-cols-3 gap-4" }, [
-          le({ label: "System", value: "system", icon: h.adjustments.horizontal }),
-          le({ label: "Light", value: "light", icon: h.sun }),
-          le({ label: "Dark", value: "dark", icon: h.moon })
+          re({ label: "System", value: "system", icon: h.adjustments.horizontal }),
+          re({ label: "Light", value: "light", icon: h.sun }),
+          re({ label: "Dark", value: "dark", icon: h.moon })
         ])
       ]);
     },
@@ -1529,7 +1529,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       };
     }
   }
-), ko = O(
+), wo = O(
   {
     /**
      * The initial state of the Toggle.
@@ -1556,14 +1556,14 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      return w({
+      return v({
         class: "relative inline-flex h-6 w-11 min-w-11 items-center rounded-full bg-muted transition-colors focus:outline-none",
         onState: ["active", { "bg-primary": !0, "bg-muted": !1 }],
         click: (t, { state: s }) => {
           s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
-        he({
+        fe({
           cache: "checkbox",
           class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
           /**
@@ -1581,12 +1581,12 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), Is = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : rs({
+), $s = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : os({
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), at = (e) => !e || e.length < 2 ? e : Ts(e), Ms = (e) => u([e, (t, s) => {
-  s.textContent = at(t);
+})), Ds = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), nt = (e) => !e || e.length < 2 ? e : Ds(e), Is = (e) => u([e, (t, s) => {
+  s.textContent = nt(t);
 }]), je = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -1607,8 +1607,8 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Ps = (e) => je[e] || je.default, Bs = (e) => Ee[e] || Ee.default, zs = (e, t = null, s = "md") => {
-  const n = at(String(e)), a = Bs(s);
+}, Ts = (e) => je[e] || je.default, Ms = (e) => Ee[e] || Ee.default, Ps = (e, t = null, s = "md") => {
+  const n = nt(String(e)), a = Ms(s);
   return o(
     {
       class: `
@@ -1618,21 +1618,21 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
 		`
     },
     [
-      t ? Ms(t) : u({ class: "uppercase" }, n)
+      t ? Is(t) : u({ class: "uppercase" }, n)
     ]
   );
-}, Os = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Ps(a);
+}, Bs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = Ts(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      Is({ src: e, alt: t }),
-      zs(s, n, a)
+      $s({ src: e, alt: t }),
+      Ps(s, n, a)
     ]
   );
-}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = P(
+}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, vo = P(
   {
     /**
      * Get the initial state for the component.
@@ -1652,7 +1652,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", R.trigger("click", e));
+      e && (e.value = "", j.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1688,13 +1688,13 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          M("loaded", (s) => s === !1 || He(this.src) ? E({
+          M("loaded", (s) => s === !1 || He(this.src) ? H({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
-            de(h.upload),
+            ue(h.upload),
             o("Upload Image")
-          ]) : fe({
+          ]) : ge({
             // @ts-ignore
             src: this.src,
             class: "absolute inset-0 w-full h-full object-cover rounded-full"
@@ -1703,7 +1703,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), So = P(
+), ko = P(
   {
     /**
      * Get the initial state for the component.
@@ -1723,7 +1723,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", R.trigger("click", e));
+      e && (e.value = "", j.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1761,11 +1761,11 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
         }, [
           M(
             "loaded",
-            (s) => s ? fe({
+            (s) => s ? ge({
               // @ts-ignore
               src: this.src,
               class: "absolute inset-0 w-full h-full object-cover rounded-full"
-            }) : E({
+            }) : H({
               htmlFor: e,
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
@@ -1785,7 +1785,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       this.input = null;
     }
   }
-), Ns = (e, t) => Ke(
+), zs = (e, t) => Ke(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1793,14 +1793,14 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
   [u(t)]
-), Fs = () => x({
+), Os = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, h.chevron.single.right), Ls = (e) => o({ class: "flex items-center" }, [
-  e.href ? Ns(e.href, e.label) : u(e.label),
-  e.separator && Fs()
-]), $o = P(
+}, h.chevron.single.right), Ns = (e) => o({ class: "flex items-center" }, [
+  e.href ? zs(e.href, e.label) : u(e.label),
+  e.separator && Os()
+]), Co = P(
   {
     /**
      * Set initial data
@@ -1820,7 +1820,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      */
     render() {
       const e = this.data.items.length - 1;
-      return be(
+      return xe(
         {
           "aria-label": "Breadcrumb",
           class: "flex items-center gap-x-1 text-sm"
@@ -1829,7 +1829,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
           o({
             role: "list",
             class: "flex items-center",
-            for: ["items", (t, s) => Ls({
+            for: ["items", (t, s) => Ns({
               href: t.href,
               label: t.label,
               separator: s < e
@@ -1839,7 +1839,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Ue = {
+), _e = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1848,7 +1848,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, As = (e) => Ue[e] || Ue.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, Fs = (e) => _e[e] || _e.default, Ls = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   u({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -1859,10 +1859,10 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       n.activeIndex = e, a && a(e);
     }
   })
-]), js = (e, t) => Array.from({ length: e }, (s, n) => Rs({
+]), As = (e, t) => Array.from({ length: e }, (s, n) => Ls({
   index: n,
   size: t
-})), Do = P(
+})), So = P(
   {
     /**
      * Defines component data (props).
@@ -1884,7 +1884,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = As(this.size || "sm"), s = js(this.data.count, t);
+      const e = this.gap || "gap-2", t = Fs(this.size || "sm"), s = As(this.data.count, t);
       return o(
         { class: "flex justify-center items-center py-2" },
         [
@@ -1893,7 +1893,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Es = ({ toggleDropdown: e }) => w(
+), Rs = ({ toggleDropdown: e }) => v(
   {
     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",
@@ -1903,27 +1903,27 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     u({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
     x({ size: "sm" }, h.chevron.upDown)
   ]
-), Hs = (e, t, s) => xe({
+), js = (e, t, s) => pe({
   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 && u({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
   u({ class: "text-base font-normal" }, e.label)
-]), Us = (e, t) => o({ class: "w-full border rounded-md" }, [
-  Z({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Hs(s, e, t)] })
-]), Ys = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
+]), Es = (e, t) => o({ class: "w-full border rounded-md" }, [
+  ee({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => js(s, e, t)] })
+]), Hs = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
   M(
     "open",
-    (s, n, a) => s ? new se({
+    (s, n, a) => s ? new ne({
       cache: "dropdown",
       parent: a,
       button: a.button
     }, [
-      Us(e, t)
+      Es(e, t)
     ]) : null
   )
-]), Io = P(
+]), $o = P(
   {
     /**
      * This will set up the data.
@@ -2004,8 +2004,8 @@ const Re = globalThis.matchMedia, le = 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
-        Es({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        Ys({
+        Rs({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        Hs({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -2025,21 +2025,21 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]);
     }
   }
-), ot = ({ icon: e, click: t, ariaLabel: s }) => b({
+), at = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), _s = ({ click: e }) => ot({
+}), _s = ({ click: e }) => at({
   icon: h.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Vs = ({ click: e }) => ot({
+}), Us = ({ click: e }) => at({
   icon: h.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Ws = ({ bind: e, min: t, max: s, readonly: n = !1 }) => V(({ state: a }) => p({
+}), Ys = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
   blur: (l, { state: i }) => {
@@ -2052,7 +2052,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), To = O(
+})), Do = O(
   {
     /**
      * Initial state for the counter component.
@@ -2076,19 +2076,19 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       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") }),
-        Ws({
+        Ys({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Vs({ click: () => this.state.increment("count") })
+        Us({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), qs = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Vs = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
-  ee.monthNames.map(
+  te.monthNames.map(
     (n, a) => b(
       {
         click: (l) => {
@@ -2100,10 +2100,10 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       n.substring(0, 3)
     )
   )
-), B = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Gs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), A = (e, t, s) => `${e}-${B(t + 1)}-${B(s)}`, Ks = (e) => e ? "bg-accent text-primary" : "", Qs = (e) => e ? "text-muted-foreground opacity-50" : "", Js = (e, t) => e === t, Xs = (e, t) => Js(e, t) ? "bg-primary text-primary-foreground" : "", Zs = (e, t, s, n) => {
-  const a = Xs(t, n);
-  return a || (e ? Ks(e) : s ? Qs(s) : "text-foreground");
-}, re = (e) => {
+), B = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Ws = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), R = (e, t, s) => `${e}-${B(t + 1)}-${B(s)}`, qs = (e) => e ? "bg-accent text-primary" : "", Gs = (e) => e ? "text-muted-foreground opacity-50" : "", Ks = (e, t) => e === t, Qs = (e, t) => Ks(e, t) ? "bg-primary text-primary-foreground" : "", Js = (e, t, s, n) => {
+  const a = Qs(t, n);
+  return a || (e ? qs(e) : s ? Gs(s) : "text-foreground");
+}, ie = (e) => {
   const {
     day: t,
     currentDate: s,
@@ -2113,11 +2113,11 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     select: i,
     disabled: c
   } = e;
-  return w(
+  return v(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
-				${Zs(a, s, l, n)}
+				${Js(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -2128,15 +2128,15 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     },
     t.toString()
   );
-}, ie = (e, t, s, n) => e === n.date && t === n.month && s === n.year, en = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, i = A(a, l, e.date), c = new Date(a, l, 1).getDay(), f = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], W = l === 0 ? 11 : l - 1, U = l === 0 ? a - 1 : a;
+}, ce = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Xs = (e, t, s, n = !1) => {
+  const { year: a, month: l } = e, i = R(a, l, e.date), c = new Date(a, l, 1).getDay(), f = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), w = [], q = l === 0 ? 11 : l - 1, U = l === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
-    const y = m - d, I = ie(y, W, U, t), T = new Date(U, W, y) < new Date(t.year, t.month, t.date), F = n && T;
-    v.push(
-      re({
+    const y = m - d, I = ce(y, q, U, t), T = new Date(U, q, y) < new Date(t.year, t.month, t.date), F = n && T;
+    w.push(
+      ie({
         day: y,
         currentDate: i,
-        date: A(U, W, y),
+        date: R(U, q, y),
         isToday: I,
         isOutsideMonth: !0,
         select: s,
@@ -2145,12 +2145,12 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     );
   }
   for (let d = 1; d <= f; d++) {
-    const y = ie(d, l, a, t), I = new Date(a, l, d) < new Date(t.year, t.month, t.date), T = n && I;
-    v.push(
-      re({
+    const y = ce(d, l, a, t), I = new Date(a, l, d) < new Date(t.year, t.month, t.date), T = n && I;
+    w.push(
+      ie({
         day: d,
         currentDate: i,
-        date: A(a, l, d),
+        date: R(a, l, d),
         isToday: y,
         isOutsideMonth: !1,
         select: s,
@@ -2158,14 +2158,14 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  const Y = l === 11 ? 0 : l + 1, ne = l === 11 ? a + 1 : a, g = (7 - v.length % 7) % 7;
+  const Y = l === 11 ? 0 : l + 1, ae = l === 11 ? a + 1 : a, g = (7 - w.length % 7) % 7;
   for (let d = 1; d <= g; d++) {
-    const y = ie(d, Y, ne, t), I = new Date(ne, Y, d) < new Date(t.year, t.month, t.date), T = n && I;
-    v.push(
-      re({
+    const y = ce(d, Y, ae, t), I = new Date(ae, Y, d) < new Date(t.year, t.month, t.date), T = n && I;
+    w.push(
+      ie({
         day: d,
         currentDate: i,
-        date: A(ne, Y, d),
+        date: R(ae, Y, d),
         isToday: y,
         isOutsideMonth: !0,
         select: s,
@@ -2173,8 +2173,8 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  return v;
-}, Ye = ({ label: e, click: t }) => b(
+  return w;
+}, Ue = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2187,16 +2187,16 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     variant: "icon",
     icon: e === "Previous" ? h.chevron.single.left : h.chevron.single.right
   }
-), tn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), Zs = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Ye({ label: "Previous", click: n }),
-  Ye({ label: "Next", click: s })
-]), sn = (e) => o(
+  Ue({ label: "Previous", click: n }),
+  Ue({ label: "Next", click: s })
+]), en = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), nn = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(sn), an = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  tn({
+), tn = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(en), sn = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  Zs({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2207,10 +2207,10 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, nn()),
+        o({ class: "grid grid-cols-7" }, tn()),
         o(
           { class: "grid grid-cols-7" },
-          en(
+          Xs(
             e.current,
             e.today,
             e.select,
@@ -2220,7 +2220,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       ]
     ]
   })
-]), on = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
+]), nn = ({ 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" },
@@ -2238,7 +2238,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     )
   );
 };
-class ln extends S {
+class an extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -2254,7 +2254,7 @@ class ln extends S {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Gs(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Ws(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2297,7 +2297,7 @@ class ln extends S {
    * @returns {string}
    */
   getMonthName(t) {
-    return ee.monthNames[t];
+    return te.monthNames[t];
   }
   /**
    * This will go to the previous month.
@@ -2351,7 +2351,7 @@ class ln extends S {
       M("view", (t) => {
         switch (t) {
           case "months":
-            return qs(
+            return Vs(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2363,7 +2363,7 @@ class ln extends S {
               }
             );
           case "years":
-            return on(
+            return nn(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2375,7 +2375,7 @@ class ln extends S {
               }
             );
           default:
-            return an({
+            return sn({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2396,57 +2396,57 @@ class ln extends S {
     ]);
   }
 }
-const rn = (e) => {
+const on = (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;
-}, cn = (e) => {
+}, ln = (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;
-}, dn = ({ bind: e, required: t }) => p({
+}, rn = ({ 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
-}), un = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
+}), cn = ({ 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) : ""]
-}), hn = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
+  onState: ["selectedDate", (n) => n ? te.format("standard", n) : ""]
+}), dn = ({ 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"
   },
   [
-    dn({ bind: e, required: t }),
-    un({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
-    w(
+    rn({ bind: e, required: t }),
+    cn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    v(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
         click: s
       },
       [
-        j({ html: h.calendar.days })
+        E({ html: h.calendar.days })
       ]
     )
   ]
-), fn = ({ handleDateSelect: e, blockPriorDates: t }) => pe(
-  (s, n, a) => new se({
+), un = ({ handleDateSelect: e, blockPriorDates: t }) => ye(
+  (s, n, a) => new ne({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new ln({
+    new an({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), Mo = O(
+), Io = O(
   {
     /**
      * The initial state of the DatePicker.
@@ -2475,9 +2475,9 @@ const rn = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = rn(s);
-      const n = cn(s);
-      n && (this.state.selectedDate = n, this.input.value = n, R.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
+      e.target.value = on(s);
+      const n = ln(s);
+      n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -2493,7 +2493,7 @@ const rn = (e) => {
      * @param {string} date
      */
     handleDateSelect(e) {
-      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, R.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
+      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
     },
     /**
      * Toggles the calendar popover.
@@ -2513,7 +2513,7 @@ const rn = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          hn({
+          dn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2521,7 +2521,7 @@ const rn = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          fn({
+          un({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2529,7 +2529,7 @@ const rn = (e) => {
       );
     }
   }
-), _e = ({ label: e, click: t }) => b(
+), Ye = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2542,51 +2542,51 @@ const rn = (e) => {
     variant: "icon",
     icon: e === "Previous" ? h.chevron.single.left : h.chevron.single.right
   }
-), gn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), hn = ({ 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]]"),
-  _e({ label: "Previous", click: n }),
-  _e({ label: "Next", click: s })
-]), mn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), bn = () => o(
+  Ye({ label: "Previous", click: n }),
+  Ye({ label: "Next", click: s })
+]), fn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), gn = () => o(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
-  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(mn)
-), xn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(fn)
+), mn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
   let f = "ghost", m = "";
   return n || a ? (f = "default", m = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (m = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (m += " opacity-50 cursor-not-allowed"), i && (m += " text-muted-foreground opacity-50"), b(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${m}`,
       variant: f,
       disabled: s,
-      click: (v) => {
-        v.preventDefault(), v.stopPropagation(), s || c();
+      click: (w) => {
+        w.preventDefault(), w.stopPropagation(), s || c();
       }
     },
     e.toString()
   );
-}, pn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
-  const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, W = new Date(v, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
+}, bn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
+  const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, w = t.month === 0 ? t.year - 1 : t.year, q = new Date(w, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
   for (let g = i - 1; g >= 0; g--) {
-    const d = W - g, y = A(v, m, d), I = new Date(v, m, d), T = new Date(e.year, e.month, e.date), F = I < T, q = s && F, G = a === y, K = l === y, ht = a && l && y > a && y < l;
+    const d = q - g, y = R(w, m, d), I = new Date(w, m, d), T = new Date(e.year, e.month, e.date), F = I < T, G = s && F, K = a === y, Q = l === y, ut = a && l && y > a && y < l;
     f.push({
       day: d,
       iso: y,
-      disabled: q,
-      isStart: G,
-      isEnd: K,
-      isBetween: ht,
+      disabled: G,
+      isStart: K,
+      isEnd: Q,
+      isBetween: ut,
       isOtherMonth: !0,
       click: () => n(y)
     });
   }
   for (let g = 1; g <= c; g++) {
-    const d = A(t.year, t.month, g), y = new Date(t.year, t.month, g), I = new Date(e.year, e.month, e.date), T = y < I, F = s && T, q = a === d, G = l === d, K = a && l && d > a && d < l;
+    const d = R(t.year, t.month, g), y = new Date(t.year, t.month, g), I = new Date(e.year, e.month, e.date), T = y < I, F = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
     f.push({
       day: g,
       iso: d,
       disabled: F,
-      isStart: q,
-      isEnd: G,
-      isBetween: K,
+      isStart: G,
+      isEnd: K,
+      isBetween: Q,
       isOtherMonth: !1,
       click: () => {
         n(d);
@@ -2595,14 +2595,14 @@ const rn = (e) => {
   }
   const $e = (7 - f.length % 7) % 7;
   for (let g = 1; g <= $e; g++) {
-    const d = A(Y, U, g), y = new Date(Y, U, g), I = new Date(e.year, e.month, e.date), T = y < I, F = s && T, q = a === d, G = l === d, K = a && l && d > a && d < l;
+    const d = R(Y, U, g), y = new Date(Y, U, g), I = new Date(e.year, e.month, e.date), T = y < I, F = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
     f.push({
       day: g,
       iso: d,
       disabled: F,
-      isStart: q,
-      isEnd: G,
-      isBetween: K,
+      isStart: G,
+      isEnd: K,
+      isBetween: Q,
       isOtherMonth: !0,
       click: () => n(d)
     });
@@ -2610,7 +2610,7 @@ const rn = (e) => {
   return o(
     { class: "grid grid-cols-7 gap-1" },
     f.map(
-      (g, d) => xn({
+      (g, d) => mn({
         day: g.day,
         iso: g.iso,
         disabled: g.disabled,
@@ -2622,8 +2622,8 @@ const rn = (e) => {
       })
     )
   );
-}, yn = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  gn({
+}, xn = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  hn({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2638,8 +2638,8 @@ const rn = (e) => {
     onSet: [
       "currentDate",
       () => [
-        bn(),
-        pn({
+        gn(),
+        bn({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2652,9 +2652,9 @@ const rn = (e) => {
       ]
     ]
   })
-])), wn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), pn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
-  ee.monthNames.map(
+  te.monthNames.map(
     (n, a) => b(
       {
         click: (l) => {
@@ -2666,25 +2666,25 @@ const rn = (e) => {
       n.substring(0, 3)
     )
   )
-), vn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
-  Q("selecting", (l) => b({
+), yn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
+  J("selecting", (l) => b({
     click: n,
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     o({ class: "font-medium" }, Ve("current.start", "Start Date"))
   ])),
-  Q("selecting", (l) => b({
+  J("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
     o({ class: "font-medium" }, Ve("current.end", "End Date"))
   ]))
-]), Ve = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (e) => {
+]), Ve = (e, t) => [`[[${e}]]`, (s) => s == null ? t : wn(s)], wn = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
-}, Cn = ({ currentYear: e, onSelect: t }) => {
+}, vn = ({ 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" },
@@ -2702,7 +2702,7 @@ const rn = (e) => {
     )
   );
 };
-class Sn extends S {
+class kn extends S {
   /**
    * Declare compiler props.
    *
@@ -2743,7 +2743,7 @@ class Sn extends S {
    * @returns {string}
    */
   getMonthName(t) {
-    return ee.monthNames[t];
+    return te.monthNames[t];
   }
   /**
    * Initialize component state.
@@ -2799,7 +2799,7 @@ class Sn extends S {
   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" }, [
-      vn({
+      yn({
         start: a,
         end: l,
         selecting: n,
@@ -2813,7 +2813,7 @@ class Sn extends S {
       M("view", (i) => {
         switch (i) {
           case "months":
-            return wn(
+            return pn(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2823,7 +2823,7 @@ class Sn extends S {
               }
             );
           case "years":
-            return Cn(
+            return vn(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2832,7 +2832,7 @@ class Sn extends S {
               }
             );
           default:
-            return yn({
+            return xn({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2860,35 +2860,35 @@ class Sn extends S {
     ]);
   }
 }
-const $n = ({ bind: e, required: t }) => p({
+const Cn = ({ 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
-}), Dn = ({ bind: e, required: t, toggleOpen: s }) => w({
+}), Sn = ({ bind: e, required: t, toggleOpen: s }) => v({
   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
 }, [
-  $n({ bind: e, required: t }),
-  V(({ state: n }) => [
-    u(_.date(["[[start]]", n], "Start Date")),
+  Cn({ bind: e, required: t }),
+  W(({ state: n }) => [
+    u(V.date(["[[start]]", n], "Start Date")),
     u(" - "),
-    u(_.date(["[[end]]", n], "End Date"))
+    u(V.date(["[[end]]", n], "End Date"))
   ]),
-  j({ html: h.calendar.days })
-]), In = ({ handleDateSelect: e, blockPriorDates: t }) => pe((s, n, a) => new se({
+  E({ html: h.calendar.days })
+]), $n = ({ handleDateSelect: e, blockPriorDates: t }) => ye((s, n, a) => new ne({
   cache: "dropdown",
   parent: a,
   button: a.panel,
   size: "xl"
 }, [
-  new Sn({
+  new kn({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), Po = O(
+])), To = O(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2921,15 +2921,15 @@ const $n = ({ bind: e, required: t }) => p({
      */
     render() {
       const e = (s, { state: n }) => n.toggle("open"), t = (s, n) => {
-        this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, R.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
+        this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
       };
       return o({ class: "relative w-full max-w-[320px]" }, [
-        Dn({
+        Sn({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        In({
+        $n({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2937,11 +2937,11 @@ const $n = ({ bind: e, required: t }) => p({
     }
   }
 );
-function Tn(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 Mn(e) {
+function In(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);
@@ -2955,7 +2955,7 @@ function Mn(e) {
     meridian: a
   };
 }
-function Pn({ bind: e, required: t }) {
+function Tn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2963,7 +2963,7 @@ function Pn({ bind: e, required: t }) {
     required: t
   });
 }
-function Bn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
+function Mn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
   return p({
     cache: "timeInput",
     class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
@@ -2973,32 +2973,32 @@ function Bn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function zn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
+function Pn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
   return o(
     {
       class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
     },
     [
-      Pn({ bind: e, required: t }),
-      Bn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
-      w(
+      Tn({ bind: e, required: t }),
+      Mn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      v(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
           click: s
         },
         [
-          j({ html: h.clock })
+          E({ html: h.clock })
         ]
       )
     ]
   );
 }
-function ce({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
+function de({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
   return o(
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((l) => {
       let i = a ? l.toString().padStart(2, "0") : l.toString();
-      return w({
+      return v({
         text: i,
         class: "hover:bg-muted/50 rounded-md pr-2 py-1",
         click: () => t({ [n]: i }),
@@ -3007,9 +3007,9 @@ function ce({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function On({ handleTimeSelect: e }) {
-  return pe(
-    (t, s, n) => new se(
+function Bn({ handleTimeSelect: e }) {
+  return ye(
+    (t, s, n) => new ne(
       {
         cache: "dropdown",
         parent: n,
@@ -3024,7 +3024,7 @@ function On({ handleTimeSelect: e }) {
               { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
                 // Hours column
-                ce({
+                de({
                   items: Array.from({ length: 12 }, (a, l) => l + 1),
                   handleTimeSelect: e,
                   state: n.state,
@@ -3032,7 +3032,7 @@ function On({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // Minutes column
-                ce({
+                de({
                   items: Array.from({ length: 60 }, (a, l) => l),
                   handleTimeSelect: e,
                   state: n.state,
@@ -3040,7 +3040,7 @@ function On({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // AM/PM column
-                ce({
+                de({
                   items: ["AM", "PM"],
                   handleTimeSelect: e,
                   state: n.state,
@@ -3067,7 +3067,7 @@ function We(e) {
     meridian: l
   });
 }
-const Bo = O(
+const Mo = O(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -3115,14 +3115,14 @@ const Bo = O(
      * @param {Event} e
      */
     handleInputChange(e) {
-      let t = e.target.value.replace(/[^\d]/g, ""), s = Tn(t);
-      const n = Mn(t);
+      let t = e.target.value.replace(/[^\d]/g, ""), s = Dn(t);
+      const n = In(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
         meridian: n.meridian,
         selectedTime: n.formattedTime
-      }), this.input.value = n.formattedTime, R.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
+      }), this.input.value = n.formattedTime, j.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -3140,7 +3140,7 @@ const Bo = O(
     handleTimeSelect({ hour: e, minute: t, meridian: s }) {
       if (e && (this.state.hour = e), t && (this.state.minute = t), s && (this.state.meridian = s), this.state.hour && this.state.minute && this.state.meridian) {
         const n = `${this.state.hour}:${this.state.minute} ${this.state.meridian}`;
-        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, R.trigger("change", this.input), typeof this.change == "function" && this.change(n);
+        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, j.trigger("change", this.input), typeof this.change == "function" && this.change(n);
       }
     },
     /**
@@ -3152,7 +3152,7 @@ const Bo = O(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          zn({
+          Pn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -3160,18 +3160,18 @@ const Bo = O(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          On({
+          Bn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), Nn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), zn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   x({ size: "lg" }, e)
-]), Fn = ({ title: e }) => X({ class: "flex flex-auto items-center" }, [
-  J({ class: "text-lg font-semibold" }, e)
-]), zo = r((e, t) => xt(
+]), On = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
+  X({ class: "text-lg font-semibold" }, e)
+]), Po = r((e, t) => bt(
   {
     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
@@ -3184,21 +3184,21 @@ const Bo = O(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && Nn(e.icon, e.iconColor),
+      e.icon && zn(e.icon, e.iconColor),
       o({ class: "flex flex-auto flex-col gap-4" }, [
         o({ class: "flex flex-auto flex-col gap-y-2" }, [
-          Fn(e),
+          On(e),
           // @ts-ignore
           e.description && k({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
           o({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         // @ts-ignore
-        e.buttons && ge({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
+        e.buttons && me({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
       ])
     ])
   ]
-)), Oo = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  nt({ class: "flex flex-auto flex-col" }, [
+)), Bo = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
+  st({ 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
@@ -3207,9 +3207,9 @@ const Bo = O(
           x({ size: "lg" }, e.icon)
         ])
       ]),
-      X({ class: "py-4 text-center" }, [
+      Z({ class: "py-4 text-center" }, [
         // @ts-ignore
-        J({ class: "text-xl font-bold" }, e.title),
+        X({ class: "text-xl font-bold" }, e.title),
         // @ts-ignore
         k({ class: "pb-8 text-muted-foreground" }, e.description || ""),
         ...t
@@ -3222,18 +3222,18 @@ r((e, t) => ({
   ...e,
   children: t
 }));
-r(({ value: e, label: t }) => w({
+r(({ value: e, label: t }) => v({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: e }],
   dataSet: ["performance", ["state", e, "active"]],
   click: (s, { state: n }) => n.performance = e
 }, t));
-const Ln = (e, t) => {
+const Nn = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, An = (e) => Qe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  V((t) => new qt({ class: "mr-2", onChange: (s, n) => Ln(t, n) }))
-]), Rn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
+}, Fn = (e) => Qe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+  W((t) => new Vt({ class: "mr-2", onChange: (s, n) => Nn(t, n) }))
+]), Ln = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const i = e || "justify-start";
   return Qe({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
@@ -3241,15 +3241,15 @@ const Ln = (e, t) => {
   }, [
     o({ class: `flex flex-auto w-full items-center ${i}` }, [
       u(n),
-      t && j({ class: "ml-2", html: h.arrows.upDown })
+      t && E({ class: "ml-2", html: h.arrows.upDown })
     ])
   ]);
-}, Se = (e) => pt([
-  yt({
+}, Se = (e) => xt([
+  pt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? An({ toggle: e.toggle }) : Rn({
+      (t) => t.label === "checkbox" ? Fn({ toggle: e.toggle }) : Ln({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3258,7 +3258,7 @@ const Ln = (e, t) => {
       })
     ]
   })
-]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new St({
+]), An = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new Ct({
   cache: "list",
   key: e,
   items: t,
@@ -3268,7 +3268,7 @@ const Ln = (e, t) => {
   skeleton: l,
   columnCount: i
 });
-class lt extends S {
+class ot extends S {
   /**
    * Initializes component data.
    *
@@ -3347,14 +3347,14 @@ class lt extends S {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        ye({ class: "w-full" }, [
+        we({ class: "w-full" }, [
           // @ts-ignore
           this.headers && Se({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          jn({
+          An({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3433,7 +3433,7 @@ class lt extends S {
     this.data.selectedRows = [];
   }
 }
-const En = (e) => new $t({
+const Rn = (e) => new St({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3446,7 +3446,7 @@ const En = (e) => new $t({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Hn extends lt {
+class jn extends ot {
   /**
    * Renders the DataTable component.
    *
@@ -3455,14 +3455,14 @@ class Hn extends lt {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        ye({ class: "w-full" }, [
+        we({ class: "w-full" }, [
           // @ts-ignore
           this.headers && Se({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          En({
+          Rn({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -3498,7 +3498,7 @@ class Hn extends lt {
     this.list.refresh();
   }
 }
-const No = r((e) => new Hn(
+const zo = r((e) => new jn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3529,7 +3529,7 @@ const No = r((e) => new Hn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Un = (e) => new Dt({
+)), En = (e) => new $t({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3543,7 +3543,7 @@ const No = r((e) => new Hn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Yn extends lt {
+class Hn extends ot {
   /**
    * Renders the DataTable component.
    *
@@ -3552,14 +3552,14 @@ class Yn extends lt {
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      Q("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        ye({ class: "w-full" }, [
+        we({ class: "w-full" }, [
           // @ts-ignore
           this.headers && Se({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          Un({
+          En({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3597,7 +3597,7 @@ class Yn extends lt {
     this.list.refresh();
   }
 }
-const Fo = r((e) => new Yn(
+const Oo = r((e) => new Hn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3633,25 +3633,25 @@ const Fo = r((e) => new Yn(
 )), _n = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
   k({ class: "text-base font-semibold leading-6 m-0" }, e),
   k({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
-])), Vn = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), Un = () => 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")
-]), Wn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
+]), Yn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   u("Last seen "),
-  wt({ datetime: e }, "3h ago")
-]), qn = (e, t) => e === "online" ? Vn() : Wn(t), Gn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+  yt({ datetime: e }, "3h ago")
+]), Vn = (e, t) => e === "online" ? Un() : Yn(t), Wn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
-  qn(s, t)
-])), Kn = (e) => e.split(" ").map((s) => s[0]).join(""), Qn = r((e) => xe({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+  Vn(s, t)
+])), qn = (e) => e.split(" ").map((s) => s[0]).join(""), Gn = r((e) => pe({ 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
-    Os({ src: e.image, alt: e.name, fallbackText: Kn(e.name) }),
+    Bs({ src: e.image, alt: e.name, fallbackText: qn(e.name) }),
     // @ts-ignore
     _n({ name: e.name, email: e.email })
   ]),
-  Gn({
+  Wn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3659,16 +3659,16 @@ const Fo = r((e) => new Yn(
     // @ts-ignore
     status: e.status
   })
-])), Lo = r((e) => new It({
+])), No = r((e) => new Dt({
   cache: "list",
   key: "name",
   // @ts-ignore
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Qn
+  rowItem: Gn
 }));
-class Jn extends S {
+class Kn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3685,7 +3685,7 @@ class Jn extends S {
    */
   render() {
     const t = this.state;
-    return w({
+    return v({
       class: this.class || "",
       onState: [
         ["selected", {
@@ -3729,14 +3729,14 @@ class Jn extends S {
     });
   }
 }
-const Xn = r(({ options: e, click: t }, s) => ({
+const Qn = r(({ options: e, click: t }, s) => ({
   tag: "li",
   ...{
     class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${e ? " sub" : ""}`,
     click: t
   },
   children: s
-})), Zn = (e, t = null, s = !1) => [
+})), Jn = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -3745,7 +3745,7 @@ const Xn = r(({ options: e, click: t }, s) => ({
   }, [
     x({ size: "sm" }, t)
   ]),
-  E({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
+  H({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
   s && u(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
@@ -3763,7 +3763,7 @@ const Xn = r(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class rt extends S {
+class lt extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3780,7 +3780,7 @@ class rt extends S {
    */
   render() {
     const t = !this.options && this.callBack;
-    return Xn(
+    return Qn(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3794,8 +3794,8 @@ class rt extends S {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || Zn(String(this.label), this.icon, t);
-    return this.href ? new kt(
+    const t = this.options && this.options.length > 0, s = this.content || Jn(String(this.label), this.icon, t);
+    return this.href ? new vt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3804,7 +3804,7 @@ class rt extends S {
         exact: this.exact || !1
       },
       s
-    ) : new Jn({
+    ) : new Kn({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3822,10 +3822,10 @@ class rt extends S {
     this.link.update(t);
   }
 }
-const ea = r(({ map: e }, t) => Z({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
+const Xn = r(({ map: e }, t) => ee({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
   qe({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
-class ta extends S {
+class Zn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3841,8 +3841,8 @@ class ta extends S {
    */
   render() {
     const t = this.mapOptions(this.options), s = this.class || "", n = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return be({ class: `navigation flex flex-auto flex-col ${s}` }, [
-      Z({
+    return xe({ class: `navigation flex flex-auto flex-col ${s}` }, [
+      ee({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${n}`,
         map: t
       }),
@@ -3874,7 +3874,7 @@ class ta extends S {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return ea({ map: s }, t.group);
+    return Xn({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3883,10 +3883,10 @@ class ta extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new rt(t);
+    return new lt(t);
   }
 }
-class it extends ta {
+class rt extends Zn {
   onCreated() {
     this.links = [];
   }
@@ -3897,7 +3897,7 @@ class it extends ta {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new aa(
+    return new sa(
       {
         parentLink: t,
         options: t.options
@@ -3921,7 +3921,7 @@ class it extends ta {
    * @returns {object}
    */
   addLink(t) {
-    const s = new rt(t);
+    const s = new lt(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3932,11 +3932,11 @@ class it extends ta {
     };
   }
 }
-const sa = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), na = (e, t) => {
+const ea = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), ta = (e, t) => {
   const s = e.link.panel.pathname;
-  return !s && e.isSelected() ? !0 : e.exact ? t === s : sa(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : ea(s, t);
 };
-class aa extends it {
+class sa extends rt {
   /**
    * This will declare the props for the compiler.
    *
@@ -3952,8 +3952,8 @@ class aa extends it {
    */
   render() {
     const t = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, s = this.mapOptions(this.options);
-    return be({ class: t, onState: this.onState() }, [
-      Z({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
+    return xe({ class: t, onState: this.onState() }, [
+      ee({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
     ]);
   }
   /**
@@ -3965,7 +3965,7 @@ class aa extends it {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", De.data],
+        value: ["[[path]]", oe.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -4006,7 +4006,7 @@ class aa extends it {
    * @returns {void}
    */
   afterSetup() {
-    const t = De.data.path;
+    const t = oe.data.path;
     this.updateLinks(t);
   }
   /**
@@ -4018,27 +4018,27 @@ class aa extends it {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = na(n, t), s === !0))
+      if (n.rendered && (s = ta(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const oa = (e) => me({ class: "text-lg ml-2" }, e), la = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+const na = (e) => be({ class: "text-lg ml-2" }, e), aa = (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: h.arrows.left
   }),
-  e.title && oa(e.title)
-]), ra = () => o({
+  e.title && na(e.title)
+]), oa = () => o({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (e, { state: t }) => t.open = !1
 });
-class ia extends S {
+class la extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4057,7 +4057,7 @@ class ia extends S {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      ra(),
+      oa(),
       // Popover Content
       o({
         class: `
@@ -4066,7 +4066,7 @@ class ia extends S {
         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" }, [
-          la({ title: this.title }),
+          aa({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -4104,31 +4104,31 @@ class ia extends S {
     this.container = app.root;
   }
 }
-const ct = () => b({ class: "m-2", variant: "ghost", addState() {
+const it = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   x({}, h.bar.three)
-]), ca = (e) => me({ class: "text-lg ml-2" }, e), da = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  ct(),
-  e.title && ca(e.title)
-]), dt = (e, t) => {
+]), ra = (e) => be({ class: "text-lg ml-2" }, e), ia = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  it(),
+  e.title && ra(e.title)
+]), ct = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
-      dt(s.options, t);
+      ct(s.options, t);
       return;
     }
     s.callBack = t;
   });
-}, ut = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+}, dt = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   M(
     "open",
     (t) => t ? [
-      new ia({ title: e.title }, [
-        V(({ state: s }) => {
+      new la({ title: e.title }, [
+        W(({ state: s }) => {
           const n = (a) => s.open = !1;
-          return dt(e.options, n), new it(
+          return ct(e.options, n), new rt(
             {
               options: e.options
             }
@@ -4137,23 +4137,23 @@ const ct = () => b({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), Ao = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), Fo = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    ct(),
-    ut(e)
+    it(),
+    dt(e)
   ])
-])), Ro = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), Lo = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   o({ class: "flex flex-auto flex-col w-full" }, [
-    da(e),
-    ut(e)
+    ia(e),
+    dt(e)
   ])
-])), jo = r((e) => {
+])), Ao = r((e) => {
   const t = e.margin || "m-4 ml-0";
-  return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
+  return o({ class: `flex-none ${t}` }, [
     b({ variant: "back", class: "ghost", ...e })
   ]);
 });
-class ua extends S {
+class ca extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4254,7 +4254,7 @@ Xe.addType("dockableOverlay", (e) => {
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class Eo extends ua {
+class Ro extends ca {
   /**
    * This will stop presistence.
    *
@@ -4359,7 +4359,7 @@ class Eo extends ua {
     this.state.docked = this.canDock();
   }
 }
-const ha = r(({ index: e, click: t, state: s }, n) => xe({
+const da = r(({ index: e, click: t, state: s }, n) => pe({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4368,10 +4368,10 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
     }]
   ],
   click: () => t(e)
-}, n)), fa = r(({ selectOption: e, state: t }) => Z({
+}, n)), ua = r(({ selectOption: e, state: t }) => ee({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
-  for: ["filteredOptions", (s, n) => ha({ index: n, click: e, state: t }, s.label)]
-})), ga = r((e) => o({ class: "relative flex flex-auto items-center" }, [
+  for: ["filteredOptions", (s, n) => da({ index: n, click: e, state: t }, s.label)]
+})), ha = r((e) => o({ class: "relative flex flex-auto items-center" }, [
   N({
     cache: "input",
     // @ts-ignore
@@ -4396,20 +4396,20 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), ma = (e) => o({
+])), fa = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
-      return new se({
+      return new ne({
         cache: "dropdown",
         parent: n,
         button: n.input,
         size: "xl"
       }, [
-        fa(e)
+        ua(e)
       ]);
   }]
-}), Ho = P(
+}), jo = P(
   {
     /**
      * This will set up the data object.
@@ -4506,7 +4506,7 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        ga({
+        ha({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4518,7 +4518,7 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        ma({
+        fa({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4529,7 +4529,7 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
       ]);
     }
   }
-), Uo = r((e) => {
+), Eo = r((e) => {
   const t = e.icon ?? h.magnifyingGlass.default;
   return o({
     // @ts-ignore
@@ -4565,7 +4565,7 @@ const ha = r(({ index: e, click: t, state: s }, n) => xe({
     })
   ]);
 });
-class ba extends S {
+class ga extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4583,7 +4583,7 @@ class ba extends S {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class xa extends ba {
+class ma extends ga {
   /**
    * This will be called every time the route
    * is activated.
@@ -4593,15 +4593,15 @@ class xa extends ba {
   update(t) {
   }
 }
-const pa = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
+const ba = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
   tag: "section",
   ...e,
   children: t
-})), ya = r(({ title: e, description: t }) => X({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  vt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+})), xa = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+  wt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
   t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
 ]));
-class Yo extends xa {
+class Ho extends ma {
   /**
    * This will declare the props for the compiler.
    *
@@ -4616,141 +4616,141 @@ class Yo extends xa {
    * @returns {object}
    */
   render() {
-    return pa([
-      ya({
+    return ba([
+      xa({
         title: this.title,
         description: this.description
       }),
-      Tt(this.children)
+      It(this.children)
     ]);
   }
 }
 export {
-  go as $,
-  co as A,
-  jo as B,
-  ln as C,
-  lt as D,
-  bo as E,
-  zo as F,
-  Eo as G,
-  Do as H,
-  No as I,
-  Ua as J,
-  Oo as K,
-  Oa as L,
-  to as M,
-  Fa as N,
-  te as O,
-  Aa as P,
-  La as Q,
-  Ea as R,
-  Na as S,
-  ja as T,
-  Ra as U,
-  nt as V,
-  uo as W,
-  fo as X,
-  ho as Y,
-  ws as Z,
-  xs as _,
-  Os as a,
-  Qn as a$,
-  Ht as a0,
-  ms as a1,
-  bs as a2,
-  ps as a3,
-  A as a4,
-  Yo as a5,
-  Rn as a6,
-  Za as a7,
-  de as a8,
-  rs as a9,
-  la as aA,
-  oo as aB,
+  ho as $,
+  ro as A,
+  Ao as B,
+  an as C,
+  ot as D,
+  go as E,
+  Po as F,
+  Ro as G,
+  So as H,
+  zo as I,
+  Ea as J,
+  Bo as K,
+  Ba as L,
+  Za as M,
+  Oa as N,
+  se as O,
+  Fa as P,
+  Na as Q,
+  Ra as R,
+  za as S,
+  Aa as T,
+  La as U,
+  st as V,
+  io as W,
+  uo as X,
+  co as Y,
+  ps as Z,
+  ms as _,
+  Bs as a,
+  Gn as a$,
+  jt as a0,
+  fs as a1,
+  gs as a2,
+  bs as a3,
+  R as a4,
+  Ho as a5,
+  Ln as a6,
+  Ja as a7,
+  ue as a8,
+  os as a9,
+  aa as aA,
+  no as aB,
   _a as aC,
-  Sn as aD,
-  so as aE,
-  lo as aF,
-  ro as aG,
-  Fo as aH,
-  Ho as aI,
-  ga as aJ,
-  no as aK,
-  Uo as aL,
-  xo as aM,
-  aa as aN,
+  kn as aD,
+  eo as aE,
+  ao as aF,
+  oo as aG,
+  Oo as aH,
+  jo as aI,
+  ha as aJ,
+  to as aK,
+  Eo as aL,
+  mo as aM,
+  sa as aN,
   Se as aO,
-  Ha as aP,
-  Ya as aQ,
-  vo as aR,
-  Wa as aS,
-  Bo as aT,
-  da as aU,
-  ko as aV,
-  Ma as aW,
-  io as aX,
+  ja as aP,
+  Ha as aQ,
+  yo as aR,
+  Ya as aS,
+  Mo as aT,
+  ia as aU,
+  wo as aV,
+  Ia as aW,
+  lo as aX,
   x as aY,
-  Xa as aZ,
-  Lo as a_,
-  Co as aa,
-  it as ab,
+  Qa as aZ,
+  No as a_,
+  vo as aa,
+  rt as ab,
   N as ac,
-  Et as ad,
-  za as ae,
-  So as af,
-  rt as ag,
-  pa as ah,
-  Pe as ai,
+  Rt as ad,
+  Pa as ae,
+  ko as af,
+  lt as ag,
+  ba as ah,
+  Me as ai,
   _s as aj,
-  Ao as ak,
-  Ro as al,
-  an as am,
-  Ga as an,
-  ct as ao,
-  Jn as ap,
-  ta as aq,
-  ea as ar,
-  ia as as,
-  wo as at,
-  Qa as au,
-  ua as av,
-  ba as aw,
-  Ja as ax,
-  Vs as ay,
-  se as az,
-  ra as b,
+  Fo as ak,
+  Lo as al,
+  sn as am,
+  Wa as an,
+  it as ao,
+  Kn as ap,
+  Zn as aq,
+  Xn as ar,
+  la as as,
+  po as at,
+  Ga as au,
+  ca as av,
+  ga as aw,
+  Ka as ax,
+  Us as ay,
+  ne as az,
+  oa as b,
   Ze as b0,
   O as b1,
-  Ka as b2,
-  Gs as b3,
-  gs as b4,
-  Ia as b5,
-  Da as b6,
+  qa as b2,
+  Ws as b3,
+  hs as b4,
+  $a as b5,
+  Sa as b6,
   B as b7,
-  yo as b8,
-  Ta as c,
-  xa as d,
-  $o as e,
+  xo as b8,
+  Da as c,
+  ma as d,
+  Co as e,
   b as f,
-  en as g,
-  jt as h,
-  qt as i,
-  An as j,
-  Ba as k,
-  ao as l,
-  Pa as m,
-  eo as n,
-  po as o,
-  Io as p,
-  Ws as q,
-  To as r,
-  jn as s,
-  Va as t,
-  Mo as u,
-  Po as v,
-  qa as w,
-  re as x,
-  sn as y,
-  mo as z
+  Xs as g,
+  At as h,
+  Vt as i,
+  Fn as j,
+  Ma as k,
+  so as l,
+  Ta as m,
+  Xa as n,
+  bo as o,
+  $o as p,
+  Ys as q,
+  Do as r,
+  An as s,
+  Ua as t,
+  Io as u,
+  To as v,
+  Va as w,
+  ie as x,
+  en as y,
+  fo as z
 };