@base-framework/ui 1.2.54 → 1.2.55

package/dist/{full-page-IgSz7snX.js → full-page-CI8OB56g.js}

@@ -1,10 +1,10 @@
-import { I as U, Span as f, Button as v, OnState as M, Div as o, Legend as gt, Fieldset as mt, H4 as Ke, P as k, Label as Y, Checkbox as me, Input as p, Textarea as Qe, UseParent as q, Img as be, H5 as bt, H2 as Z, Form as xt, Header as ee, Footer as xe, A as Je, H3 as pe, Nav as ye, Ul as te, Li as we, OnStateOpen as ve, On as J, Dialog as pt, Th as Xe, Thead as yt, Tr as wt, Table as ke, Time as vt, H1 as kt } from "@base-framework/atoms";
-import { Atom as i, router as X, Jot as B, Component as S, Html as Ze, Data as N, Events as H, DateTime as se, NavLink as Ct, DataTracker as et } from "@base-framework/base";
+import { I as U, Span as f, Button as v, OnState as M, Div as l, Legend as mt, Fieldset as bt, H4 as Ke, P as k, Label as Y, Checkbox as me, Input as p, Textarea as Qe, UseParent as G, Img as be, H5 as xt, H2 as Z, Form as pt, Header as ee, Footer as xe, A as Je, H3 as pe, Nav as ye, Ul as te, Li as we, OnStateOpen as ve, On as X, Dialog as yt, Th as Xe, Thead as wt, Tr as vt, Table as ke, Time as kt, H1 as Ct } from "@base-framework/atoms";
+import { Atom as i, router as q, Jot as B, Component as S, Html as Ze, Data as N, Events as H, DateTime as se, NavLink as St, DataTracker as et } from "@base-framework/base";
 import { Icons as g } from "./icons.es.js";
-import { Timer as St, TableBody as $t, DataTableBody as Dt, ScrollableTableBody as It, List as Tt } from "@base-framework/organisms";
-import { F as V } from "./format-DE4rFWuD.js";
-import { F as Pt } from "./bside-template-C7AQgQ6H.js";
-const Mt = {
+import { Timer as $t, TableBody as Dt, DataTableBody as It, ScrollableTableBody as Tt, List as Pt } from "@base-framework/organisms";
+import { F as W } from "./format-DE4rFWuD.js";
+import { F as Mt } from "./bside-template-C7AQgQ6H.js";
+const Bt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -12,8 +12,8 @@ const Mt = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, fe = i((e, t) => {
-  const s = Mt[e.size || "sm"];
+}, ge = i((e, t) => {
+  const s = Bt[e.size || "sm"];
   return U({
     ...e,
     // @ts-ignore
@@ -49,11 +49,11 @@ const Mt = {
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
 }, Be = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Te[t] || Te.sm, a = Pe[t] || Pe.sm, l = Me[s] || Me.outlined;
+  const t = e.size || "sm", s = e.variant || "outlined", n = Te[t] || Te.sm, a = Pe[t] || Pe.sm, o = Me[s] || Me.outlined;
   return f({
     ...e,
     // @ts-ignore
-    class: `inline-flex items-center justify-center ${l} ${n} ${e.class || ""}`,
+    class: `inline-flex items-center justify-center ${o} ${n} ${e.class || ""}`,
     // @ts-ignore
     style: `font-size: ${a}; ${e.style || ""}`,
     // Remove props that shouldn't be passed to the DOM element
@@ -62,14 +62,14 @@ const Mt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? fe(e, t) : typeof t == "object" && t.name ? Be({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ge(e, t) : typeof t == "object" && t.name ? Be({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
 }) : typeof t == "string" ? Be({
   ...e,
   name: t
-}) : fe(e, t) : null, Ta = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Pa = (e) => typeof e == "string" && e.includes("<svg"), ze = {
+}) : ge(e, t) : null, Ta = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Pa = (e) => typeof e == "string" && e.includes("<svg"), ze = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,30 +150,30 @@ const Mt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Bt = (e) => ze[e] || ze.gray, zt = (e, t = {}) => {
-  const s = Bt(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}`;
+}, zt = (e) => ze[e] || ze.gray, Ot = (e, t = {}) => {
+  const s = zt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, o = 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} ${o}`;
 }, Ma = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...u } = e, h = zt(s, { backgroundColor: l, textColor: r, ringColor: c });
+  const { type: s, icon: n, size: a = "xs", backgroundColor: o, textColor: r, ringColor: c, ...u } = e, h = Ot(s, { backgroundColor: o, textColor: r, ringColor: c });
   return f({ ...u, class: h }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
 let z = globalThis.history?.state?._pos ?? 0;
-const ge = /* @__PURE__ */ new Map(), le = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), Ot = (e, t) => {
+const le = /* @__PURE__ */ new Map(), re = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), tt = (e, t) => {
   if (!t) return !1;
-  const s = le(e), n = le(t);
+  const s = re(e), n = re(t);
   return s === n || s.startsWith(n + "/");
 }, Nt = (e, t) => {
-  const s = le(e);
+  const s = re(e);
   if (!t) return s;
-  const n = le(t);
+  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);
+  const o = a.startsWith("/") ? a.substring(1) : a, r = o.indexOf("/");
+  return r < 0 ? s : n + "/" + o.substring(0, r);
 }, Ft = () => {
   try {
     return /** @type {any} */ globalThis.performance?.getEntriesByType?.("navigation")?.[0]?.type === "reload";
@@ -185,10 +185,10 @@ if (typeof globalThis.history?.pushState == "function") {
   const e = globalThis.history.pushState, t = globalThis.history.replaceState;
   globalThis.history.pushState = function(s, n, a) {
     z++;
-    const l = s !== null && typeof s == "object" ? { ...s, _pos: z } : { _pos: z };
-    return e.call(this, l, n, a);
+    const o = s !== null && typeof s == "object" ? { ...s, _pos: z } : { _pos: z };
+    return e.call(this, o, n, a);
   }, globalThis.history.replaceState = function(s, n, a) {
-    const l = globalThis.history.state?._pos ?? z, r = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
+    const o = globalThis.history.state?._pos ?? z, r = s !== null && typeof s == "object" ? { ...s, _pos: o } : { _pos: o };
     return t.call(this, r, n, a);
   }, globalThis.addEventListener("popstate", (s) => {
     const n = (
@@ -216,31 +216,36 @@ const Oe = (e) => {
     } catch {
     }
 }, Lt = (e) => {
-  const t = globalThis.history?.state || {}, s = X.path || "", n = Nt(s, e), l = typeof t._entryKey == "string" && t._entryKey ? t._entryKey : `${e || ""}|${n}|${z}`, r = ge.get(l);
-  if (r && Ot(s, r.basePath))
+  const t = globalThis.history?.state || {}, s = q.path || "", n = Nt(s, e), o = typeof t._entryKey == "string" && t._entryKey ? t._entryKey : `${e || ""}|${n}|${z}`, r = le.get(o);
+  if (r && tt(s, r.basePath))
     return Oe(r), r;
-  const c = t._entryPos, u = t._entrySourcePath, h = t._entryBasePath, y = typeof c == "number" ? c : z, R = typeof u == "string" || u === null ? u : X.lastPath || null, P = {
-    key: l,
+  const c = t._entryPos, u = t._entrySourcePath, h = t._entryBasePath, y = typeof c == "number" ? c : z, R = typeof u == "string" || u === null ? u : q.lastPath || null, P = {
+    key: o,
     pos: y,
     sourcePath: R,
     basePath: typeof h == "string" && h ? h : n
   };
-  return Oe(P), ge.set(l, P), P;
+  return Oe(P), le.set(o, P), P;
 }, Rt = (e) => {
-  ge.delete(e || "");
+  const t = globalThis.history?.state?._entryKey;
+  typeof t == "string" && t && le.delete(t), e && le.delete(e);
 }, At = (e) => {
   const t = Ft(), s = Lt(e.backUrl);
   return () => {
     Rt(e.backUrl);
-    const n = z - s.pos + 1;
+    const n = z - s.pos + 1, a = s.sourcePath, o = typeof a == "string" && a.length > 0 && !tt(a, s.basePath);
     if (!t && s.pos > 0) {
       globalThis.history.go(-n);
       return;
     }
-    e.backUrl && X.navigate(e.backUrl);
+    if (o) {
+      q.navigate(a);
+      return;
+    }
+    e.backUrl && q.navigate(e.backUrl);
   };
 };
-class tt extends S {
+class st extends S {
   /**
    * This will set the component context.
    *
@@ -256,9 +261,9 @@ class tt extends S {
 }
 const F = (e) => (
   /** @type {VeilComponentConstructor} */
-  B(e, tt)
+  B(e, st)
 );
-class Ba extends tt {
+class Ba extends st {
   /**
    * Declare public props and their defaults.
    */
@@ -292,10 +297,10 @@ class Ba extends tt {
     const t = this.size, s = this.icon, n = this.activeIcon || this.icon, a = (() => {
       if (this.dataKey) {
         let r = `[[${this.dataKey}]]`;
-        return this.formatType === "number" ? r = V.number(r, "0") : this.formatType === "money" ? r = V.roundMoney(r) : this.formatType === "date" ? r = V.date(r) : this.formatType === "percent" && (r = V.percentage(r)), f({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, r);
+        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)), f({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, r);
       }
       return this.value !== null && this.value !== void 0 ? f({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
-    })(), l = this.fill;
+    })(), o = this.fill;
     return v({
       click: () => this.handleToggle(),
       // @ts-ignore
@@ -303,13 +308,13 @@ class Ba extends tt {
     }, [
       M(
         "active",
-        (r) => x({ size: t, variant: r && l ? "filled" : "outlined" }, r ? n : s)
+        (r) => x({ size: t, variant: r && o ? "filled" : "outlined" }, r ? n : s)
       ),
       a
     ]);
   }
 }
-const re = {
+const ie = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
   md: "w-10 h-10",
@@ -348,11 +353,11 @@ class za extends S {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = re[this.size] || re.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, u = this.circle ?? !1, h = this.fill;
+    const t = this.icon, s = this.activeIcon || this.icon, n = ie[this.size] || ie.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", o = this.class ?? "bg-background/40 backdrop-blur-sm", r = "text-foreground", c = this.activeClass || r, u = this.circle ?? !1, h = this.fill;
     return v({
       click: () => this.handleToggle(),
       // @ts-ignore
-      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${u ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
+      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${o}${u ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
       M("active", (y) => [
         x({
@@ -365,7 +370,7 @@ class za extends S {
   }
 }
 const Oa = i((e, t) => {
-  const s = e.size || "md", n = re[s] || re.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
+  const s = e.size || "md", n = ie[s] || ie.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return v({
     ...e,
     // @ts-ignore
@@ -380,7 +385,7 @@ const Oa = i((e, t) => {
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), st = i(
+}, s)), nt = i(
   (e, t) => v({
     ...e,
     // @ts-ignore
@@ -392,12 +397,12 @@ const Oa = i((e, t) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), Ne = (e) => i((t, s) => st({
+), Ne = (e) => i((t, s) => nt({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), st({
+}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), nt({
   ...e,
   ...t
 }, s))), Et = i((e, t) => {
@@ -431,35 +436,35 @@ const Oa = i((e, t) => {
   circleIcon: Et
 }, b = i((e, t) => (Fe[e.variant] || Fe.primary)(e, t)), Na = i((e, t) => b({ ...e, variant: "withIcon", icon: g.loading, animation: "animate-spin" }, t)), _t = 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({
+  return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), l({
     ...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);
-}), Ht = i((e, t) => gt({
+}), Ht = i((e, t) => mt({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
 }, t)), Fa = i((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return mt({
+  return bt({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
     e.legend && Ht(e.legend),
-    o({ class: "flex flex-auto flex-col gap-y-6" }, t)
+    l({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
 }), Ut = i((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
-  return o({
+  return l({
     ...e,
     // @ts-ignore
     class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.label && o({
+    e.label && l({
       // @ts-ignore
       ...e.labelProps,
       // @ts-ignore
@@ -471,9 +476,9 @@ const Oa = i((e, t) => {
       e.description && k({ class: "text-sm text-muted-foreground" }, e.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
-    o({ class: "flex flex-col gap-y-4" }, t)
+    l({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), Yt = "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", W = "placeholder:text-muted-foreground", Ce = `${Yt} ${D} ${$} ${W} ${C}`, Wt = ({ id: e, checked: t, bind: s, required: n }) => me({
+}), Yt = "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", V = "placeholder:text-muted-foreground", Ce = `${Yt} ${D} ${$} ${V} ${C}`, Vt = ({ id: e, checked: t, bind: s, required: n }) => me({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -483,7 +488,7 @@ const Oa = i((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Vt = () => f({ class: "absolute text-xs pointer-events-none" }, [
+}), Wt = () => f({ class: "absolute text-xs pointer-events-none" }, [
   M(
     "checked",
     (e) => e ? U({
@@ -491,7 +496,7 @@ const Oa = i((e, t) => {
       html: g.check
     }) : null
   )
-]), qt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), qt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => l({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${$}
@@ -511,8 +516,8 @@ const Oa = i((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Wt({ bind: t, checked: s, id: e, required: n }),
-  Vt()
+  Vt({ bind: t, checked: s, id: e, required: n }),
+  Wt()
 ]), Gt = ({ id: e, label: t, clickHandler: s }) => Y({
   class: "text-base cursor-pointer",
   htmlFor: e,
@@ -555,7 +560,7 @@ const Oa = i((e, t) => {
      */
     render() {
       const e = this.getId(), t = (s) => this.clickHandler(s);
-      return o({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
+      return l({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
         qt({
           id: e,
           // @ts-ignore
@@ -634,7 +639,7 @@ const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ?
   html: g.chevron.single.down
 }), ne = i((e) => {
   const t = Se(e);
-  return o({ class: "relative" }, [
+  return l({ class: "relative" }, [
     p({
       ...e,
       id: t,
@@ -680,7 +685,7 @@ const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ?
   })
 ), _a = i((e) => {
   const t = Se(e);
-  return o({ class: "relative" }, [
+  return l({ class: "relative" }, [
     Qe({
       ...e,
       id: t,
@@ -691,14 +696,14 @@ const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ?
   ]);
 }), Ha = i((e) => {
   const t = Se(e), { options: s, onCreated: n, ...a } = e;
-  return o({ class: "relative" }, [
+  return l({ class: "relative" }, [
     {
       tag: "select",
       ...a,
       id: t,
       class: `[&>option]:text-foreground [&>option]:bg-background ${es} ${a.class || ""}`.trim(),
-      onCreated(l) {
-        s && Ze.setupSelectOptions(l, s), typeof n == "function" && n(l);
+      onCreated(o) {
+        s && Ze.setupSelectOptions(o, s), typeof n == "function" && n(o);
       }
     },
     os(),
@@ -734,12 +739,12 @@ const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Wa = i((e) => Qe({
+})), Va = i((e) => Qe({
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${W} ${C} ${e.class || ""}`.trim()
-})), Va = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
+  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${V} ${C} ${e.class || ""}`.trim()
+})), Wa = (e = {}) => l({ class: "flex items-center gap-x-2" }, [
   p({
     ...e,
     type: "radio",
@@ -750,27 +755,27 @@ const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ?
   ...e,
   type: "date",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${V} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ga = i((e) => p({
   ...e,
   type: "time",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${V} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ka = i((e) => p({
   ...e,
   type: "datetime-local",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${V} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Qa = i((e) => p({
   ...e,
   type: "month",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${V} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ja = i((e) => p({
   ...e,
   type: "week",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${V} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Xa = i((e) => L({
   ...e,
   type: "number"
@@ -834,17 +839,17 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
      * @returns {object}
      */
     render() {
-      return o({ class: "relative w-full h-4 flex items-center" }, [
+      return l({ class: "relative w-full h-4 flex items-center" }, [
         // Track
-        o({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        q(({ state: e }) => [
+        l({ class: "absolute h-2 w-full rounded-full bg-muted" }),
+        G(({ state: e }) => [
           // Filled Track
-          o({
+          l({
             class: "absolute h-2 bg-primary rounded-full",
             style: ["width: [[filledPercentage]]%", e]
           }),
           // Thumb
-          o({
+          l({
             class: `
 						absolute block h-5 w-5 rounded-full border-2 border-primary bg-background
 						ring-offset-background transition-colors focus-visible:outline-none
@@ -886,12 +891,12 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${Ce} ${n.class || ""}`.trim()
   };
-}), cs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: l = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : be({
+}), cs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: o = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : be({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
   loading: a,
-  decoding: l,
+  decoding: o,
   fetchPriority: r,
   load: (c) => c.target.style.visibility = "visible",
   /**
@@ -899,7 +904,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
    */
   error: (c) => c.target.style.visibility = "hidden"
 })), ds = (e) => !e || isNaN(e) ? null : e, Le = (e, t) => {
-  const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, r = `
+  const s = e, n = 16, a = 2 * Math.PI * n, o = 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
@@ -922,7 +927,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 			stroke-width="4"
 			class="stroke-primary"
 			stroke-dasharray="${a}"
-			stroke-dashoffset="${a - l}"
+			stroke-dashoffset="${a - o}"
 			stroke-linecap="round"
 			class="${t}"
 		/>
@@ -937,13 +942,13 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 		</text>
 	</svg>
 	`;
-  return o({
+  return l({
     class: "circle-graph text-inherit",
     html: r
   });
 }, lo = i((e) => {
   const t = e.progress || 0, s = e.class || "", n = Le(t, s);
-  return o({
+  return l({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
@@ -951,7 +956,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       (a) => (a = ds(a), a ? Le(a, s) : n)
     ]
   }, [n]);
-}), us = () => q(({ state: e }) => o({
+}), us = () => G(({ state: e }) => l({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
 })), ro = F(
@@ -962,7 +967,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
      * @returns {object}
      */
     render() {
-      return o({ class: "relative w-full h-4 rounded-full bg-muted" }, [
+      return l({ class: "relative w-full h-4 rounded-full bg-muted" }, [
         us()
       ]);
     },
@@ -1012,17 +1017,17 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     background: s = !0,
     blur: n = !0,
     backgroundClass: a = "bg-background/95",
-    blurClass: l = "backdrop-blur",
+    blurClass: o = "backdrop-blur",
     zIndexClass: r = "z-9999",
     style: c = ""
   } = e, u = [
     "sticky bottom-0 left-0 right-0 w-full",
     r,
     s ? a : "",
-    n ? l : "",
+    n ? o : "",
     t
   ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
-  return o({
+  return l({
     class: u,
     style: h,
     "aria-hidden": "true"
@@ -1033,17 +1038,17 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     background: s = !0,
     blur: n = !0,
     backgroundClass: a = "bg-background/95",
-    blurClass: l = "backdrop-blur",
+    blurClass: o = "backdrop-blur",
     zIndexClass: r = "z-9999",
     style: c = ""
   } = e, u = [
     "fixed top-0 left-0 right-0 w-full",
     r,
     s ? a : "",
-    n ? l : "",
+    n ? o : "",
     t
   ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
-  return o({
+  return l({
     class: u,
     style: h,
     "aria-hidden": "true"
@@ -1059,7 +1064,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
 }, hs = (e) => Re[String(e)] || Re.top, uo = i(({ position: e = "top", content: t }, s) => {
   const n = hs(e);
-  return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
+  return Array.isArray(s) === !1 && (s = [s]), l({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
     f({
@@ -1095,21 +1100,21 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, fs = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, fs = (e, t) => l({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), gs = (e) => bt({ class: "font-semibold" }, e), ms = (e) => k({ class: "text-sm text-muted-foreground" }, e), ho = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
-  const { borderColor: a, bgColor: l, iconColor: r } = Ae[n] || Ae.default;
-  return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
+]), gs = (e) => xt({ class: "font-semibold" }, e), ms = (e) => k({ class: "text-sm text-muted-foreground" }, e), ho = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
+  const { borderColor: a, bgColor: o, iconColor: r } = Ae[n] || Ae.default;
+  return l({ class: `flex items-start p-4 border rounded-lg ${o} ${a}` }, [
     // Icon and content
     s && fs(s, r),
-    o({ class: "flex flex-col" }, [
+    l({ class: "flex flex-col" }, [
       gs(e),
       ms(t)
     ])
   ]);
 }), bs = (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, u = s.bottom + r;
+  const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, o = globalThis.scrollX, r = globalThis.scrollY;
+  let c = s.left + o, u = s.bottom + r;
   const h = globalThis.innerHeight - s.bottom, y = s.top;
   return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), h < n.height && y > h ? u = s.top + r - n.height - a : h < n.height && (u = s.bottom + r - (n.height - h) - a), { x: c, y: u };
 };
@@ -1161,7 +1166,7 @@ class ae extends S {
    */
   render() {
     const t = this.getSize();
-    return o({
+    return l({
       class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
       popover: "manual",
       toggle: (s, { state: n }) => s.newState === "closed" ? n.open = !1 : null,
@@ -1242,7 +1247,7 @@ class ae extends S {
     this?.panel?.hidePopover();
   }
 }
-const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ps = i((e, t) => Y({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ys = i((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ws = i((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), fo = i((e, t = []) => _t({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ps = i((e, t) => Y({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ys = i((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ws = i((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), fo = i((e, t = []) => _t({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
   // @ts-ignore
   e.title && Z({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
@@ -1251,12 +1256,12 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 ])), go = i((e, t = []) => (
   // @ts-ignore
   Ut({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
-    o({ class: "flex flex-col gap-y-6" }, t)
+    l({ class: "flex flex-col gap-y-6" }, t)
   ])
 )), mo = 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);
-}), vs = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", nt = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = nt(n.children, t, s)), !n.required) ? n : vs(n) ? {
+  return l({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
+}), vs = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", at = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = at(n.children, t, s)), !n.required) ? n : vs(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
@@ -1264,12 +1269,12 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   invalid: s,
   input: t
 } : n), ks = i((e, t) => {
-  const a = nt(t, (l) => {
-    l.target.checkValidity() && e.setError(null);
-  }, (l) => {
-    e.setError(l.target.validationMessage);
+  const a = at(t, (o) => {
+    o.target.checkValidity() && e.setError(null);
+  }, (o) => {
+    e.setError(o.target.validationMessage);
   });
-  return o({
+  return l({
     ...e,
     class: "w-full"
   }, a);
@@ -1294,10 +1299,10 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
      * @returns {object}
      */
     render() {
-      const e = this.name, t = this.getId(`${e}`), { label: s, description: n } = this, a = (l) => {
-        this.state.error = l, this.state.hasError = !!l;
+      const e = this.name, t = this.getId(`${e}`), { label: s, description: n } = this, a = (o) => {
+        this.state.error = o, this.state.hasError = !!o;
       };
-      return o({ class: "flex flex-auto gap-y-4" }, [
+      return l({ class: "flex flex-auto gap-y-4" }, [
         xs([
           ps({ htmlFor: t }, s),
           ks({
@@ -1307,32 +1312,32 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
             setError: a
           }, this.children),
           n && ys({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && ws(l)] })
+          l({ onState: ["error", (o) => o && ws(o)] })
         ])
       ]);
     }
   }
 ), Cs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, at = i(
+}, ot = i(
   (e, t) => (
     // @ts-ignore
-    xt({ ...e, submit: (s, n) => Cs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    pt({ ...e, submit: (s, n) => Cs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
 ), xo = 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)
-)), po = i((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+  l({ ...e, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)
+)), po = i((e, t = []) => l({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
   e.title && Z({ class: "font-semibold" }, e.title),
   ...t
-])), yo = (e, t) => o({ class: "flex justify-between" }, [
+])), yo = (e, t) => l({ class: "flex justify-between" }, [
   f({ class: "text-muted-foreground" }, e),
   f(t)
-]), wo = (e, t) => o({ class: "flex" }, [
+]), wo = (e, t) => l({ class: "flex" }, [
   f({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   f(t)
-]), Ss = 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" }, [
+]), Ss = i(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: o = !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)
    */
@@ -1345,34 +1350,34 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   /**
    * Icon Container
    */
-  n && o({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [
+  n && l({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [
     x({ size: "md" }, n)
   ]),
-  o({ class: "flex flex-auto flex-row justify-between ml-2 gap-2 min-w-0" }, [
-    o({ class: `flex flex-auto flex-col min-w-0 ${l ? "items-center" : ""}` }, [
+  l({ class: "flex flex-auto flex-row justify-between ml-2 gap-2 min-w-0" }, [
+    l({ class: `flex flex-auto flex-col min-w-0 ${o ? "items-center" : ""}` }, [
       Z({ class: "text-lg font-semibold m-0 truncate" }, e),
-      t && o({ class: "text-sm text-muted-foreground truncate" }, t)
+      t && l({ class: "text-sm text-muted-foreground truncate" }, t)
     ]),
-    o({ class: "flex flex-none items-center gap-2" }, a)
+    l({ class: "flex flex-none items-center gap-2" }, a)
   ])
 ])), vo = i((e, t) => {
   const s = e.class?.includes("drawer");
-  return o({
+  return l({
     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, r) => {
-      l.target === r.panel && (l.preventDefault(), l.stopPropagation(), r.state.open = !1);
+    click: (o, r) => {
+      o.target === r.panel && (o.preventDefault(), o.stopPropagation(), r.state.open = !1);
     }
   }, [
-    at({
+    ot({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
-      submit: (l, r) => e.onSubmit && e.onSubmit(r),
+      submit: (o, r) => e.onSubmit && e.onSubmit(r),
       cache: "modalContent"
     }, [
       Ss(e),
-      o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
+      l({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
       !e.hideFooter && xe({ 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)
     ])
@@ -1411,7 +1416,7 @@ const xs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), Is = i(({ close: e, class: t }, s) => o({
+}, s)), Is = i(({ close: e, class: t }, s) => l({
   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",
@@ -1441,14 +1446,14 @@ class ko extends S {
    * @returns {object}
    */
   render() {
-    const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
+    const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, o = this.getChildren(n);
     return a ? Ds({
       href: a,
       class: `${t} ${s}`
-    }, l) : Is({
+    }, o) : Is({
       close: this.close.bind(this),
       class: `${t} ${s}`
-    }, l);
+    }, o);
   }
   /**
    * This will be called after the component is set up.
@@ -1457,7 +1462,7 @@ class ko extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new St(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new $t(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1475,7 +1480,7 @@ class ko extends S {
    */
   getButtons() {
     return [
-      o({ class: "flex flex-row mt-6 gap-2" }, [
+      l({ class: "flex flex-row mt-6 gap-2" }, [
         this.secondary && b({ variant: "outline", click: () => this.secondaryAction && this.secondaryAction() }, this.secondary),
         this.primary && b({ click: () => this.primaryAction && this.primaryAction() }, this.primary)
       ])
@@ -1489,12 +1494,12 @@ class ko extends S {
    */
   getChildren(t) {
     return [
-      o({ class: "flex items-start" }, [
-        this.icon && o({ class: `mr-4 ${t}` }, [
+      l({ class: "flex items-start" }, [
+        this.icon && l({ class: `mr-4 ${t}` }, [
           x({ size: "md" }, this.icon)
         ]),
-        o({ class: "flex flex-auto flex-col" }, [
-          o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
+        l({ class: "flex flex-auto flex-col" }, [
+          l({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
             this.title && $s(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
@@ -1519,7 +1524,7 @@ class ko extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v({
+const Ee = globalThis.matchMedia, ce = 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"]],
@@ -1545,11 +1550,11 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {object}
      */
     render() {
-      return o({ class: "flex flex-auto flex-col" }, [
-        o({ class: "grid grid-cols-3 gap-4" }, [
-          ie({ label: "System", value: "system", icon: g.adjustments.horizontal }),
-          ie({ label: "Light", value: "light", icon: g.sun }),
-          ie({ label: "Dark", value: "dark", icon: g.moon })
+      return l({ class: "flex flex-auto flex-col" }, [
+        l({ class: "grid grid-cols-3 gap-4" }, [
+          ce({ label: "System", value: "system", icon: g.adjustments.horizontal }),
+          ce({ label: "Light", value: "light", icon: g.sun }),
+          ce({ label: "Dark", value: "dark", icon: g.moon })
         ])
       ]);
     },
@@ -1620,8 +1625,8 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ms = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), ot = (e) => !e || e.length < 2 ? e : Ms(e), Bs = (e) => f([e, (t, s) => {
-  s.textContent = ot(t);
+})), Ms = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), lt = (e) => !e || e.length < 2 ? e : Ms(e), Bs = (e) => f([e, (t, s) => {
+  s.textContent = lt(t);
 }]), _e = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -1643,8 +1648,8 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "4xl": "text-5xl",
   default: "text-base"
 }, zs = (e) => _e[e] || _e.default, Os = (e) => He[e] || He.default, Ns = (e, t = null, s = "md") => {
-  const n = ot(String(e)), a = Os(s);
-  return o(
+  const n = lt(String(e)), a = Os(s);
+  return l(
     {
       class: `
 			flex items-center justify-center w-full h-full rounded-full
@@ -1657,10 +1662,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     ]
   );
 }, Fs = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = zs(a);
-  return o(
+  const o = zs(a);
+  return l(
     {
-      class: `relative flex items-center justify-center ${l}`
+      class: `relative flex items-center justify-center ${o}`
     },
     [
       Ps({ src: e, alt: t }),
@@ -1705,7 +1710,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       const e = "image-upload", t = this.onChange || null;
-      return o({ class: "flex-none items-center" }, [
+      return l({ class: "flex-none items-center" }, [
         p({
           id: e,
           cache: "input",
@@ -1717,7 +1722,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             n && t && (this.state.loaded = !1, t(n, this.parent), this.src = this.getFileUrl(n), this.state.loaded = !0);
           }
         }),
-        o({
+        l({
           class: "relative w-32 h-32 rounded-full border flex items-center justify-center cursor-pointer hover:bg-muted transition-colors duration-150 overflow-hidden group",
           click: (s) => {
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
@@ -1727,8 +1732,8 @@ const Ee = globalThis.matchMedia, ie = i(({ 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"
           }, [
-            fe(g.upload),
-            o("Upload Image")
+            ge(g.upload),
+            l("Upload Image")
           ]) : be({
             // @ts-ignore
             src: this.src,
@@ -1776,7 +1781,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       const e = "logo-upload", t = this.onChange || null;
-      return o({ class: "flex-none items-center" }, [
+      return l({ class: "flex-none items-center" }, [
         p({
           id: e,
           cache: "input",
@@ -1788,7 +1793,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             n && t && (this.state.loaded = !1, t(n, this.parent), this.src = this.getFileUrl(n), this.state.loaded = !0);
           }
         }),
-        o({
+        l({
           class: "relative w-32 h-32 rounded-full border flex items-center justify-center cursor-pointer hover:bg-muted transition-colors duration-150 overflow-hidden group",
           click: (s) => {
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
@@ -1805,7 +1810,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
               x({}, g.upload),
-              o("Upload logo")
+              l("Upload logo")
             ])
           )
         ])
@@ -1832,7 +1837,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, g.chevron.single.right), As = (e) => o({ class: "flex items-center" }, [
+}, g.chevron.single.right), As = (e) => l({ class: "flex items-center" }, [
   e.href ? Ls(e.href, e.label) : f(e.label),
   e.separator && Rs()
 ]), Io = B(
@@ -1861,7 +1866,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
           class: "flex items-center gap-x-1 text-sm"
         },
         [
-          o({
+          l({
             role: "list",
             class: "flex items-center",
             for: ["items", (t, s) => As({
@@ -1883,7 +1888,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, js = (e) => Ye[e] || Ye.default, Es = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, js = (e) => Ye[e] || Ye.default, Es = ({ index: e, size: t }) => l({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   f({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -1920,10 +1925,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       const e = this.gap || "gap-2", t = js(this.size || "sm"), s = _s(this.data.count, t);
-      return o(
+      return l(
         { class: "flex justify-center items-center py-2" },
         [
-          o({ class: `flex ${e}` }, s)
+          l({ class: `flex ${e}` }, s)
         ]
       );
     }
@@ -1945,9 +1950,9 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 }, [
   e.icon && f({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
   f({ class: "text-base font-normal" }, e.label)
-]), Ys = (e, t) => o({ class: "w-full border rounded-md" }, [
+]), Ys = (e, t) => l({ class: "w-full border rounded-md" }, [
   te({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Us(s, e, t)] })
-]), Ws = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
+]), Vs = ({ onSelect: e, state: t }) => l({ class: "flex flex-auto flex-col" }, [
   M(
     "open",
     (s, n, a) => s ? new ae({
@@ -2037,10 +2042,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       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}` }, [
+      return l({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
         Hs({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        Ws({
+        Vs({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -2060,25 +2065,25 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), lt = ({ icon: e, click: t, ariaLabel: s }) => b({
+), rt = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Vs = ({ click: e }) => lt({
+}), Ws = ({ click: e }) => rt({
   icon: g.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), qs = ({ click: e }) => lt({
+}), qs = ({ click: e }) => rt({
   icon: g.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Gs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => q(({ state: a }) => p({
+}), Gs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => G(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
-  blur: (l, { state: r }) => {
-    let c = parseInt(l.target.value, 10);
+  blur: (o, { state: r }) => {
+    let c = parseInt(o.target.value, 10);
     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",
@@ -2109,8 +2114,8 @@ const Ee = globalThis.matchMedia, ie = i(({ 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}` }, [
-        Vs({ click: () => this.state.decrement("count") }),
+      return l({ class: `flex flex-auto items-center justify-between gap-x-4 p-4 ${e}` }, [
+        Ws({ click: () => this.state.decrement("count") }),
         Gs({
           bind: this.bind,
           readonly: this.readonly,
@@ -2121,13 +2126,13 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), Ks = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Ks = ({ currentMonth: e, currentYear: t, onSelect: s }) => l(
   { class: "grid grid-cols-3 gap-2" },
   se.monthNames.map(
     (n, a) => b(
       {
-        click: (l) => {
-          l.preventDefault(), l.stopPropagation(), s(a);
+        click: (o) => {
+          o.preventDefault(), o.stopPropagation(), s(a);
         },
         variant: e === a ? "primary" : "ghost",
         "aria-label": `Select ${n} ${t}`
@@ -2138,13 +2143,13 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ), O = (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), _ = (e, t, s) => `${e}-${O(t + 1)}-${O(s)}`, Js = (e) => e ? "bg-accent text-primary" : "", Xs = (e) => e ? "text-muted-foreground opacity-50" : "", Zs = (e, t) => e === t, en = (e, t) => Zs(e, t) ? "bg-primary text-primary-foreground" : "", tn = (e, t, s, n) => {
   const a = en(t, n);
   return a || (e ? Js(e) : s ? Xs(s) : "text-foreground");
-}, ce = (e) => {
+}, de = (e) => {
   const {
     day: t,
     currentDate: s,
     date: n,
     isToday: a,
-    isOutsideMonth: l,
+    isOutsideMonth: o,
     select: r,
     disabled: c
   } = e;
@@ -2152,7 +2157,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
-				${tn(a, s, l, n)}
+				${tn(a, s, o, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -2163,12 +2168,12 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     },
     t.toString()
   );
-}, de = (e, t, s, n) => e === n.date && t === n.month && s === n.year, sn = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, r = _(a, l, e.date), c = new Date(a, l, 1).getDay(), u = new Date(a, l + 1, 0).getDate(), h = new Date(a, l, 0).getDate(), y = [], R = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
+}, ue = (e, t, s, n) => e === n.date && t === n.month && s === n.year, sn = (e, t, s, n = !1) => {
+  const { year: a, month: o } = e, r = _(a, o, e.date), c = new Date(a, o, 1).getDay(), u = new Date(a, o + 1, 0).getDate(), h = new Date(a, o, 0).getDate(), y = [], R = o === 0 ? 11 : o - 1, A = o === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
-    const w = h - d, I = de(w, R, A, t), T = new Date(A, R, w) < new Date(t.year, t.month, t.date), j = n && T;
+    const w = h - d, I = ue(w, R, A, t), T = new Date(A, R, w) < new Date(t.year, t.month, t.date), j = n && T;
     y.push(
-      ce({
+      de({
         day: w,
         currentDate: r,
         date: _(A, R, w),
@@ -2180,12 +2185,12 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     );
   }
   for (let d = 1; d <= u; d++) {
-    const w = de(d, l, a, t), I = new Date(a, l, d) < new Date(t.year, t.month, t.date), T = n && I;
+    const w = ue(d, o, a, t), I = new Date(a, o, d) < new Date(t.year, t.month, t.date), T = n && I;
     y.push(
-      ce({
+      de({
         day: d,
         currentDate: r,
-        date: _(a, l, d),
+        date: _(a, o, d),
         isToday: w,
         isOutsideMonth: !1,
         select: s,
@@ -2193,11 +2198,11 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       })
     );
   }
-  const P = l === 11 ? 0 : l + 1, oe = l === 11 ? a + 1 : a, m = (7 - y.length % 7) % 7;
+  const P = o === 11 ? 0 : o + 1, oe = o === 11 ? a + 1 : a, m = (7 - y.length % 7) % 7;
   for (let d = 1; d <= m; d++) {
-    const w = de(d, P, oe, t), I = new Date(oe, P, d) < new Date(t.year, t.month, t.date), T = n && I;
+    const w = ue(d, P, oe, t), I = new Date(oe, P, d) < new Date(t.year, t.month, t.date), T = n && I;
     y.push(
-      ce({
+      de({
         day: d,
         currentDate: r,
         date: _(oe, P, d),
@@ -2209,7 +2214,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     );
   }
   return y;
-}, We = ({ label: e, click: t }) => b(
+}, Ve = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2222,28 +2227,28 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     variant: "icon",
     icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
   }
-), nn = ({ 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" }, [
+), nn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => l({ 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]]"),
-  We({ label: "Previous", click: n }),
-  We({ label: "Next", click: s })
-]), an = (e) => o(
+  Ve({ label: "Previous", click: n }),
+  Ve({ label: "Next", click: s })
+]), an = (e) => l(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), on = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(an), ln = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+), on = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(an), ln = (e) => l({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
   nn({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
     previous: e.previous
   }),
-  o({
+  l({
     class: "flex flex-auto flex-col w-full",
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, on()),
-        o(
+        l({ class: "grid grid-cols-7" }, on()),
+        l(
           { class: "grid grid-cols-7" },
           sn(
             e.current,
@@ -2256,19 +2261,19 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     ]
   })
 ]), rn = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
-  const n = t - 50, a = Array.from({ length: 101 }, (l, r) => n + r);
-  return o(
+  const n = t - 50, a = Array.from({ length: 101 }, (o, r) => n + r);
+  return l(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
-      (l) => b(
+      (o) => b(
         {
           click: (r) => {
-            r.preventDefault(), r.stopPropagation(), s(l);
+            r.preventDefault(), r.stopPropagation(), s(o);
           },
-          variant: l === t ? "primary" : "ghost",
-          "aria-label": `Select ${l}`
+          variant: o === t ? "primary" : "ghost",
+          "aria-label": `Select ${o}`
         },
-        l.toString()
+        o.toString()
       )
     )
   );
@@ -2382,7 +2387,7 @@ class cn extends S {
    * @returns {object}
    */
   render() {
-    return o({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
+    return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
       M("view", (t) => {
         switch (t) {
           case "months":
@@ -2451,13 +2456,13 @@ const dn = (e) => {
   input: t,
   focus: s,
   onState: ["selectedDate", (n) => n ? se.format("standard", n) : ""]
-}), gn = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
+}), gn = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: o }) => l(
   {
     class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
   },
   [
     hn({ bind: e, required: t }),
-    fn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    fn({ placeholder: o, handleInputChange: n, handleInputFocus: a }),
     v(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
@@ -2545,7 +2550,7 @@ const dn = (e) => {
      * @returns {object}
      */
     render() {
-      return o(
+      return l(
         { class: "relative w-full max-w-[320px]" },
         [
           gn({
@@ -2564,7 +2569,7 @@ const dn = (e) => {
       );
     }
   }
-), Ve = ({ label: e, click: t }) => b(
+), We = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2577,17 +2582,17 @@ const dn = (e) => {
     variant: "icon",
     icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
   }
-), bn = ({ 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" }, [
+), bn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => l({ 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]]"),
-  Ve({ label: "Previous", click: n }),
-  Ve({ label: "Next", click: s })
-]), xn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), pn = () => o(
+  We({ label: "Previous", click: n }),
+  We({ label: "Next", click: s })
+]), xn = (e) => l({ class: "h-9 flex items-center justify-center font-medium" }, e), pn = () => l(
   { 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(xn)
-), yn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: r, click: c }) => {
+), yn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: o, isOtherMonth: r, click: c }) => {
   let u = "ghost", h = "";
-  return n || a ? (u = "default", h = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (h = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (h += " opacity-50 cursor-not-allowed"), r && (h += " text-muted-foreground opacity-50"), b(
+  return n || a ? (u = "default", h = "bg-primary text-primary-foreground hover:bg-primary/90") : o && (h = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (h += " opacity-50 cursor-not-allowed"), r && (h += " text-muted-foreground opacity-50"), b(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${h}`,
       variant: u,
@@ -2599,29 +2604,29 @@ const dn = (e) => {
     e.toString()
   );
 }, wn = ({ 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(), u = [], h = t.month === 0 ? 11 : t.month - 1, y = t.month === 0 ? t.year - 1 : t.year, R = new Date(y, h + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, P = t.month === 11 ? t.year + 1 : t.year;
+  const { start: a, end: o } = t, r = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), u = [], h = t.month === 0 ? 11 : t.month - 1, y = t.month === 0 ? t.year - 1 : t.year, R = new Date(y, h + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, P = t.month === 11 ? t.year + 1 : t.year;
   for (let m = r - 1; m >= 0; m--) {
-    const d = R - m, w = _(y, h, d), I = new Date(y, h, d), T = new Date(e.year, e.month, e.date), j = I < T, G = s && j, K = a === w, Q = l === w, ft = a && l && w > a && w < l;
+    const d = R - m, w = _(y, h, d), I = new Date(y, h, d), T = new Date(e.year, e.month, e.date), j = I < T, K = s && j, Q = a === w, J = o === w, gt = a && o && w > a && w < o;
     u.push({
       day: d,
       iso: w,
-      disabled: G,
-      isStart: K,
-      isEnd: Q,
-      isBetween: ft,
+      disabled: K,
+      isStart: Q,
+      isEnd: J,
+      isBetween: gt,
       isOtherMonth: !0,
       click: () => n(w)
     });
   }
   for (let m = 1; m <= c; m++) {
-    const d = _(t.year, t.month, m), w = new Date(t.year, t.month, m), I = new Date(e.year, e.month, e.date), T = w < I, j = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
+    const d = _(t.year, t.month, m), w = new Date(t.year, t.month, m), I = new Date(e.year, e.month, e.date), T = w < I, j = s && T, K = a === d, Q = o === d, J = a && o && d > a && d < o;
     u.push({
       day: m,
       iso: d,
       disabled: j,
-      isStart: G,
-      isEnd: K,
-      isBetween: Q,
+      isStart: K,
+      isEnd: Q,
+      isBetween: J,
       isOtherMonth: !1,
       click: () => {
         n(d);
@@ -2630,19 +2635,19 @@ const dn = (e) => {
   }
   const Ie = (7 - u.length % 7) % 7;
   for (let m = 1; m <= Ie; m++) {
-    const d = _(P, A, m), w = new Date(P, A, m), I = new Date(e.year, e.month, e.date), T = w < I, j = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
+    const d = _(P, A, m), w = new Date(P, A, m), I = new Date(e.year, e.month, e.date), T = w < I, j = s && T, K = a === d, Q = o === d, J = a && o && d > a && d < o;
     u.push({
       day: m,
       iso: d,
       disabled: j,
-      isStart: G,
-      isEnd: K,
-      isBetween: Q,
+      isStart: K,
+      isEnd: Q,
+      isBetween: J,
       isOtherMonth: !0,
       click: () => n(d)
     });
   }
-  return o(
+  return l(
     { class: "grid grid-cols-7 gap-1" },
     u.map(
       (m, d) => yn({
@@ -2657,7 +2662,7 @@ const dn = (e) => {
       })
     )
   );
-}, vn = i((e, t) => o({ class: "flex flex-auto flex-col" }, [
+}, vn = i((e, t) => l({ class: "flex flex-auto flex-col" }, [
   bn({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
@@ -2668,7 +2673,7 @@ const dn = (e) => {
     // @ts-ignore
     previous: e.previous
   }),
-  o({
+  l({
     class: "flex flex-auto flex-col w-full",
     onSet: [
       "currentDate",
@@ -2687,13 +2692,13 @@ const dn = (e) => {
       ]
     ]
   })
-])), kn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), kn = ({ currentMonth: e, currentYear: t, onSelect: s }) => l(
   { class: "grid grid-cols-3 gap-2" },
   se.monthNames.map(
     (n, a) => b(
       {
-        click: (l) => {
-          l.preventDefault(), l.stopPropagation(), s(a);
+        click: (o) => {
+          o.preventDefault(), o.stopPropagation(), s(a);
         },
         variant: e === a ? "primary" : "ghost",
         "aria-label": `Select ${n} ${t}`
@@ -2701,33 +2706,33 @@ const dn = (e) => {
       n.substring(0, 3)
     )
   )
-), Cn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
-  J("selecting", (l) => b({
+), Cn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => l({ class: "flex gap-x-2 mb-4" }, [
+  X("selecting", (o) => b({
     click: n,
-    variant: l === "start" ? "primary" : "outline",
+    variant: o === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, qe("current.start", "Start Date"))
+    l({ class: "font-medium" }, qe("current.start", "Start Date"))
   ])),
-  J("selecting", (l) => b({
+  X("selecting", (o) => b({
     click: a,
-    variant: l === "end" ? "primary" : "outline",
+    variant: o === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, qe("current.end", "End Date"))
+    l({ class: "font-medium" }, qe("current.end", "End Date"))
   ]))
 ]), qe = (e, t) => [`[[${e}]]`, (s) => s == null ? t : Sn(s)], Sn = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
 }, $n = ({ currentYear: e, onSelect: t }) => {
-  const s = e - 50, n = Array.from({ length: 101 }, (a, l) => s + l);
-  return o(
+  const s = e - 50, n = Array.from({ length: 101 }, (a, o) => s + o);
+  return l(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     n.map(
       (a) => b(
         {
-          click: (l) => {
-            l.preventDefault(), l.stopPropagation(), t(a);
+          click: (o) => {
+            o.preventDefault(), o.stopPropagation(), t(a);
           },
           variant: a === e ? "primary" : "ghost",
           "aria-label": `Select ${a}`
@@ -2832,11 +2837,11 @@ class Dn extends S {
    * @returns {object}
    */
   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" }, [
+    const { today: t, current: s, selecting: n } = this.data, { start: a, end: o } = s;
+    return l({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
       Cn({
         start: a,
-        end: l,
+        end: o,
         selecting: n,
         onSelectStart: (r) => {
           r.preventDefault(), r.stopPropagation(), this.data.selecting = "start";
@@ -2905,10 +2910,10 @@ const In = ({ bind: e, required: t }) => p({
   click: s
 }, [
   In({ bind: e, required: t }),
-  q(({ state: n }) => [
-    f(V.date(["[[start]]", n], "Start Date")),
+  G(({ state: n }) => [
+    f(W.date(["[[start]]", n], "Start Date")),
     f(" - "),
-    f(V.date(["[[end]]", n], "End Date"))
+    f(W.date(["[[end]]", n], "End Date"))
   ]),
   U({ html: g.calendar.days })
 ]), Pn = ({ handleDateSelect: e, blockPriorDates: t }) => ve((s, n, a) => new ae({
@@ -2958,7 +2963,7 @@ const In = ({ bind: e, required: t }) => p({
       const e = (s, { state: n }) => n.toggle("open"), t = (s, n) => {
         this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, H.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]" }, [
+      return l({ class: "relative w-full max-w-[320px]" }, [
         Tn({
           toggleOpen: e,
           bind: this.bind,
@@ -3008,14 +3013,14 @@ function On({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function Nn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
-  return o(
+function Nn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: o }) {
+  return l(
     {
       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"
     },
     [
       zn({ bind: e, required: t }),
-      On({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      On({ placeholder: o, handleInputChange: n, handleInputFocus: a }),
       v(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
@@ -3028,11 +3033,11 @@ function Nn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleI
     ]
   );
 }
-function ue({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
-  return o(
+function he({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
+  return l(
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
-    e.map((l) => {
-      let r = a ? l.toString().padStart(2, "0") : l.toString();
+    e.map((o) => {
+      let r = a ? o.toString().padStart(2, "0") : o.toString();
       return v({
         text: r,
         class: "hover:bg-muted/50 rounded-md pr-2 py-1",
@@ -3052,30 +3057,30 @@ function Fn({ handleTimeSelect: e }) {
         size: "fit"
       },
       [
-        o(
+        l(
           { class: "flex flex-auto flex-col border rounded-md shadow-md" },
           [
-            o(
+            l(
               { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
                 // Hours column
-                ue({
-                  items: Array.from({ length: 12 }, (a, l) => l + 1),
+                he({
+                  items: Array.from({ length: 12 }, (a, o) => o + 1),
                   handleTimeSelect: e,
                   state: n.state,
                   stateValue: "hour",
                   pad: !0
                 }),
                 // Minutes column
-                ue({
-                  items: Array.from({ length: 60 }, (a, l) => l),
+                he({
+                  items: Array.from({ length: 60 }, (a, o) => o),
                   handleTimeSelect: e,
                   state: n.state,
                   stateValue: "minute",
                   pad: !0
                 }),
                 // AM/PM column
-                ue({
+                he({
                   items: ["AM", "PM"],
                   handleTimeSelect: e,
                   state: n.state,
@@ -3095,11 +3100,11 @@ function Ge(e) {
   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, 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), {
+  let [, n, a, , o] = s, r = parseInt(n, 10), c = parseInt(a, 10);
+  return r < 0 || r > 23 || c < 0 || c > 59 ? { hour: null, minute: null, meridian: null } : (o ? (o = o.toUpperCase(), o === "PM" && r < 12 ? r += 12 : o === "AM" && r === 12 && (r = 12)) : r === 0 ? (o = "AM", r = 12) : r < 12 ? o = "AM" : r === 12 ? o = "PM" : (o = "PM", r -= 12), {
     hour: r.toString().padStart(2, "0"),
     minute: c.toString().padStart(2, "0"),
-    meridian: l
+    meridian: o
   });
 }
 const Oo = F(
@@ -3184,7 +3189,7 @@ const Oo = F(
      * @returns {object}
      */
     render() {
-      return o(
+      return l(
         { class: "relative w-full max-w-[320px]" },
         [
           Nn({
@@ -3202,11 +3207,11 @@ const Oo = F(
       );
     }
   }
-), Ln = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), Ln = (e, t) => l({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   x({ size: "lg" }, e)
 ]), Rn = ({ title: e }) => ee({ class: "flex flex-auto items-center" }, [
   Z({ class: "text-lg font-semibold" }, e)
-]), No = i((e, t) => pt(
+]), No = i((e, t) => yt(
   {
     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
@@ -3216,28 +3221,28 @@ const Oo = F(
     aria: { expanded: ["open"] }
   },
   [
-    o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
+    l({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
       e.icon && Ln(e.icon, e.iconColor),
-      o({ class: "flex flex-auto flex-col gap-4" }, [
-        o({ class: "flex flex-auto flex-col gap-y-2" }, [
+      l({ class: "flex flex-auto flex-col gap-4" }, [
+        l({ class: "flex flex-auto flex-col gap-y-2" }, [
           Rn(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)
+          l({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         // @ts-ignore
         e.buttons && xe({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
       ])
     ])
   ]
-)), Fo = i((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  at({ 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" }, [
+)), Fo = i((e, t = []) => l({ class: "w-full max-w-md p-6 m-auto" }, [
+  ot({ class: "flex flex-auto flex-col" }, [
+    l({ class: "flex flex-auto flex-col gap-y-4" }, [
+      l({ class: "flex flex-auto items-center justify-center" }, [
         // @ts-ignore
-        e.icon && o({ class: "w-16 h-16 mb-2 text-primary" }, [
+        e.icon && l({ class: "w-16 h-16 mb-2 text-primary" }, [
           // @ts-ignore
           x({ size: "lg" }, e.icon)
         ])
@@ -3267,20 +3272,20 @@ const An = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
 }, jn = (e) => Xe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  q((t) => new Kt({ class: "mr-2", onChange: (s, n) => An(t, n) }))
-]), En = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
+  G((t) => new Kt({ class: "mr-2", onChange: (s, n) => An(t, n) }))
+]), En = ({ align: e, sortable: t, key: s, label: n, sort: a, class: o }) => {
   const r = e || "justify-start";
   return Xe({
-    class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
+    class: `cursor-pointer py-3 px-4 text-base ${o || ""}`,
     click: t && (() => a(s))
   }, [
-    o({ class: `flex flex-auto w-full items-center ${r}` }, [
+    l({ class: `flex flex-auto w-full items-center ${r}` }, [
       f(n),
       t && U({ class: "ml-2", html: g.arrows.upDown })
     ])
   ]);
-}, De = (e) => yt([
-  wt({
+}, De = (e) => wt([
+  vt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
@@ -3293,17 +3298,17 @@ const An = (e, t) => {
       })
     ]
   })
-]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new $t({
+]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: o, columnCount: r }) => new Dt({
   cache: "list",
   key: e,
   items: t,
   rowItem: (c) => n(c, s),
   class: "divide-y divide-border",
   emptyState: a,
-  skeleton: l,
+  skeleton: o,
   columnCount: r
 });
-class rt extends S {
+class it extends S {
   /**
    * Initializes component data.
    *
@@ -3363,7 +3368,7 @@ class rt extends S {
   selectRow(t) {
     const s = t.selected ?? !1;
     t.selected = !s;
-    const n = this.data.get("selectedRows"), a = t.selected ? [...n, t] : n.filter((l) => l !== t);
+    const n = this.data.get("selectedRows"), a = t.selected ? [...n, t] : n.filter((o) => o !== t);
     this.data.selectedRows = a, this.updateSelected();
   }
   /**
@@ -3381,9 +3386,9 @@ class rt extends S {
    */
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
-    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 }] }, [
+    return l({ class: "w-full flex flex-auto flex-col" }, [
+      X("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         ke({ class: "w-full" }, [
           // @ts-ignore
           this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
@@ -3468,7 +3473,7 @@ class rt extends S {
     this.data.selectedRows = [];
   }
 }
-const Hn = (e) => new Dt({
+const Hn = (e) => new It({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3482,7 +3487,7 @@ const Hn = (e) => new Dt({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Un extends rt {
+class Un extends it {
   /**
    * Renders the DataTable component.
    *
@@ -3490,9 +3495,9 @@ class Un extends rt {
    */
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
-    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 }] }, [
+    return l({ class: "w-full flex flex-auto flex-col" }, [
+      X("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         ke({ class: "w-full" }, [
           // @ts-ignore
           this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
@@ -3569,7 +3574,7 @@ const Lo = i((e) => new Un(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Yn = (e) => new It({
+)), Yn = (e) => new Tt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3584,7 +3589,7 @@ const Lo = i((e) => new Un(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Wn extends rt {
+class Vn extends it {
   /**
    * Renders the DataTable component.
    *
@@ -3592,9 +3597,9 @@ class Wn extends rt {
    */
   render() {
     const t = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
-    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 }] }, [
+    return l({ class: "w-full flex flex-auto flex-col" }, [
+      X("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
+      l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         ke({ class: "w-full" }, [
           // @ts-ignore
           this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
@@ -3640,7 +3645,7 @@ class Wn extends rt {
     this.list.refresh();
   }
 }
-const Ro = i((e) => new Wn(
+const Ro = i((e) => new Vn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3675,26 +3680,26 @@ const Ro = i((e) => new Wn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Vn = i(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
+)), Wn = i(({ name: e, email: t }) => l({ 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)
-])), qn = () => 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" })
+])), qn = () => l({ class: "flex items-center gap-x-1.5" }, [
+  l({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
+    l({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Gn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   f("Last seen "),
-  vt({ datetime: e }, "3h ago")
-]), Kn = (e, t) => e === "online" ? qn() : Gn(t), Qn = i(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+  kt({ datetime: e }, "3h ago")
+]), Kn = (e, t) => e === "online" ? qn() : Gn(t), Qn = i(({ role: e, lastSeen: t, status: s }) => l({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
   Kn(s, t)
 ])), Jn = (e) => e.split(" ").map((s) => s[0]).join(""), Xn = i((e) => we({ 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" }, [
+  l({ class: "flex min-w-0 gap-x-4" }, [
     // @ts-ignore
     Fs({ src: e.image, alt: e.name, fallbackText: Jn(e.name) }),
     // @ts-ignore
-    Vn({ name: e.name, email: e.email })
+    Wn({ name: e.name, email: e.email })
   ]),
   Qn({
     // @ts-ignore
@@ -3704,7 +3709,7 @@ const Ro = i((e) => new Wn(
     // @ts-ignore
     status: e.status
   })
-])), Ao = i((e) => new Tt({
+])), Ao = i((e) => new Pt({
   cache: "list",
   key: "name",
   // @ts-ignore
@@ -3782,7 +3787,7 @@ const ea = i(({ options: e, click: t }, s) => ({
   },
   children: s
 })), ta = (e, t = null, s = !1) => [
-  t && o({
+  t && l({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
       selected: !0
@@ -3808,7 +3813,7 @@ const ea = i(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class it extends S {
+class ct extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3840,7 +3845,7 @@ class it extends S {
    */
   addLink() {
     const t = this.options && this.options.length > 0, s = this.content || ta(String(this.label), this.icon, t);
-    return this.href ? new Ct(
+    return this.href ? new St(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3928,10 +3933,10 @@ class na extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new it(t);
+    return new ct(t);
   }
 }
-class ct extends na {
+class dt extends na {
   onCreated() {
     this.links = [];
   }
@@ -3966,7 +3971,7 @@ class ct extends na {
    * @returns {object}
    */
   addLink(t) {
-    const s = new it(t);
+    const s = new ct(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3977,11 +3982,11 @@ class ct extends na {
     };
   }
 }
-const he = /* @__PURE__ */ new Map(), aa = (e, t) => (he.has(e) || he.set(e, new RegExp(`${e}($|/|\\.).*`)), he.get(e).test(t)), oa = (e, t) => {
+const fe = /* @__PURE__ */ new Map(), aa = (e, t) => (fe.has(e) || fe.set(e, new RegExp(`${e}($|/|\\.).*`)), fe.get(e).test(t)), oa = (e, t) => {
   const s = e.link.panel.pathname;
   return !s && e.isSelected() ? !0 : e.exact ? t === s : aa(s, t);
 };
-class la extends ct {
+class la extends dt {
   /**
    * This will declare the props for the compiler.
    *
@@ -4010,7 +4015,7 @@ class la extends ct {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", X.data],
+        value: ["[[path]]", q.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -4051,7 +4056,7 @@ class la extends ct {
    * @returns {void}
    */
   afterSetup() {
-    const t = X.data.path;
+    const t = q.data.path;
     this.updateLinks(t);
   }
   /**
@@ -4068,7 +4073,7 @@ class la extends ct {
     this.parentLink.update(s);
   }
 }
-const ra = (e) => pe({ class: "text-lg ml-2" }, e), ia = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+const ra = (e) => pe({ class: "text-lg ml-2" }, e), ia = (e) => l({ 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",
@@ -4076,7 +4081,7 @@ const ra = (e) => pe({ class: "text-lg ml-2" }, e), ia = (e) => o({ class: "stic
     icon: g.arrows.left
   }),
   e.title && ra(e.title)
-]), ca = () => o({
+]), ca = () => l({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
@@ -4098,21 +4103,21 @@ class da extends S {
    * @returns {object}
    */
   render() {
-    return o({
+    return l({
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
       ca(),
       // Popover Content
-      o({
+      l({
         class: `
 					absolute popIn w-auto p-0 bg-popover m-auto shadow-lg rounded-md top-0 bottom-0 left-2 right-2 max-h-[85vh] text-inherit block
 				`,
         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" }, [
+        l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
           ia({ title: this.title }),
-          o({ class: "flex flex-auto flex-col" }, this.children)
+          l({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
     ]);
@@ -4149,23 +4154,23 @@ class da extends S {
     this.container = app.root;
   }
 }
-const dt = () => b({ class: "m-2", variant: "ghost", addState() {
+const ut = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   x({}, g.bar.three)
-]), ua = (e) => pe({ class: "text-lg ml-2" }, e), ha = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  dt(),
+]), ua = (e) => pe({ class: "text-lg ml-2" }, e), ha = (e) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  ut(),
   e.title && ua(e.title)
-]), ut = (e, t) => e.map((s) => s.options ? { ...s, options: ut(s.options, t) } : { ...s, callBack: t }), ht = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+]), ht = (e, t) => e.map((s) => s.options ? { ...s, options: ht(s.options, t) } : { ...s, callBack: t }), ft = (e) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
   M(
     "open",
     (t) => t ? [
       new da({ title: e.title }, [
-        q(({ state: s }) => {
-          const n = (l) => s.open = !1, a = ut(e.options, n);
-          return new ct(
+        G(({ state: s }) => {
+          const n = (o) => s.open = !1, a = ht(e.options, n);
+          return new dt(
             {
               options: a
             }
@@ -4174,19 +4179,19 @@ const dt = () => b({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), jo = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
-  o([
-    dt(),
-    ht(e)
+]), jo = i((e) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+  l([
+    ut(),
+    ft(e)
   ])
-])), Eo = 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" }, [
+])), Eo = i((e) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+  l({ class: "flex flex-auto flex-col w-full" }, [
     ha(e),
-    ht(e)
+    ft(e)
   ])
 ])), _o = i((e) => {
   const t = e.margin || "m-4 ml-0";
-  return o({ class: `flex-none ${t}` }, [
+  return l({ class: `flex-none ${t}` }, [
     b({ variant: "back", class: "ghost", ...e })
   ]);
 });
@@ -4205,7 +4210,7 @@ class fa extends S {
    * @returns {object}
    */
   render() {
-    return o(
+    return l(
       {
         class: this.getClassName(),
         // @ts-ignore
@@ -4274,7 +4279,7 @@ class fa extends S {
    * @returns {object}
    */
   addBody() {
-    return o({ class: "body fadeIn flex flex-auto flex-col bg-background" }, this.getContents());
+    return l({ class: "body fadeIn flex flex-auto flex-col bg-background" }, this.getContents());
   }
   /**
    * This will get the body contents.
@@ -4307,7 +4312,7 @@ class Ho extends fa {
    */
   render() {
     const t = this.container;
-    return o(
+    return l(
       {
         // @ts-ignore
         animateIn: this.animateIn ?? null,
@@ -4408,7 +4413,7 @@ const ga = i(({ index: e, click: t, state: s }, n) => we({
 }, n)), ma = 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) => ga({ index: n, click: e, state: t }, s.label)]
-})), ba = i((e) => o({ class: "relative flex flex-auto items-center" }, [
+})), ba = i((e) => l({ class: "relative flex flex-auto items-center" }, [
   L({
     cache: "input",
     // @ts-ignore
@@ -4429,11 +4434,11 @@ const ga = i(({ index: e, click: t, state: s }, n) => we({
     ]
   }),
   // @ts-ignore
-  e.icon && o({ class: "absolute flex right-0 mr-2" }, [
+  e.icon && l({ class: "absolute flex right-0 mr-2" }, [
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), xa = (e) => o({
+])), xa = (e) => l({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
@@ -4542,7 +4547,7 @@ const ga = i(({ index: e, click: t, state: s }, n) => we({
      * @returns {object} - The rendered component.
      */
     render() {
-      return o({ class: "relative w-full max-w-md" }, [
+      return l({ class: "relative w-full max-w-md" }, [
         ba({
           // @ts-ignore
           state: this.state,
@@ -4568,11 +4573,11 @@ const ga = i(({ index: e, click: t, state: s }, n) => we({
   }
 ), Yo = i((e) => {
   const t = e.icon ?? g.magnifyingGlass.default;
-  return o({
+  return l({
     // @ts-ignore
     class: `relative flex items-center w-full rounded-xl bg-muted/30 focus-within:ring-2 focus-within:ring-ring transition-all ${e.containerClass || ""}`
   }, [
-    o({ class: "absolute left-4 flex items-center pointer-events-none text-muted-foreground" }, [
+    l({ class: "absolute left-4 flex items-center pointer-events-none text-muted-foreground" }, [
       x({ size: "sm" }, t)
     ]),
     p({
@@ -4617,7 +4622,7 @@ class pa extends S {
    * @returns {object}
    */
   render() {
-    return o({ class: `${this.class || ""}` }, this.children);
+    return l({ class: `${this.class || ""}` }, this.children);
   }
 }
 class ya extends pa {
@@ -4635,10 +4640,10 @@ const wa = i((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto f
   ...e,
   children: t
 })), va = i(({ title: e, description: t }) => ee({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  kt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+  Ct({ 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 Wo extends ya {
+class Vo extends ya {
   /**
    * This will declare the props for the compiler.
    *
@@ -4658,7 +4663,7 @@ class Wo extends ya {
         title: this.title,
         description: this.description
       }),
-      Pt(this.children)
+      Mt(this.children)
     ]);
   }
 }
@@ -4667,7 +4672,7 @@ export {
   ho as A,
   _o as B,
   cn as C,
-  rt as D,
+  it as D,
   po as E,
   No as F,
   Ho as G,
@@ -4685,7 +4690,7 @@ export {
   La as S,
   _a as T,
   Ea as U,
-  at as V,
+  ot as V,
   fo as W,
   mo as X,
   go as Y,
@@ -4698,14 +4703,14 @@ export {
   ps as a2,
   ws as a3,
   _ as a4,
-  Wo as a5,
+  Vo as a5,
   En as a6,
   to as a7,
-  fe as a8,
+  ge as a8,
   cs as a9,
   ia as aA,
   ro as aB,
-  Va as aC,
+  Wa as aC,
   Dn as aD,
   ao as aE,
   io as aF,
@@ -4719,7 +4724,7 @@ export {
   la as aN,
   De as aO,
   Ua as aP,
-  Wa as aQ,
+  Va as aQ,
   Co as aR,
   Ga as aS,
   Oo as aT,
@@ -4731,20 +4736,20 @@ export {
   eo as aZ,
   Ao as a_,
   $o as aa,
-  ct as ab,
+  dt as ab,
   L as ac,
   Ht as ad,
   Na as ae,
   Do as af,
-  it as ag,
+  ct as ag,
   wa as ah,
   Be as ai,
-  Vs as aj,
+  Ws as aj,
   jo as ak,
   Eo as al,
   ln as am,
   Qa as an,
-  dt as ao,
+  ut as ao,
   Zn as ap,
   na as aq,
   sa as ar,
@@ -4757,7 +4762,7 @@ export {
   qs as ay,
   ae as az,
   ca as b,
-  tt as b0,
+  st as b0,
   F as b1,
   Ja as b2,
   Qs as b3,
@@ -4787,7 +4792,7 @@ export {
   Bo as u,
   zo as v,
   Ka as w,
-  ce as x,
+  de as x,
   an as y,
   xo as z
 };