@base-framework/ui 1.2.45 → 1.2.47

package/dist/{full-page-xXOODy8c.js → full-page-B94AsK9X.js}

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